:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#323631;font-size:14px;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:#fafaf8}button,input{font:inherit}button{cursor:pointer}
.auth-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(400px,52%) minmax(380px,48%)}
.hero{position:relative;overflow:hidden;background:#e9ede5;min-height:730px;display:flex;flex-direction:column;padding:47px 8% 36px}
.brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px;font-size:25px;font-weight:700;letter-spacing:-1.4px}.point{color:#84a486;margin-left:-12px}.brandmark{display:grid;grid-template-columns:repeat(2,7px);gap:4px;transform:rotate(-13deg);margin-right:2px}.brandmark i{height:7px;width:7px;background:#506952;border-radius:2px}.brandmark i:nth-child(2){opacity:.75}.brandmark i:nth-child(3){opacity:.5}.brandmark i:nth-child(4){opacity:.9}
.hero-copy{position:relative;z-index:2;padding-top:12vh}.eyebrow,.hero-foot,.little-label{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#718273}.hero-copy h1{font-size:clamp(60px,6vw,95px);letter-spacing:-5px;font-weight:500;line-height:1.02;margin:23px 0 24px;font-family:Georgia,'Playfair Display',serif}.hero-copy h1 em{color:#657e69;font-weight:500}.hero-copy p{font-size:15px;max-width:390px;line-height:1.9;color:#7b8b7e;margin:0}.hero-foot{margin-top:auto;z-index:2;display:flex;justify-content:space-between;padding-top:28px}.hero-foot span{font-size:18px}
.artwork{position:relative;height:380px;max-width:610px;margin:6px auto 0;width:100%}.hero-orb{position:absolute;width:500px;height:500px;top:-130px;left:65px;border-radius:50%;background:radial-gradient(circle,#c6d7c477,transparent 67%);animation:orb 13s ease-in-out infinite alternate}.artcard{position:absolute;background:white;box-shadow:0 20px 60px #24352220;border:1px solid #fff;border-radius:7px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.artcard:hover{transform:translateY(-12px) rotate(0deg)!important}.artcard-a{width:215px;height:265px;left:20%;top:48px;transform:rotate(-9deg);z-index:2;animation:appear .7s .18s both}.leaf-art{height:215px;background:radial-gradient(ellipse at 40% 27%,#e9e4d5,#ccc6b1);position:relative;overflow:hidden}.leaf-art span{position:absolute;width:85px;height:165px;background:#777e65;border-radius:100% 0 100% 0;left:61px;top:15px;transform:rotate(-26deg);box-shadow:inset -16px 0 #5969553b}.leaf-art span:nth-child(2){left:100px;top:78px;height:125px;width:65px;background:#a2aa8e;transform:rotate(25deg)}.leaf-art span:nth-child(3){left:16px;top:110px;height:100px;width:75px;background:#889879;transform:rotate(-61deg)}.artlabel{padding:15px;font-size:9px;letter-spacing:2px;color:#7a827b;display:flex;justify-content:space-between}.artcard-b{width:217px;height:173px;left:53%;top:0;transform:rotate(8deg);z-index:1;padding:23px;background:#fff}.handwriting{font-family:Georgia,serif;font-size:30px;font-style:italic;line-height:1.1;margin-top:19px;color:#5b6c57}.squiggle{position:absolute;right:15px;bottom:9px;font-size:30px;color:#a0b295}.artcard-c{left:52%;top:200px;width:215px;height:173px;transform:rotate(7deg);background:#f4e7cd;padding:22px;z-index:3;animation:appear .8s .28s both}.artcard-c strong{display:block;font:500 35px/1.04 Georgia,serif;margin-top:15px;letter-spacing:-1px}.artcard-c em{color:#9b7d56}.artcard-c small{display:block;font-size:10px;color:#ac9575;margin-top:9px}.artcard-b{animation:appear .7s .08s both}
.login-panel{display:flex;align-items:center;justify-content:center;padding:75px 8% 55px;background:#fcfcfa}.login-inner{width:100%;max-width:390px;animation:slide .6s cubic-bezier(.22,1,.36,1) both}.auth-top{font-size:10px;font-weight:700;letter-spacing:2px;color:#7d947e;display:flex;align-items:center;gap:8px;margin-bottom:53px}.status-dot{width:7px;height:7px;background:#85a187;border-radius:50%;box-shadow:0 0 0 4px #ecf3e9}.lock-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;color:#55735b;background:#ecf3eb;margin-bottom:22px}.login-inner h2{font:500 clamp(34px,3vw,43px)/1.15 Georgia,'Playfair Display',serif;letter-spacing:-1.5px;margin:0 0 16px}.intro{font-size:14px;color:#929b90;line-height:1.85;max-width:390px;margin:0 0 34px}.login-inner label{display:block;font-size:10px;font-weight:700;color:#829184;letter-spacing:1.6px;margin:20px 0 9px}.login-inner input{width:100%;height:54px;padding:0 18px;border:1px solid #e0e7de;border-radius:10px;background:#fff;outline:none;color:#384238;transition:box-shadow .2s,border-color .2s}.login-inner input::placeholder{color:#c1c7bf}.login-inner input:focus{border-color:#7f9e83;box-shadow:0 0 0 4px #e7efe7}.login-inner button{border:0;background:#34493a;color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 20px;margin-top:26px;border-radius:11px;font-size:13px;font-weight:700;transition:background .25s,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;box-shadow:0 10px 22px #2e50371c}.login-inner button:hover{background:#45634c;transform:translateY(-2px);box-shadow:0 17px 30px #2e50372a}.login-inner button span{font-size:23px;font-weight:400}.subnote{font-size:12px;color:#a4ada3;text-align:center;line-height:1.7;margin-top:19px}.secure{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #edf0ea;padding-top:27px;margin-top:44px;color:#9ca69c;font-size:9px;letter-spacing:1px;font-weight:700}.secure span{color:#75987c;font-size:15px}.error{background:#fff0ec;border:1px solid #f6d1c7;border-radius:9px;padding:13px 14px;font-size:12px;line-height:1.5;color:#a65444;margin-bottom:12px;animation:slide .3s both}
@keyframes orb{to{transform:translate(40px,30px) scale(1.07)}}@keyframes appear{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes slide{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){.auth-layout{grid-template-columns:1fr}.hero{min-height:460px;padding:30px 8%}.hero-copy{padding-top:45px}.hero-copy h1{font-size:60px}.hero-foot{margin-top:50px}.artwork{position:absolute;left:49%;top:140px;transform:scale(.6);transform-origin:left top;opacity:.6}.hero-copy{max-width:340px}.login-panel{padding:58px 24px 80px}}
@media(max-width:570px){.hero{min-height:255px;padding:25px}.brand{font-size:21px}.hero-copy{padding-top:22px}.hero-copy h1{font-size:48px;letter-spacing:-2.5px;margin:14px 0}.hero-copy p{display:none}.artwork{display:none}.hero-foot{display:none}.login-panel{padding:46px 28px 70px;align-items:flex-start}.auth-top{margin-bottom:32px}.login-inner h2{font-size:35px}.secure{margin-top:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}