:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#d1fae5;--primary-light-bg:#ecfdf5;--bg:#f7f8fa;--surface:#fff;--surface-2:#f3f4f6;--text:#171a1f;--text-muted:#667085;--border:#e2e5e9;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow:0 2px 8px #1018280f;--shadow-lg:0 8px 24px #1018281a;--radius:10px;--radius-lg:14px;--radius-xl:18px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--container:1180px}[data-theme=dark]{--bg:#0f0f1a;--surface:#1a1a2e;--surface-2:#22223a;--text:#f5f5fa;--text-muted:#9ca3af;--border:#2d2d44;--primary-light-bg:#2a2850;--shadow:0 4px 12px #0000004d;--shadow-lg:0 12px 32px #10b98140}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f7f8fa;background:var(--bg);color:#171a1f;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);line-height:1.6;min-height:100vh;transition:background .3s,color .3s}button{background:none;border:none;color:inherit;cursor:pointer}button,input,textarea{font-family:inherit}a{color:#10b981;color:var(--primary)}a,a:active,a:focus,a:hover{text-decoration:none!important}.container{margin:0 auto;max-width:1180px;max-width:var(--container);padding:0 20px}.navbar{background:#fff;background:var(--surface);border-bottom:1px solid #e2e5e9;border-bottom:1px solid var(--border);position:sticky;top:0;transition:background .2s;z-index:100}[data-theme=dark] .navbar{background:#0f0f1ae0}.nav-inner{height:64px;justify-content:space-between;margin:0 auto;max-width:1180px;max-width:var(--container);padding:0 20px}.logo,.nav-inner{align-items:center;display:flex}.logo{color:#171a1f;color:var(--text);cursor:pointer;font-size:1.25rem;font-weight:800;gap:10px;letter-spacing:-.02em}.logo-img{border-radius:8px;flex-shrink:0;height:40px;object-fit:contain;width:40px}.logo:hover .logo-img{transform:translateY(-1px)}.logo span{color:#171a1f;color:var(--text)}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{border-radius:7px;color:#171a1f;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:500;padding:9px 13px;transition:background .15s,color .15s}.nav-links a.active,.nav-links a:hover{background:#ecfdf5;background:var(--primary-light-bg);color:#10b981;color:var(--primary)}.nav-links a.active{font-weight:600}.nav-right{align-items:center;display:flex;gap:8px}.icon-btn{background:#f3f4f6;background:var(--surface-2);border-radius:9px;color:#171a1f;color:var(--text);display:grid;font-size:1.1rem;height:40px;place-items:center;transition:background .15s,color .15s;width:40px}.icon-btn:hover{background:#ecfdf5;background:var(--primary-light-bg);color:#10b981;color:var(--primary)}.hamburger{display:none}@media (max-width:860px){.nav-links{display:none}.hamburger{display:grid}.nav-links.open{background:#fff;background:var(--surface);border-bottom:1px solid #e2e5e9;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #1018280f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;left:0;padding:12px;position:absolute;right:0;top:64px}}.btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:600;gap:8px;justify-content:center;padding:13px 26px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;white-space:nowrap}.btn-primary{background:#10b981;background:var(--primary);box-shadow:0 2px 5px #10b9812e;color:#fff}.btn-primary:hover{background:#059669;background:var(--primary-dark);box-shadow:0 4px 10px #10b98133;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);color:#171a1f;color:var(--text)}.btn-secondary:hover{transform:translateY(-2px)}.btn-ghost,.btn-secondary:hover{background:#f3f4f6;background:var(--surface-2)}.btn-ghost{color:#171a1f;color:var(--text)}.btn-ghost:hover{background:#ecfdf5;background:var(--primary-light-bg);color:#10b981;color:var(--primary)}.btn-lg{border-radius:14px;font-size:1.1rem;padding:18px 36px}.btn-sm{border-radius:8px;font-size:.85rem;padding:8px 14px}.btn-block{width:100%}.hero{overflow:hidden;padding:80px 20px 60px;position:relative;text-align:center}.hero-content{position:relative;z-index:1}.hero-badge{align-items:center;background:#ecfdf5;background:var(--primary-light-bg);border-radius:100px;color:#10b981;color:var(--primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 14px}.hero h1{color:#171a1f;color:var(--text);font-size:clamp(2.4rem,6vw,4rem);font-weight:750;letter-spacing:-.035em;line-height:1.08;margin-bottom:16px}.hero p{color:#667085;color:var(--text-muted);font-size:clamp(1.1rem,2.5vw,1.35rem);margin:0 auto 32px;max-width:560px}.hero-cta{gap:12px}.hero-cta,.hero-meta{display:flex;flex-wrap:wrap;justify-content:center}.hero-meta{color:#667085;color:var(--text-muted);font-size:.85rem;gap:16px;margin-top:20px}.hero-meta span{align-items:center;display:inline-flex;gap:6px}.section{padding:60px 0}.section-header{margin-bottom:40px;text-align:center}.section-header h2{color:#171a1f;color:var(--text);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.section-header p{color:#667085;color:var(--text-muted);font-size:1.05rem;margin:0 auto;max-width:600px}.category-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:900px}.category-card{background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:10px;color:#171a1f;color:var(--text);cursor:pointer;padding:22px 16px;text-align:center;transition:transform .18s,border-color .18s,box-shadow .18s}.category-card:hover{border-color:#b8c7e6;box-shadow:0 6px 16px #10182814;transform:translateY(-2px)}.category-icon{background:#0000!important;border-radius:12px;color:#10b981;color:var(--primary);display:grid;font-size:1.45rem;height:54px;margin:0 auto 12px;place-items:center;transition:transform .18s,color .18s;width:54px}.category-card:hover .category-icon{color:#10b981;color:var(--primary);transform:scale(1.03)}.category-name{font-size:.95rem;font-weight:600}.quick-decide{background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1018280f;box-shadow:var(--shadow);margin:0 auto;max-width:640px;padding:30px}.quick-decide h3{color:#171a1f;color:var(--text);font-size:1.5rem;font-weight:700;margin-bottom:6px}.quick-decide .sub{color:#667085;color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.option-row{align-items:center;animation:slideIn .25s ease;display:flex;gap:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.option-row input{background:#f3f4f6;background:var(--surface-2);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:10px;color:#171a1f;color:var(--text);flex:1 1;font-size:.95rem;padding:12px 14px;transition:all .2s}.option-row input:focus{background:#fff;background:var(--surface);border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #ecfdf5;box-shadow:0 0 0 3px var(--primary-light-bg);outline:none}.remove-btn{background:#f3f4f6;background:var(--surface-2);border-radius:10px;color:#667085;color:var(--text-muted);display:grid;flex-shrink:0;font-size:1.2rem;height:40px;place-items:center;transition:all .2s;width:40px}.remove-btn:hover{background:#fee2e2;color:#ef4444;color:var(--danger)}[data-theme=dark] .remove-btn:hover{background:#4a1d1d}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.result-card{animation:bounceIn .6s;background:#10b981;background:var(--primary);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 10px 24px #10b9812e;color:#fff;margin:24px 0;padding:38px 24px;text-align:center}.result-label{font-size:.9rem;letter-spacing:.1em;margin-bottom:8px;opacity:.85;text-transform:uppercase}.result-icon{background:#fff3;border-radius:50%;display:grid;font-size:2.2rem;height:80px;margin:0 auto 16px;place-items:center;width:80px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.result-value{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;letter-spacing:-.02em;word-break:break-word}.result-message{font-size:1rem;margin-top:12px;opacity:.9}.shuffle-display{color:#10b981;color:var(--primary);display:grid;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:20px 0;min-height:60px;place-items:center}.shuffle-display.shaking{animation:shake .1s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.coin{background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 10px 30px #ffd70066,inset 0 -4px 8px #0003;color:#8b6914;display:grid;font-size:4rem;height:140px;margin:20px auto;place-items:center;position:relative;transition:transform .3s;width:140px}.coin.flipping{animation:coinFlip 1.5s ease-out}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(5turn)}}.wheel-container{margin:20px auto;max-width:420px;position:relative}.wheel-canvas{border-radius:50%;display:block;filter:drop-shadow(0 8px 24px rgba(16,185,129,.25));height:auto;width:100%}.wheel-pointer{color:#ef4444;font-size:2rem;top:-8px;transform:translateX(-50%)}.wheel-center,.wheel-pointer{left:50%;position:absolute;z-index:2}.wheel-center{background:#fff;background:var(--surface);border:4px solid #10b981;border:4px solid var(--primary);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#10b981;color:var(--primary);display:grid;font-size:1.3rem;height:60px;place-items:center;top:50%;transform:translate(-50%,-50%);width:60px}.tool-card{background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1018280f;box-shadow:var(--shadow);margin:0 auto 40px;max-width:720px;padding:28px}.page-header{padding:50px 20px 30px;text-align:center}.page-header h1{color:#171a1f;color:var(--text);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.page-header p{color:#667085;color:var(--text-muted);font-size:1.05rem;margin:0 auto;max-width:600px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chip{background:#f3f4f6;background:var(--surface-2);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:100px;color:#171a1f;color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s}.chip.active,.chip:hover{background:#10b981;background:var(--primary);border-color:#10b981;border-color:var(--primary);color:#fff}.related{background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);margin:40px auto;max-width:720px;padding:32px}.related h3{color:#171a1f;color:var(--text);font-size:1.2rem;margin-bottom:16px}.related-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.related-link{background:#f3f4f6;background:var(--surface-2);border-radius:10px;color:#171a1f!important;color:var(--text)!important;font-size:.9rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s}.related-link:hover{background:#10b981;background:var(--primary);color:#fff!important;transform:translateY(-2px)}.footer{background:#fff;background:var(--surface);border-top:1px solid #e2e5e9;border-top:1px solid var(--border);margin-top:60px;padding:44px 20px 24px}.footer-inner{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1.5fr repeat(3,1fr);margin:0 auto;max-width:1180px;max-width:var(--container)}.footer-brand .logo{align-items:center;display:flex;gap:10px}.footer-brand .logo-img{border-radius:6px;height:32px;object-fit:contain;width:32px}.footer-brand .logo span{color:#171a1f;color:var(--text);font-size:1.25rem;font-weight:800}.footer-brand p{font-size:.9rem;margin-top:10px;max-width:280px}.footer-brand p,.footer-col h5{color:#667085;color:var(--text-muted)}.footer-col h5{font-size:.85rem;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.footer-col ul{list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{color:#171a1f;color:var(--text);font-size:.9rem;transition:color .15s}.footer-col a:hover{color:#10b981;color:var(--primary)}.footer-bottom{border-top:1px solid #e2e5e9;border-top:1px solid var(--border);color:#667085;color:var(--text-muted);font-size:.85rem;margin:32px auto 0;max-width:1180px;max-width:var(--container);padding-top:20px;text-align:center}@media (max-width:760px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:420px){.footer-inner{grid-template-columns:1fr}}.theme-picker{opacity:0;pointer-events:none;top:80px;transform:translateY(-20px);transition:all .25s}.theme-picker.open{opacity:1;pointer-events:auto;transform:translateY(0)}.recent-widget{background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #1018281a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden;position:fixed;right:20px;top:80px;transform:translateX(400px);transition:transform .3s;width:320px;z-index:90}.recent-widget.open{transform:translateX(0)}.recent-header{align-items:center;background:#f3f4f6;background:var(--surface-2);border-bottom:1px solid #e2e5e9;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.recent-header h4{align-items:center;color:#171a1f;color:var(--text);display:flex;font-size:.95rem;font-weight:700;gap:6px}.recent-body{flex:1 1;overflow-y:auto;padding:12px}.recent-item{align-items:center;background:#f3f4f6;background:var(--surface-2);border-radius:10px;display:flex;font-size:.85rem;gap:10px;margin-bottom:6px;padding:10px 12px}.recent-item-icon{background:#ecfdf5;background:var(--primary-light-bg);border-radius:8px;color:#10b981;color:var(--primary);display:grid;flex-shrink:0;font-size:.9rem;height:32px;place-items:center;width:32px}.recent-item-text{flex:1 1;min-width:0}.recent-item-text .cat{color:#667085;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.recent-item-text .val{color:#171a1f;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-empty{color:#667085;color:var(--text-muted);font-size:.9rem;padding:30px 20px;text-align:center}.recent-footer{border-top:1px solid #e2e5e9;border-top:1px solid var(--border);padding:12px}@media (max-width:760px){.recent-widget{border-radius:14px 14px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;max-height:60vh;right:0;top:auto;transform:translateY(100%);width:100%}.recent-widget.open{transform:translateY(0)}}.toast{background:#171a1f;background:var(--text);border-radius:100px;bottom:24px;box-shadow:0 8px 24px #1018281a;box-shadow:var(--shadow-lg);color:#f7f8fa;color:var(--bg);font-size:.9rem;font-weight:500;left:50%;opacity:0;padding:12px 20px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s;z-index:1000}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.confetti{animation:confettiFall 2s ease-out forwards;height:10px;pointer-events:none;position:fixed;width:10px;z-index:999}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.hidden{display:none!important}.text-center{text-align:center}.mt-2{margin-top:12px}.mt-3{margin-top:20px}.flex-center{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.kbd{background:#f3f4f6;background:var(--surface-2);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:4px;display:inline-block;font-family:monospace;font-size:.75rem;padding:2px 6px}.kbd,.note{color:#667085;color:var(--text-muted)}.note{font-size:.85rem;font-style:italic;margin-top:12px;text-align:center}.error-msg{color:#ef4444;color:var(--danger);font-size:.85rem;font-weight:500;margin-top:8px}@media (max-width:768px){.logo-img{height:32px;width:32px}.hero{padding:40px 20px 30px}.section{padding:30px 0}.tool-card{padding:20px}}.result-popup-overlay{align-items:center;animation:popupOverlayIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.result-popup{animation:popupIn .3s ease-out;background:#fff;background:var(--surface,#fff);border:1px solid #e2e5e9;border:1px solid var(--border,#e5e7eb);border-radius:20px;box-shadow:0 24px 80px #00000040,0 8px 25px #0000001a;max-height:90vh;overflow-y:auto;padding:28px;scrollbar-color:#e2e5e9 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin;width:min(500px,95%)}.result-popup::-webkit-scrollbar{width:4px}.result-popup::-webkit-scrollbar-track{background:#0000}.result-popup::-webkit-scrollbar-thumb{background:#e2e5e9;background:var(--border);border-radius:10px}.result-popup-content{width:100%}.result-popup-content .result-card{margin:0}.result-popup-content .result-message{word-wrap:break-word;font-size:1rem;line-height:1.6;margin-top:12px;max-width:100%;opacity:.9;overflow-wrap:break-word;padding:0 4px;white-space:normal}.result-popup-content .result-value{font-size:clamp(1.5rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.3;max-width:100%;padding:0 4px;word-break:break-word}.result-popup-actions{align-items:center;display:flex;justify-content:center;margin-top:22px}.result-done-btn{background:#10b981;background:var(--primary,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-width:140px;padding:12px 32px;transition:all .2s ease}.result-done-btn:hover{background:#059669;background:var(--primary-dark,#059669);box-shadow:0 8px 24px #10b9814d;transform:translateY(-2px)}.result-done-btn:active{transform:translateY(0)}.result-done-btn:focus-visible{outline:3px solid #10b98166;outline-offset:2px}@keyframes popupOverlayIn{0%{opacity:0}to{opacity:1}}[data-theme=dark] .result-popup{background:#fff;background:var(--surface,#1a1a2e);border-color:#e2e5e9;border-color:var(--border,#2d2d44);box-shadow:0 24px 80px #00000080,0 8px 25px #0000004d}@media (max-width:600px){.result-popup-overlay{padding:14px}.result-popup{border-radius:16px;max-height:85vh;padding:20px}.result-popup .result-value{font-size:clamp(1.3rem,5vw,2rem)}.result-popup .result-message{font-size:.95rem}.result-popup-actions{margin-top:18px}.result-done-btn{min-height:44px;width:100%}}.theme-picker{animation:popupIn .2s ease;background:#fff;background:var(--surface);border:1px solid #e2e5e9;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #1018281a;box-shadow:var(--shadow-lg);opacity:1;padding:16px;pointer-events:auto;position:fixed;right:20px;top:72px;transform:translateY(0);width:220px;z-index:95}.theme-picker h5{align-items:center;color:#667085;color:var(--text-muted);display:flex;font-size:.8rem;gap:6px;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.mode-toggle-row{background:#f3f4f6;background:var(--surface-2);border-radius:10px;display:flex;gap:6px;padding:4px}.mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#171a1f;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .2s}.mode-btn.active{background:#fff;background:var(--surface);box-shadow:0 2px 8px #1018280f;box-shadow:var(--shadow);color:#10b981;color:var(--primary)}@keyframes popupIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:600px){.theme-picker{left:10px;right:10px;top:66px;width:auto}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.landing-page{overflow:hidden;padding-top:0}.landing-hero{align-items:center;background:linear-gradient(135deg,#0d9488,#059669 30%,#10b981 60%,#34d399);border-radius:0 0 50px 50px;color:#fff;display:flex;margin-bottom:40px;min-height:auto;overflow:hidden;padding:80px 20px 70px;position:relative;text-align:center}.landing-hero .bg-shape{background:#ffffff0d;border-radius:50%;pointer-events:none;position:absolute}.landing-hero .bg-shape-1{animation:floatShape 8s ease-in-out infinite;height:500px;right:-100px;top:-200px;width:500px}.landing-hero .bg-shape-2{animation:floatShape 10s ease-in-out infinite reverse;bottom:-100px;height:300px;left:-50px;width:300px}.landing-hero .bg-shape-3{animation:pulseShape 6s ease-in-out infinite;background:#ffffff08;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes pulseShape{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}.particle{animation:floatParticle 12s ease-in-out infinite;background:#ffffff4d;border-radius:50%;height:6px;position:absolute;width:6px}.particle:first-child{animation-delay:0s;left:10%;top:20%}.particle:nth-child(2){animation-delay:2s;height:8px;left:20%;top:60%;width:8px}.particle:nth-child(3){animation-delay:4s;left:70%;top:15%}.particle:nth-child(4){animation-delay:1s;height:4px;left:80%;top:70%;width:4px}.particle:nth-child(5){animation-delay:3s;height:10px;left:50%;top:85%;width:10px}@keyframes floatParticle{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(20px,-40px) scale(1.5)}50%{opacity:.5;transform:translate(-10px,-80px) scale(1)}75%{opacity:.7;transform:translate(15px,-50px) scale(1.3)}}.landing-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.landing-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:8px 20px;text-transform:uppercase}.landing-hero-badge,.landing-hero-icon{display:inline-block;margin-bottom:20px}.landing-hero-icon{animation:floatIcon 3s ease-in-out infinite;filter:drop-shadow(0 8px 30px rgba(0,0,0,.15));font-size:4.5rem}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.landing-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 30px #0000001a}.landing-hero h1 .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fcd34d,#fbbf24);-webkit-background-clip:text;background-clip:text;padding:0 4px}.landing-hero p{font-size:1.2rem;line-height:1.8;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:640px;opacity:.95;text-shadow:0 2px 20px #0000000d}.landing-hero .btn-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.landing-hero .btn-primary{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 8px 30px #00000026;color:#059669;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;padding:14px 40px;transition:all .3s ease}.landing-hero .btn-primary:hover{box-shadow:0 16px 50px #00000040;transform:translateY(-4px) scale(1.02)}.landing-hero .btn-primary svg{transition:transform .3s ease}.landing-hero .btn-primary:hover svg{transform:translateX(6px)}.landing-hero .btn-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s ease}.landing-hero .btn-secondary:hover{background:#fff3;border-color:#fff6;transform:translateY(-4px)}.landing-hero .trust-badge{display:flex;flex-wrap:wrap;font-size:.85rem;gap:30px;justify-content:center;margin-top:30px;opacity:.8}.landing-hero .trust-badge span{align-items:center;display:flex;gap:6px}.landing-features{background:var(--surface-2);padding:80px 20px 60px}.landing-features .section-header{margin:0 auto 50px;max-width:700px;text-align:center}.landing-features .section-header h2{color:var(--text);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.landing-features .section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;padding:40px 32px 36px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:before{background:linear-gradient(90deg,#10b981,#34d399,#fcd34d);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#0000;box-shadow:0 20px 60px #10b9811f;transform:translateY(-8px)}.feature-card .icon-wrapper{align-items:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:20px;color:#10b981;display:flex;font-size:2.2rem;height:72px;justify-content:center;margin:0 auto 18px;transition:all .3s ease;width:72px}.feature-card:hover .icon-wrapper{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;transform:scale(1.05)}.feature-card h3{color:var(--text);font-size:1.2rem;font-weight:700;margin-bottom:10px}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin:0}.landing-how-to{padding:80px 20px 60px}.landing-how-to .section-header{margin:0 auto 50px;max-width:700px;text-align:center}.landing-how-to .section-header h2{color:var(--text);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.landing-how-to .section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:950px}.step-card{padding:20px;position:relative;text-align:center}.step-card:after{background:var(--border);content:"";display:none;height:2px;position:absolute;right:-20px;top:50%;width:20px}@media (min-width:768px){.step-card:not(:last-child):after{display:block}}.step-number{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;box-shadow:0 8px 30px #10b9814d;color:#fff;display:inline-flex;font-size:1.8rem;font-weight:800;height:68px;justify-content:center;margin-bottom:18px;position:relative;width:68px}.step-number:after{animation:rippleStep 2s ease-out infinite;border:2px solid #10b98126;border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes rippleStep{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.step-card h3{color:var(--text);font-size:1.15rem;font-weight:700;margin-bottom:8px}.step-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.landing-faq{background:var(--surface-2);padding:80px 20px 60px}.landing-faq .section-header{margin:0 auto 50px;max-width:700px;text-align:center}.landing-faq .section-header h2{color:var(--text);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.landing-faq .section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;cursor:pointer;padding:28px 32px;transition:all .3s ease}.faq-item:hover{border-color:#10b981;box-shadow:0 8px 30px #10b9810f;transform:translateY(-2px)}.faq-item .faq-q{align-items:center;color:var(--text);display:flex;font-size:1.05rem;font-weight:700;gap:12px}.faq-item .faq-q .q-icon{color:#10b981;flex-shrink:0;font-size:1.2rem}.faq-item p{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin:8px 0 0 36px}.landing-cta{background:linear-gradient(135deg,#0d9488,#059669 40%,#10b981 80%);border-radius:50px 50px 0 0;color:#fff;margin-top:40px;overflow:hidden;padding:80px 20px 60px;position:relative;text-align:center}.landing-cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.landing-cta .cta-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.landing-cta h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.landing-cta p{font-size:1.2rem;line-height:1.7;margin-bottom:32px;opacity:.9}.landing-cta .btn{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 8px 40px #00000026;color:#059669;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;padding:16px 48px;transition:all .3s ease}.landing-cta .btn:hover{box-shadow:0 16px 60px #00000040;transform:translateY(-4px) scale(1.02)}.landing-cta .btn svg{transition:transform .3s ease}.landing-cta .btn:hover svg{transform:translateX(8px)}.landing-description{margin:0 auto;max-width:820px;padding:40px 20px 50px}.landing-description-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 4px 20px #00000008;padding:40px 48px;transition:all .3s ease}.landing-description-wrapper:hover{border-color:#10b98133;box-shadow:0 8px 40px #10b9810f}.landing-description p{color:var(--text);font-size:1.15rem;font-weight:500;line-height:1.9;margin:0;text-align:center}.landing-description p strong{color:var(--primary)}@media (max-width:768px){.landing-hero{border-radius:0 0 30px 30px;min-height:auto;padding:60px 20px 50px}.landing-hero h1{font-size:2rem}.landing-hero p{font-size:1rem}.landing-hero .btn-group{align-items:center;flex-direction:column}.landing-hero .btn-primary,.landing-hero .btn-secondary{justify-content:center;max-width:300px;width:100%}.landing-hero .trust-badge{font-size:.8rem;gap:16px}.landing-hero-icon{font-size:3.5rem}.landing-hero-badge{font-size:.75rem;margin-bottom:16px;padding:6px 16px}.features-grid{gap:16px;grid-template-columns:1fr}.steps-grid{gap:20px;grid-template-columns:1fr}.step-card:after{display:none}.landing-cta{border-radius:30px 30px 0 0;padding:50px 20px}.landing-cta h2{font-size:1.8rem}.landing-cta .btn{justify-content:center;max-width:300px;padding:14px 28px;width:100%}.feature-card{padding:28px 20px}.faq-item{padding:20px 24px}.faq-item .faq-q{font-size:.95rem}.faq-item p{margin-left:0}.landing-faq,.landing-features,.landing-how-to{padding:50px 20px 40px}.landing-faq .section-header h2,.landing-features .section-header h2,.landing-how-to .section-header h2{font-size:1.8rem}.landing-description{padding:30px 16px 40px}.landing-description-wrapper{border-radius:16px;padding:28px 20px}.landing-description p{font-size:1rem;line-height:1.7}}@media (max-width:480px){.landing-hero{border-radius:0 0 20px 20px;padding:40px 16px 30px}.landing-hero h1{font-size:1.6rem}.landing-hero p{font-size:.9rem;margin-bottom:20px}.landing-hero .btn-primary,.landing-hero .btn-secondary{font-size:.85rem;padding:12px 20px}.landing-hero-icon{font-size:2.8rem;margin-bottom:12px}.landing-hero-badge{font-size:.65rem;margin-bottom:12px;padding:4px 12px}.landing-hero .trust-badge{font-size:.7rem;gap:12px;margin-top:20px}.landing-cta h2{font-size:1.5rem}.landing-cta p{font-size:1rem}.landing-cta .btn{font-size:.9rem;padding:12px 24px}.feature-card h3{font-size:1.05rem}.landing-description-wrapper{padding:16px 14px}.landing-description p{font-size:.9rem;line-height:1.6}}