:root,[data-theme=light]{color-scheme:light;--green-50: #f0faf0;--green-100: #d4f0d4;--green-200: #a8e6a3;--green-300: #7dd87d;--green-400: #6bc96b;--green-500: #5cb85c;--green-600: #4a9e4a;--green-glow: rgba(107, 201, 107, .45);--green-glow-soft: rgba(107, 201, 107, .18);--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f7;--gray-200: #e8e8ed;--gray-300: #d2d2d7;--gray-400: #aeaeb2;--gray-500: #8e8e93;--gray-600: #636366;--gray-650: #56565a;--gray-700: #48484a;--gray-800: #3a3a3c;--gray-900: #1d1d1f;--bg-page: #dfead8;--bg-ambient-1: rgba(168, 230, 163, .42);--bg-ambient-2: rgba(255, 248, 220, .32);--bg-ambient-3: rgba(135, 206, 180, .28);--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .42);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .04), 0 2px 12px rgba(107, 201, 107, .06), inset 0 1px 0 rgba(255, 255, 255, .55);--glass-blur: 40px;--glass-blur-compact: 12px;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .04);--card-blur: 0px;--card-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .03);--ambient-overlay: linear-gradient( 180deg, rgba(255, 255, 255, .38) 0%, rgba(245, 252, 246, .3) 45%, rgba(236, 248, 240, .32) 100% );--ambient-filter: brightness(.92) saturate(.85);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-accent: var(--green-500);--text-on-accent: #f6fff7;--form-title-color: #717175;--hero-title-color: var(--gray-650);--control-height: 50px;--control-height-compact: 46px;--control-border-width: 2px;--control-radius-pill: var(--radius-full);--control-radius-checkbox: 5px;--input-bg: #f4f9f5;--input-border: rgba(126, 210, 138, .45);--input-shadow: none;--input-shadow-focus: none;--input-bg-focus: #ffffff;--input-text-focus: var(--text-primary);--input-icon-focus: #5cb85c;--input-placeholder: #8aab8e;--input-placeholder-engrave: none;--input-border-focus: #7dd87d;--divider-line: rgba(126, 210, 138, .3);--btn-primary-bg: linear-gradient(135deg, #92eea0 0%, #7ee88a 50%, #6ed97a 100%);--btn-pill-fill: #92eea0;--btn-pill-fill-hover: #7ee88a;--btn-primary-shadow: 0 4px 16px rgba(92, 184, 92, .35);--btn-primary-hover-shadow: 0 8px 28px rgba(92, 184, 92, .5);--color-error: #e74c3c;--mouse-light-color: rgba(168, 230, 163, .12);--mouse-light-size: 600px;--webgl-opacity: .38;--hero-accent: var(--green-400);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{color-scheme:dark;--bg-page: #0d1110;--bg-ambient-1: rgba(74, 158, 74, .15);--bg-ambient-2: rgba(60, 80, 60, .12);--bg-ambient-3: rgba(40, 60, 50, .18);--glass-bg: rgba(20, 28, 24, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--glass-blur: 28px;--card-bg: rgba(24, 32, 28, .92);--card-border: rgba(255, 255, 255, .06);--card-blur: 0px;--card-shadow: 0 4px 24px rgba(0, 0, 0, .35);--ambient-overlay: linear-gradient( 180deg, rgba(18, 28, 22, .35) 0%, rgba(14, 24, 18, .3) 50%, rgba(12, 20, 16, .32) 100% );--ambient-filter: brightness(.6) saturate(.85);--text-primary: #f5f5f7;--text-secondary: #aeaeb2;--text-muted: #636366;--text-accent: var(--green-300);--form-title-color: var(--text-primary);--hero-title-color: rgba(245, 245, 247, .9);--input-bg: rgba(36, 48, 40, .95);--input-border: rgba(126, 210, 138, .22);--input-shadow: none;--input-shadow-focus: none;--input-bg-focus: rgba(42, 56, 46, .98);--input-text-focus: #f5f5f7;--input-icon-focus: #8ede93;--input-placeholder-engrave: none;--input-border-focus: #7dd87d;--input-placeholder: #7a9a7e;--divider-line: rgba(126, 210, 138, .18);--btn-primary-bg: linear-gradient(135deg, #7ee88a 0%, #6ed97a 50%, #5fd06d 100%);--btn-pill-fill: #72d47f;--btn-pill-fill-hover: #84e090;--btn-primary-shadow: 0 4px 16px rgba(74, 158, 74, .3);--btn-primary-hover-shadow: 0 8px 28px rgba(74, 158, 74, .45);--color-error: rgba(231, 76, 60, .65);--mouse-light-color: rgba(107, 201, 107, .08);--webgl-opacity: .28;--hero-accent: var(--green-300)}:is(.glass-panel,.theme-toggle){background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.glass-panel{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.theme-toggle{backdrop-filter:blur(var(--glass-blur-compact));-webkit-backdrop-filter:blur(var(--glass-blur-compact))}:is(.form-input,.password-toggle,.btn-social,.checkbox-custom){background:var(--input-bg);border:var(--control-border-width) solid var(--input-border);box-shadow:var(--input-shadow);transition:background var(--transition-medium),border-color var(--transition-fast),color var(--transition-medium),box-shadow var(--transition-medium)}.form-input:focus{background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);color:var(--input-text-focus)}:is(.password-toggle:hover){background:var(--input-bg-focus);border-color:var(--input-border-focus)}.btn-social:hover{background:var(--input-bg-focus);border-color:var(--green-400)}.input-wrapper:focus-within .password-toggle{background:var(--input-bg-focus);color:var(--input-icon-focus);border-color:var(--input-border-focus)}:is(.form-input,.password-toggle,.btn-social,.btn-pill__shell){border-radius:var(--control-radius-pill)}.checkbox-custom{border-radius:var(--control-radius-checkbox)}.form-input,.btn-pill--e .btn-pill__shell{height:var(--control-height)}.btn-social{height:var(--control-height-compact)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;transition:background var(--transition-slow),color var(--transition-slow)}a{color:var(--text-accent);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:var(--webgl-opacity)}#mouse-light{position:fixed;width:var(--mouse-light-size);height:var(--mouse-light-size);border-radius:50%;background:radial-gradient(circle,var(--mouse-light-color) 0%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:opacity .4s ease;opacity:0;will-change:left,top}body.mouse-active #mouse-light{opacity:1}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background-image:url(/assets/meadow-bg.png);background-size:cover;background-position:50% 108%;background-repeat:no-repeat;filter:var(--ambient-filter)}.ambient-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--ambient-overlay)}.ambient-bg__layer{position:absolute;border-radius:50%;filter:blur(80px);animation:ambientDrift 20s ease-in-out infinite alternate;opacity:0}.ambient-bg__layer--1{width:60vw;height:60vw;top:-15%;left:-10%;background:var(--bg-ambient-1);animation-duration:22s}.ambient-bg__layer--2{width:50vw;height:50vw;bottom:-10%;right:-5%;background:var(--bg-ambient-2);animation-duration:18s;animation-delay:-5s}.ambient-bg__layer--3{width:40vw;height:40vw;top:40%;left:30%;background:var(--bg-ambient-3);animation-duration:25s;animation-delay:-10s}@keyframes ambientDrift{0%{transform:translate(0) scale(1)}33%{transform:translate(3%,2%) scale(1.05)}66%{transform:translate(-2%,4%) scale(.98)}to{transform:translate(2%,-3%) scale(1.02)}}[data-theme=dark] .ambient-bg{background-image:url(/assets/meadow-bg-night.png)}.css-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.css-particles span{position:absolute;width:4px;height:4px;background:var(--green-300);border-radius:50%;opacity:0;animation:particleFloat 12s ease-in-out infinite;box-shadow:0 0 6px var(--green-glow-soft)}.css-particles span:nth-child(1){left:10%;animation-delay:0s;animation-duration:14s}.css-particles span:nth-child(2){left:20%;animation-delay:-2s;animation-duration:16s;width:3px;height:3px}.css-particles span:nth-child(3){left:35%;animation-delay:-4s;animation-duration:12s}.css-particles span:nth-child(4){left:50%;animation-delay:-1s;animation-duration:18s;width:5px;height:5px}.css-particles span:nth-child(5){left:65%;animation-delay:-6s;animation-duration:13s}.css-particles span:nth-child(6){left:75%;animation-delay:-3s;animation-duration:15s;width:3px;height:3px}.css-particles span:nth-child(7){left:85%;animation-delay:-8s;animation-duration:17s}.css-particles span:nth-child(8){left:5%;animation-delay:-5s;animation-duration:11s;width:2px;height:2px}.css-particles span:nth-child(9){left:45%;animation-delay:-7s;animation-duration:19s}.css-particles span:nth-child(10){left:90%;animation-delay:-9s;animation-duration:14s;width:3px;height:3px}.css-particles span:nth-child(11){left:15%;animation-delay:-11s;animation-duration:16s}.css-particles span:nth-child(12){left:55%;animation-delay:-12s;animation-duration:13s;width:2px;height:2px}.css-particles span:nth-child(13){left:70%;animation-delay:-13s;animation-duration:15s}.css-particles span:nth-child(14){left:30%;animation-delay:-14s;animation-duration:12s;width:5px;height:5px}.css-particles span:nth-child(15){left:95%;animation-delay:-15s;animation-duration:18s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-10vh) scale(1);opacity:0}}.page-wrapper{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px}.top-bar{position:fixed;top:20px;right:24px;z-index:100}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{transform:scale(1.05);color:var(--text-accent);box-shadow:0 4px 16px var(--green-glow-soft)}.theme-toggle__icon{width:20px;height:20px;position:absolute;transition:opacity var(--transition-fast),transform var(--transition-fast)}.theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=dark] .theme-toggle__icon--sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=dark] .theme-toggle__icon--moon{opacity:1;transform:rotate(0) scale(1)}.main-card{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1080px;min-height:640px;border-radius:var(--radius-xl);overflow:hidden;animation:cardEntrance 1s cubic-bezier(.16,1,.3,1) both}@keyframes cardEntrance{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 40px 40px;overflow:hidden}.hero__brand{position:relative;z-index:2}.logo{display:flex;align-items:center;gap:10px}.logo__icon{width:32px;height:32px;filter:drop-shadow(0 2px 8px var(--green-glow-soft))}.logo__text{font-size:1.125rem;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}.hero__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.hero__title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1.1;color:var(--hero-title-color);letter-spacing:-.03em}.hero__title-line{display:block}h2.hero__title-line{font-size:1.5rem;font-weight:800;color:var(--form-title-color);letter-spacing:-.02em;margin-bottom:6px}.hero__title-accent{font-style:normal;color:var(--hero-accent);background:linear-gradient(135deg,var(--green-300),var(--green-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__divider{width:48px;height:3px;background:linear-gradient(90deg,var(--green-400),var(--green-200));border-radius:2px;margin:20px 0 16px;animation:dividerPulse 3s ease-in-out infinite}@keyframes dividerPulse{0%,to{opacity:1;width:48px}50%{opacity:.7;width:56px}}.hero__subtitle{font-size:1rem;color:var(--text-muted);font-weight:500;max-width:280px;line-height:1.6}.form-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px}.form-card{width:100%;max-width:400px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:36px 32px 28px;box-shadow:var(--card-shadow);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));transition:background var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.form-card__header{text-align:center;margin-bottom:28px}.form-card__icon{width:56px;height:56px;margin:0 auto 16px;color:var(--green-500);animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.form-card__subtitle{font-size:.875rem;color:var(--text-muted);font-weight:500}.signup-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);padding-left:2px}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:2}.form-input{width:100%;padding:0 44px;font-size:1.2rem;color:var(--text-primary);outline:none}.form-input::placeholder{color:var(--input-placeholder);text-shadow:var(--input-placeholder-engrave)}.form-input:focus::placeholder{color:var(--input-placeholder);text-shadow:none}.input-wrapper:focus-within .input-icon{color:var(--input-icon-focus)}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:2}.password-toggle:hover{color:var(--text-secondary)}.password-toggle svg{width:18px;height:18px;position:absolute;transition:opacity var(--transition-fast)}.password-toggle .eye-closed,.password-toggle.is-visible .eye-open{opacity:0}.password-toggle.is-visible .eye-closed{opacity:1}.form-checkbox{margin-top:2px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-top:1px}.checkbox-custom svg{width:12px;height:10px;color:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.checkbox-input:checked+.checkbox-custom{background:var(--btn-pill-fill);border-color:var(--input-border);box-shadow:none}.checkbox-input:checked+.checkbox-custom svg{opacity:1;transform:scale(1)}.checkbox-input:focus-visible+.checkbox-custom{box-shadow:0 0 0 3px var(--green-glow-soft)}.checkbox-text .link{font-weight:600}.btn-primary{position:relative;width:100%;padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-full);overflow:visible;transition:filter var(--transition-fast);margin-top:4px}.btn-primary:hover,.btn-primary:active{filter:none}.btn-primary__label{gap:8px}.btn-primary__icon{display:flex;align-items:center;transform:translateY(2px)}.btn-primary__icon svg{width:20px;height:20px;transition:transform var(--transition-fast)}.btn-primary:hover .btn-primary__icon{transform:translateY(2px) translate(3px)}.btn-primary.is-loading{pointer-events:none;opacity:.85}.btn-primary.is-loading .btn-primary__text:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--text-on-accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:16px;margin:24px 0 20px}.divider__line{flex:1;height:1px;background:var(--divider-line)}.divider__text{font-size:.8125rem;color:var(--text-muted);text-transform:lowercase}.social-buttons{display:flex;gap:12px}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.btn-social svg{width:18px;height:18px;flex-shrink:0}.btn-social:active{transform:translateY(0)}.form-footer{text-align:center;margin-top:24px;font-size:.875rem;color:var(--text-muted)}.form-footer .link{font-weight:700;margin-left:4px}.btn-pill{width:100%;padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-full)}.btn-pill__shell{position:relative;display:block;width:100%;overflow:hidden}.btn-pill__track{display:none}.btn-pill__label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;font-weight:500;color:var(--text-on-accent);letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-pill--e .btn-pill__shell{border:var(--control-border-width) solid var(--input-border);background:var(--btn-pill-fill);box-shadow:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-pill--e:hover .btn-pill__shell{background:var(--btn-pill-fill-hover);border-color:var(--input-border-focus);box-shadow:none}.btn-pill--e:active .btn-pill__shell{background:var(--btn-pill-fill-hover);border-color:var(--input-border-focus)}.form-input.is-invalid{border-color:var(--color-error);animation:shake .4s ease}.form-input.is-valid{border-color:var(--green-500);color:var(--text-primary)}[data-theme=dark] .form-input.is-valid{border-color:var(--green-400);color:var(--input-text-focus)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.form-error{font-size:.75rem;color:var(--color-error);padding-left:2px;max-height:0;overflow:hidden;transition:max-height var(--transition-fast)}.form-error.is-visible{max-height:24px}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(100px);background:var(--card-bg);border:1px solid var(--green-300);border-radius:var(--radius-md);padding:14px 24px;font-size:.875rem;font-weight:600;color:var(--text-primary);box-shadow:0 8px 32px #0000001f;z-index:200;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:900px){.main-card{grid-template-columns:1fr;max-width:480px;min-height:auto}.hero{padding:36px 32px 24px;min-height:280px}.hero__content{padding:16px 0}.hero__title{font-size:2.25rem}.form-section{padding:0 20px 28px}.form-card{padding:28px 24px 24px}}@media(max-width:480px){.page-wrapper{padding:16px 12px}.top-bar{top:12px;right:12px}.main-card{border-radius:var(--radius-lg)}.hero{padding:28px 24px 16px}.form-card{padding:24px 20px 20px;border-radius:var(--radius-md)}.social-buttons{flex-direction:column}.btn-social{width:100%}#mouse-light{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#webgl-canvas{display:none}}@media print{#webgl-canvas,#mouse-light,.ambient-bg,.css-particles,.theme-toggle{display:none!important}.main-card{box-shadow:none;border:1px solid #ccc}}