:root{--color-primary: #0d5a3d;--color-primary-light: #2d8f5e;--color-primary-lighter: #4caf6d;--color-primary-bg: #e8f5ed;--color-accent: #d4a017;--color-accent-light: #f4c430;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #e53935;--color-text-primary: #1a2e22;--color-text-secondary: #5a6b62;--color-text-tertiary: #8a9a92;--color-text-placeholder: #b0bdb5;--color-bg: #f7f9fc;--color-bg-elevated: #ffffff;--color-bg-muted: #f0f3f7;--color-border: #e5ebf0;--color-border-light: #f0f3f7;--shadow-sm: 0 1px 2px rgba(13, 90, 61, .04);--shadow-md: 0 4px 12px rgba(13, 90, 61, .06);--shadow-lg: 0 12px 32px rgba(13, 90, 61, .08);--shadow-xl: 0 20px 60px rgba(13, 90, 61, .12);--shadow-glow: 0 0 40px rgba(45, 143, 94, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;position:relative}input,select,textarea,button{font-family:inherit;font-size:inherit;outline:none;border:none;background:none;color:inherit}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0d5a3d33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0d5a3d66}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;will-change:transform}.bg-blob-1{top:-100px;right:-80px;width:400px;height:400px;background:linear-gradient(135deg,#2d8f5e,#4caf6d);animation:float 20s ease-in-out infinite}.bg-blob-2{top:30%;left:-100px;width:350px;height:350px;background:linear-gradient(135deg,#d4a017,#f4c430);opacity:.2;animation:float 25s ease-in-out infinite reverse}.bg-blob-3{bottom:-100px;right:20%;width:300px;height:300px;background:linear-gradient(135deg,#4caf6d,#2d8f5e);opacity:.25;animation:float 22s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(13,90,61,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(13,90,61,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.light-beam{position:fixed;top:-200px;width:300px;height:800px;background:linear-gradient(180deg,rgba(244,196,48,.15) 0%,transparent 100%);transform:rotate(20deg);pointer-events:none;z-index:-1;filter:blur(40px);animation:beamFloat 12s ease-in-out infinite}.light-beam-1{left:10%;animation-delay:0s}.light-beam-2{right:20%;background:linear-gradient(180deg,rgba(45,143,94,.15) 0%,transparent 100%);animation-delay:6s}@keyframes beamFloat{0%,to{transform:rotate(20deg) translate(0);opacity:.5}50%{transform:rotate(25deg) translate(40px);opacity:.8}}.closed-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f7f9fc,#e8f5ed);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.closed-card{background:#fff;border-radius:var(--radius-xl);padding:48px 36px;text-align:center;max-width:360px;width:100%;box-shadow:var(--shadow-xl);animation:scaleIn .4s var(--ease-out)}.closed-icon{margin-bottom:20px;display:flex;justify-content:center;animation:bounce 4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.closed-card h2{font-size:22px;color:var(--color-text-primary);margin-bottom:12px;font-weight:700}.closed-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.6}.signup-container{position:relative;min-height:100vh;padding-bottom:40px}.hero{position:relative;overflow:hidden;color:#fff;padding:56px 20px 80px;text-align:center;isolation:isolate;perspective:1000px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a3d2a,#0d5a3d,#1a7a52 70%,#2d8f5e);z-index:-1}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(244,196,48,.18) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(76,175,109,.4) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(13,90,61,.5) 0%,transparent 60%);animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,transparent 49%,rgba(255,255,255,.04) 49%,rgba(255,255,255,.04) 51%,transparent 51%);background-size:30px 30px;opacity:.5;animation:gridSlide 20s linear infinite}@keyframes gridSlide{0%{background-position:0 0}to{background-position:30px 30px}}.hero:before{content:"";position:absolute;top:20%;left:15%;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:100px 50px #fff9,250px 30px #f4c430cc,400px 80px #fff6,550px 20px #ffffffb3,700px 60px #f4c43099,850px 40px #ffffff80;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:1}}.hero-content{position:relative;z-index:1;animation:slideUp .8s var(--ease-out);transform-style:preserve-3d}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:12px;letter-spacing:.5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:16px;animation:fadeInDown .6s var(--ease-out) .1s both;transition:all var(--duration-normal) var(--ease-out)}.hero-badge:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-light);box-shadow:0 0 8px var(--color-accent-light);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px var(--color-accent-light)}50%{opacity:.5;transform:scale(1.4);box-shadow:0 0 16px var(--color-accent-light)}}.hero-title{font-size:28px;font-weight:800;line-height:1.3;margin-bottom:12px;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.title-line{display:block;font-weight:600;opacity:.95;animation:titleFade .8s var(--ease-out) .2s both}.title-highlight{display:block;font-size:36px;font-weight:900;background:linear-gradient(135deg,#fff 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:4px 0;letter-spacing:1px;position:relative;animation:titleHighlight .8s var(--ease-spring) .4s both}@keyframes titleHighlight{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.title-highlight:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.5;z-index:-1}@keyframes titleFade{0%{opacity:0;transform:translateY(10px)}to{opacity:.95;transform:translateY(0)}}.hero-subtitle{font-size:13px;letter-spacing:2px;opacity:.8;margin-bottom:24px;animation:fadeIn 1s var(--ease-out) .6s both}.hero-stats{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideUp .8s var(--ease-out) .5s both;transition:all var(--duration-normal) var(--ease-out)}.hero-stats:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:2px;animation:statFade .6s var(--ease-out) both}.stat-pill:nth-child(1){animation-delay:.7s}.stat-pill:nth-child(3){animation-delay:.8s}.stat-pill:nth-child(5){animation-delay:.9s}@keyframes statFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-num{font-size:16px;font-weight:800;color:var(--color-accent-light);text-shadow:0 0 12px rgba(244,196,48,.4)}.stat-text{font-size:11px;opacity:.85;letter-spacing:.5px}.stat-divider{width:1px;height:24px;background:#ffffff40}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:60px;line-height:0;z-index:2}.hero-wave svg{width:100%;height:100%;filter:drop-shadow(0 -2px 8px rgba(0,0,0,.05))}.hero-ripples{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.water-ripple{position:absolute;left:0;top:0;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 45%,transparent 70%);pointer-events:none;animation:waterExpand 2.2s var(--ease-out) forwards}.water-ripple:before,.water-ripple:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);transform:scale(0);opacity:0;animation:waterRing 2.2s var(--ease-out) forwards}.water-ripple:after{border-color:#f4c4308c;animation-delay:.35s}@keyframes waterExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}60%{opacity:.8}to{transform:translate(-50%,-50%) scale(7);opacity:0}}@keyframes waterRing{0%{transform:scale(.1);opacity:1}to{transform:scale(5);opacity:0}}@media (prefers-reduced-motion: reduce){.water-ripple,.water-ripple:before,.water-ripple:after{display:none}}.content{max-width:640px;margin:-20px auto 0;padding:0 16px;position:relative;z-index:3}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);margin-bottom:14px;position:relative;transition:all var(--duration-normal) var(--ease-out);will-change:transform}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:hover:before{opacity:1;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light),var(--color-primary-lighter));animation:borderRotate 3s linear infinite}@keyframes borderRotate{to{filter:hue-rotate(360deg)}}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.card-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-spring)}.card:hover .card-icon{transform:rotate(8deg) scale(1.1)}.card-header h3{font-size:17px;font-weight:700;color:var(--color-text-primary)}.notice-list{list-style:none;display:flex;flex-direction:column;gap:10px}.notice-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--color-text-secondary);line-height:1.6;transition:all var(--duration-fast) var(--ease-out);padding:4px 0;border-radius:6px}.notice-list li:hover{color:var(--color-text-primary);transform:translate(4px)}.notice-bullet{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;box-shadow:0 2px 6px #0d5a3d40;transition:transform var(--duration-fast) var(--ease-spring)}.notice-list li:hover .notice-bullet{transform:scale(1.15) rotate(360deg)}.progress-indicator{display:flex;align-items:center;justify-content:space-between;padding:20px 12px;margin:8px 4px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.progress-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-light),transparent);animation:progressShine 3s linear infinite}@keyframes progressShine{to{left:100%}}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.progress-step:hover{transform:scale(1.05)}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:var(--color-bg-muted);color:var(--color-text-tertiary);border:2px solid transparent;transition:all var(--duration-normal) var(--ease-spring);position:relative}.progress-step.active .step-circle{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 4px 12px #0d5a3d4d,0 0 0 4px #0d5a3d1a;transform:scale(1.1);animation:stepPulse 4s ease-in-out infinite}@keyframes stepPulse{0%,to{box-shadow:0 4px 12px #0d5a3d4d,0 0 #0d5a3d66}50%{box-shadow:0 4px 12px #0d5a3d4d,0 0 0 8px #0d5a3d00}}.step-text{font-size:12px;color:var(--color-text-tertiary);font-weight:500;white-space:nowrap;transition:all var(--duration-fast)}.progress-step.active .step-text{color:var(--color-primary);font-weight:600}.progress-line{flex:1;height:2px;background:var(--color-bg-muted);border-radius:1px;margin:0 8px;position:relative;top:-8px;overflow:hidden}.progress-line:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width var(--duration-slow) var(--ease-out)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px dashed var(--color-border);position:relative}.section-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:1px}.section-tag{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,var(--color-primary-bg),#d4ebde);color:var(--color-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:800;letter-spacing:1px;font-family:SF Mono,Consolas,monospace;transition:all var(--duration-fast) var(--ease-out)}.form-section:hover .section-tag{transform:scale(1.05);box-shadow:0 2px 8px #0d5a3d33}.section-header h3{font-size:17px;font-weight:700;color:var(--color-text-primary);flex:1}.required-tag{padding:2px 10px;background:#fff3e0;color:var(--color-warning);border-radius:var(--radius-sm);font-size:11px;font-weight:600;animation:requiredBlink 4s ease-in-out infinite}@keyframes requiredBlink{0%,to{opacity:1}50%{opacity:.6}}.optional-tag{padding:2px 10px;background:var(--color-bg-muted);color:var(--color-text-tertiary);border-radius:var(--radius-sm);font-size:11px;font-weight:600}.form-group{margin-bottom:18px;position:relative}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;letter-spacing:.2px;transition:color var(--duration-fast)}.form-label:before{content:"";display:inline-block;width:3px;height:12px;background:var(--color-primary);margin-right:6px;border-radius:2px;transition:all var(--duration-fast) var(--ease-out)}.form-group:focus-within .form-label{color:var(--color-primary)}.form-group:focus-within .form-label:before{height:16px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent-light))}.label-tip{font-size:11px;color:var(--color-text-tertiary);font-weight:400;margin-left:4px}.input-wrap{position:relative;background:#fafbfc;border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.input-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(45,143,94,.1) 0%,transparent 60%);opacity:0;transition:opacity var(--duration-normal);pointer-events:none}.input-wrap:hover{border-color:#c5d4cd;background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0d5a3d0f}.input-wrap:hover:after{opacity:1}.input-wrap:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #0d5a3d14,0 4px 16px #0d5a3d1a;transform:translateY(-2px)}.input-focus-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-light),var(--color-primary-light));transform:translate(-50%);transition:width var(--duration-normal) var(--ease-out)}.input-wrap:focus-within .input-focus-line{width:100%}.input-wrap input,.input-wrap select,.input-wrap textarea{width:100%;padding:12px 14px;font-size:15px;color:var(--color-text-primary);background:transparent;resize:none;line-height:1.5;position:relative;z-index:1}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:var(--color-text-placeholder);font-weight:400;transition:color var(--duration-fast)}.input-wrap:focus-within input::placeholder,.input-wrap:focus-within textarea::placeholder{color:transparent}.input-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235a6b62' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;transition:all var(--duration-fast)}.input-wrap select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230d5a3d' d='M6 8L0 0h12z'/%3E%3C/svg%3E")}.input-wrap select:invalid,.input-wrap select option[value=""]{color:var(--color-text-placeholder)}.input-wrap input:focus,.input-wrap select:focus,.input-wrap textarea:focus{border:none}.radio-group{display:flex;gap:10px}.radio-item{flex:1;position:relative;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fafbfc;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;overflow:hidden}.radio-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary-bg),transparent);opacity:0;transition:opacity var(--duration-fast);pointer-events:none}.radio-item input{position:absolute;opacity:0;width:0;height:0}.radio-box{width:18px;height:18px;border:2px solid #c5d4cd;border-radius:50%;position:relative;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out);z-index:1}.radio-box:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform var(--duration-fast) var(--ease-spring)}.radio-item input:checked+.radio-box{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-color:var(--color-primary);box-shadow:0 2px 6px #0d5a3d4d}.radio-item input:checked+.radio-box:after{transform:translate(-50%,-50%) scale(1)}.radio-text{font-size:14px;color:var(--color-text-secondary);font-weight:500;transition:color var(--duration-fast);position:relative;z-index:1}.radio-item input:checked~.radio-text{color:var(--color-primary);font-weight:600}.radio-item:has(input:checked){background:linear-gradient(135deg,var(--color-primary-bg),#f5fbf7);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0d5a3d1a}.radio-item:has(input:checked):before{opacity:1}.radio-item:active{transform:scale(.98)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-item{position:relative;display:flex;align-items:center;gap:8px;padding:11px 14px;background:#fafbfc;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;overflow:hidden}.check-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary-bg),transparent);opacity:0;transition:opacity var(--duration-fast);pointer-events:none}.check-item input{position:absolute;opacity:0;width:0;height:0}.check-box{width:18px;height:18px;border:2px solid #c5d4cd;border-radius:5px;position:relative;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;z-index:1}.check-box svg{opacity:0;transform:scale(0) rotate(-180deg);transition:all var(--duration-fast) var(--ease-spring)}.check-item input:checked+.check-box{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-color:var(--color-primary);box-shadow:0 2px 6px #0d5a3d4d}.check-item input:checked+.check-box svg{opacity:1;transform:scale(1) rotate(0)}.check-text{font-size:13.5px;color:var(--color-text-secondary);font-weight:500;transition:color var(--duration-fast);position:relative;z-index:1}.check-item:has(input:checked){background:linear-gradient(135deg,var(--color-primary-bg),#f5fbf7);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0d5a3d1a}.check-item:has(input:checked):before{opacity:1}.check-item:has(input:checked) .check-text{color:var(--color-primary);font-weight:600}.check-item:active{transform:scale(.98)}.submit-area{padding:16px 0 8px;position:relative}.submit-btn{position:relative;width:100%;height:52px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-radius:var(--radius-md);font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 16px #0d5a3d40,inset 0 1px #fff3}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s var(--ease-out)}.submit-btn:hover:before{left:100%}.submit-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.3) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-fast)}.submit-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px #0d5a3d66,inset 0 1px #fff3}.submit-btn:hover:after{opacity:1}.submit-btn:active{transform:translateY(0) scale(.99)}.ripple{position:absolute;border-radius:50%;background:#ffffff80;pointer-events:none;transform:scale(0);animation:rippleEffect .6s var(--ease-out)}@keyframes rippleEffect{to{transform:scale(4);opacity:0}}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-text,.btn-arrow,.btn-loading{position:relative;z-index:1;display:flex;align-items:center}.btn-arrow{transition:transform var(--duration-fast) var(--ease-out)}.submit-btn:hover .btn-arrow{transform:translate(6px)}.btn-loading{display:none;animation:spin 1s linear infinite}.submit-btn.loading .btn-text,.submit-btn.loading .btn-arrow{display:none}.submit-btn.loading .btn-loading{display:flex}@keyframes spin{to{transform:rotate(360deg)}}.tip{text-align:center;font-size:12px;color:var(--color-text-tertiary);margin-top:14px;display:flex;align-items:center;justify-content:center}.success-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s var(--ease-out)}.success-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1e1699;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.success-card{position:relative;background:#fff;border-radius:var(--radius-xl);padding:40px 30px 30px;text-align:center;max-width:340px;width:100%;box-shadow:var(--shadow-xl);animation:successBounce .6s var(--ease-spring);overflow:hidden}.success-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);z-index:0}@keyframes successBounce{0%{opacity:0;transform:scale(.3) translateY(100px)}60%{opacity:1;transform:scale(1.05) translateY(-10px)}to{transform:scale(1) translateY(0)}}.success-icon{position:relative;z-index:1;margin-bottom:16px;display:flex;justify-content:center}.success-icon svg circle{transform-origin:center;animation:circlePop .5s var(--ease-spring)}@keyframes circlePop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.check-path{stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .5s .3s var(--ease-out) forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-card h2{position:relative;z-index:1;font-size:24px;font-weight:800;color:var(--color-text-primary);margin-bottom:8px;animation:fadeInUp .5s .4s var(--ease-out) both}.success-msg{position:relative;z-index:1;font-size:14px;color:var(--color-text-secondary);margin-bottom:18px;animation:fadeInUp .5s .5s var(--ease-out) both}.success-tip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-radius:var(--radius-full);font-size:13px;color:#f57c00;font-weight:500;margin-bottom:24px;animation:fadeInUp .5s .6s var(--ease-out) both}.tip-icon{font-size:14px;animation:phoneRing 3s ease-in-out infinite}@keyframes phoneRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0)}}.success-btn{position:relative;z-index:1;width:100%;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:var(--radius-md);font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px #0d5a3d40;animation:fadeInUp .5s .7s var(--ease-out) both;overflow:hidden}.success-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-lighter));opacity:0;transition:opacity var(--duration-fast)}.success-btn:hover:before{opacity:1}.success-btn:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.error-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#e53935f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;z-index:10001;display:flex;align-items:center;max-width:80%;box-shadow:0 8px 24px #e539354d;animation:toastIn .3s var(--ease-spring)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.footer{text-align:center;padding:30px 20px;font-size:12px;color:var(--color-text-tertiary);opacity:0;animation:fadeIn 1s .5s var(--ease-out) forwards}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(1){transition-delay:.05s}.reveal:nth-child(2){transition-delay:.15s}.reveal:nth-child(3){transition-delay:.25s}.reveal:nth-child(4){transition-delay:.35s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (min-width: 480px){.hero-title{font-size:32px}.title-highlight{font-size:42px}.form-row{grid-template-columns:1fr 1fr}}@media (max-width: 360px){.hero{padding:40px 16px 70px}.hero-title{font-size:24px}.title-highlight{font-size:30px}.form-row,.checkbox-grid{grid-template-columns:1fr}.card{padding:16px}}@media (max-height: 700px) and (orientation: landscape){.hero{padding:24px 16px 50px}.hero-stats{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
