html,body{margin:0;min-height:100%;background:var(--color-page);color:var(--color-ink);font-family:var(--font-sans)}*{box-sizing:border-box}:root{--font-sans: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-page: #f7f6ec;--color-surface: #fffdf5;--color-card: #ffffff;--color-ink: #12351f;--color-muted: #5d6b62;--color-subtle: #7a847b;--color-border: #d9dfbf;--color-border-strong: #c7d45f;--color-primary: #2f6b2f;--color-primary-hover: #244f24;--color-accent: #f4d85a;--color-accent-soft: #fff8c4;--color-danger: #9b2c1f;--shadow-soft: 0 12px 28px rgba(64, 92, 37, .09);--shadow-hover: 0 16px 32px rgba(64, 92, 37, .13);--radius-sm: 6px;--radius-md: 8px;--container: 1200px}button,input,select{font:inherit}button{min-height:42px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(244,216,90,.55);outline-offset:2px}.login-container,.register-container{min-height:calc(100dvh - 112px);max-height:calc(100dvh - 112px);overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(244,216,90,.28),transparent 26%),radial-gradient(circle at 90% 82%,rgba(47,107,47,.16),transparent 24%),var(--color-page);padding:16px 24px;display:flex;align-items:center;justify-content:center}.auth-panel{position:relative;overflow:hidden;width:min(100%,var(--container));display:flex;justify-content:flex-end;align-items:center;height:min(620px,calc(100dvh - 144px));max-height:100%;border:1px solid rgba(217,223,191,.85);border-radius:24px;background:radial-gradient(circle at 12% 22%,rgba(244,216,90,.52),transparent 28%),radial-gradient(circle at 64% 86%,rgba(47,107,47,.22),transparent 31%),linear-gradient(135deg,#fffdf5d1,#eff3dfeb),#eff3df;box-shadow:0 22px 60px #324e2324}.login-card,.register-card{background:#ffffffe6;border:1px solid rgba(217,223,191,.9);border-radius:20px;box-shadow:0 18px 44px #324e2324;width:100%;max-width:430px;padding:28px;margin:0 42px 0 0;position:relative;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-header,.register-header{text-align:left;margin-bottom:22px}.auth-kicker{margin:0;color:#5c6f07;font-size:12px;font-weight:900;text-transform:uppercase}.login-header h1,.register-header h1{margin:8px 0 0;font-size:38px;color:var(--color-ink);font-weight:900;line-height:1.1}.login-header p,.register-header p{margin:10px 0 0;color:var(--color-muted);font-size:14px;font-weight:800}.login-form,.register-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:900;color:#40544a;font-size:13px}.field-note{margin:-2px 0 0;color:var(--color-muted);font-size:12px;font-weight:700;line-height:1.35}.form-group input{width:100%;padding:13px 14px;border:1px solid rgba(207,215,164,.95);border-radius:12px;background:#fffffae0;color:var(--color-ink);font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 3px #f4d85a42}.form-group input:disabled{background-color:#f0f0e7;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%}.toggle-password{position:absolute;right:8px;min-height:32px;background:var(--color-accent-soft);border:1px solid var(--color-border-strong);border-radius:999px;color:#36561f;cursor:pointer;font-size:12px;font-weight:900;padding:0 9px;display:flex;align-items:center;justify-content:center}.toggle-password:disabled{cursor:not-allowed;opacity:.5}.error-message{padding:12px;background-color:#fff3ee;color:var(--color-danger);border-radius:var(--radius-sm);font-size:14px;border:1px solid #e5b4a8;font-weight:800}.success-message{padding:12px;background-color:#eff8e4;color:#36561f;border-radius:var(--radius-sm);font-size:14px;border:1px solid var(--color-border-strong);font-weight:800}.login-button,.register-button{padding:13px 16px;background:var(--color-primary);color:var(--color-surface);border:none;border-radius:999px;font-size:16px;font-weight:900;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s}.login-button:hover:not(:disabled),.register-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.login-button:disabled,.register-button:disabled{opacity:.6;cursor:not-allowed}.login-footer,.register-footer{text-align:left;margin-top:16px;font-size:14px;color:var(--color-muted);font-weight:700}.login-footer a,.register-footer a{color:var(--color-primary);text-decoration:none;font-weight:900}.login-footer a:hover,.register-footer a:hover{text-decoration:underline}.auth-feature{position:absolute;inset:0;overflow:visible;min-height:0;height:100%;padding:34px 520px 34px 42px;display:flex;flex-direction:column;justify-content:space-between;z-index:1;pointer-events:none}.auth-feature:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.48);border-radius:22px;pointer-events:none}.feature-stage{position:relative;flex:1 1 auto;min-height:0;height:clamp(240px,42vh,340px);margin-top:18px}.cycle-visual{position:absolute;inset:0 8%;transform:scale(.9);transform-origin:center}.cycle-path{position:absolute;inset:12px 8% 18px;border:2px dashed rgba(47,107,47,.34);border-radius:999px;animation:cycle-pulse 4.5s ease-in-out infinite}.fiber-pack{position:absolute;top:58px;left:50%;width:168px;height:106px;transform:translate(-50%) rotate(-5deg);border:1px solid #cbbd8e;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 8px,transparent 8px 16px),linear-gradient(145deg,#f2e9c9,#d9c899);box-shadow:0 16px 28px #405c2526;animation:float-soft 5s ease-in-out infinite}.sun-disc{position:absolute;top:4px;right:12%;width:66px;height:66px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 18px #f4d85a33;animation:dot-breathe 3.5s ease-in-out infinite}.floating-card{position:absolute;z-index:2;width:126px;padding:10px;border:1px solid rgba(217,223,191,.9);border-radius:16px;background:#fffdf5c7;box-shadow:0 16px 34px #405c251f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card span{display:block;color:#5c6f07;font-size:11px;font-weight:900;text-transform:uppercase}.floating-card strong{display:block;margin-top:3px;color:var(--color-ink);font-size:15px;line-height:1.05}.card-one{top:18px;left:8%;transform:rotate(-4deg)}.card-two{right:8%;bottom:28px;transform:rotate(5deg)}.fiber-pack:before{content:"";position:absolute;left:16px;right:16px;top:18px;height:18px;border-radius:999px;background:#fffdf594}.fiber-pack:after{content:"";position:absolute;inset:50px 18px 18px;border-radius:8px;background:#6348241f}.cycle-dot{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 7px #2f6b2f1f;animation:dot-breathe 2.8s ease-in-out infinite}.dot-one{top:30px;left:24%}.dot-two{right:17%;top:48%;animation-delay:.4s}.dot-three{left:30%;bottom:20px;animation-delay:.8s}.soil-line{position:absolute;left:12%;right:12%;bottom:18px;height:26px;border-radius:999px;background:radial-gradient(circle at 18% 50%,rgba(91,76,41,.4) 0 3px,transparent 4px),radial-gradient(circle at 52% 46%,rgba(91,76,41,.34) 0 3px,transparent 4px),radial-gradient(circle at 76% 56%,rgba(91,76,41,.3) 0 3px,transparent 4px),#c3b581}.sprout{position:absolute;left:50%;bottom:40px;width:54px;height:70px;transform:translate(-50%)}.sprout:before{content:"";position:absolute;left:50%;bottom:0;width:4px;height:58px;border-radius:999px;background:var(--color-primary);transform:translate(-50%)}.sprout:after,.sprout span{content:"";position:absolute;top:10px;width:30px;height:18px;border-radius:30px 30px 4px;background:#6a8f2f}.sprout:after{left:26px;transform:rotate(-18deg)}.sprout span{right:26px;transform:rotate(198deg)}.feature-copy{max-width:min(620px,calc(100vw - 620px));position:relative;z-index:1}.eyebrow{margin:0 0 8px;color:#5c6f07;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.feature-copy h2{margin:0;color:var(--color-ink);font-size:clamp(34px,4.7vw,56px);line-height:1;max-width:640px}.feature-copy p:last-child{margin:10px 0 0;color:var(--color-muted);font-size:15px;font-weight:750;line-height:1.5}@keyframes float-soft{0%,to{transform:translate(-50%) translateY(0) rotate(-5deg)}50%{transform:translate(-50%) translateY(-10px) rotate(-2deg)}}@keyframes cycle-pulse{0%,to{opacity:.52;transform:scale(1)}50%{opacity:.9;transform:scale(1.015)}}@keyframes dot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@media (max-height: 720px) and (min-width: 821px){.login-container,.register-container{padding-top:12px;padding-bottom:12px}.auth-panel{height:min(520px,calc(100dvh - 136px))}.auth-feature{padding:24px 500px 24px 32px}.feature-stage{height:220px}.feature-copy h2{font-size:36px}.feature-copy p:last-child{font-size:14px}}@media (max-width: 820px){.login-container,.register-container{max-height:none;overflow:visible}.auth-panel{display:grid;grid-template-columns:1fr;gap:24px;height:auto;min-height:auto}.auth-card{max-width:none;margin:0}.auth-feature{position:relative;inset:auto;order:-1;overflow:hidden;min-height:320px;padding:24px;pointer-events:auto}.feature-stage{height:230px}.feature-copy h2{font-size:38px}}@media (max-width: 520px){.login-container,.register-container{align-items:stretch;padding:16px}.login-card,.register-card,.auth-feature{padding:22px}.feature-stage{height:190px}.feature-copy h2{font-size:29px}}