*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--accent:#8b5cf6;--accent-dark:#7c3aed;--bg-dark:#0f172a;--bg-card:#1e293b;--bg-light:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--success:#22c55e;--error:#ef4444;--border:#475569;--glow-primary:rgba(37,99,235,0.4);--glow-accent:rgba(139,92,246,0.3);}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;display:flex;flex-direction:column;}a{color:var(--primary);text-decoration:none;}a:hover{text-decoration:underline;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-12px);}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px var(--glow-primary),0 0 40px rgba(37,99,235,0.15);}50%{box-shadow:0 0 30px var(--glow-primary),0 0 60px rgba(37,99,235,0.25);}}@keyframes gradient-shift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes gradient-line{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}.navbar{background:rgba(30,41,59,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(71,85,105,0.5);padding:12px 0;position:sticky;top:0;z-index:100;}.navbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;animation:gradient-line 3s linear infinite;}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}.nav-logo{font-size:1.3rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;}.nav-logo:hover{text-decoration:none;color:var(--primary);}.nav-logo i{color:var(--primary);}.nav-logo-img{width:28px;height:28px;border-radius:4px;}.nav-links{display:flex;align-items:center;gap:20px;}.nav-links a{color:var(--text-muted);font-size:0.95rem;transition:color 0.2s;position:relative;}.nav-links a:hover{color:var(--text);text-decoration:none;}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:1px;transition:width 0.3s ease;}.nav-links a:hover::after{width:100%;}.nav-user{color:var(--text-muted);font-size:0.9rem;}.btn-nav{padding:6px 16px;border-radius:6px;background:var(--bg-light);color:var(--text) !important;font-size:0.9rem;transition:all 0.2s;}.btn-nav.btn-primary{background:var(--primary);}.btn-nav:hover{opacity:0.9;text-decoration:none !important;}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.3rem;cursor:pointer;}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;font-weight:500;transition:all 0.3s ease;background:var(--bg-light);color:var(--text);position:relative;}.btn:hover{opacity:0.85;transform:translateY(-1px);}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:white;}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--accent-dark));box-shadow:0 8px 25px var(--glow-primary);transform:translateY(-2px);}.btn-large{padding:16px 42px;font-size:1.15rem;}.btn-small{padding:6px 14px;font-size:0.85rem;}.btn-full{width:100%;justify-content:center;}.btn-danger{background:var(--error);color:white;}.hero{text-align:center;padding:100px 20px 80px;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1a4e 50%,#0f2847 100%);position:relative;overflow:hidden;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(37,99,235,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.06) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}.hero::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(37,99,235,0.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(139,92,246,0.06) 0%,transparent 50%);pointer-events:none;background-size:100% 100%;}@media (prefers-reduced-motion:no-preference){.hero::after{animation:gradient-shift 8s ease infinite;}}.hero-content{position:relative;z-index:1;}.hero-logo{width:120px;height:120px;border-radius:24px;margin-bottom:24px;filter:drop-shadow(0 10px 30px rgba(37,99,235,0.3));}@media (prefers-reduced-motion:no-preference){.hero-logo{animation:float 4s ease-in-out 0.5s infinite;}}.hero h1{font-size:3.5rem;margin-bottom:16px;font-weight:800;letter-spacing:-0.02em;line-height:1.15;background:linear-gradient(135deg,var(--text) 0%,#c7d2fe 50%,var(--text) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-subtitle{font-size:1.25rem;color:var(--text);margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;}.hero-buttons{display:flex;justify-content:center;gap:16px;}.hero-cta{animation:pulse-glow 3s ease-in-out infinite;font-weight:700;letter-spacing:0.03em;font-size:1.25rem;padding:18px 48px;border-radius:50px;background:linear-gradient(135deg,#4a6cf7 0%,#6c5ce7 40%,#a855f7 100%);box-shadow:0 4px 15px rgba(108,92,231,0.4),inset 0 1px 0 rgba(255,255,255,0.15);text-transform:none;position:relative;overflow:hidden;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);}.hero-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s ease;}.hero-cta:hover::before{left:100%;}.hero-cta:hover{text-decoration:none;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 30px rgba(108,92,231,0.55),0 4px 12px rgba(168,85,247,0.3),inset 0 1px 0 rgba(255,255,255,0.2);background:linear-gradient(135deg,#5a7cff 0%,#7c6cf7 40%,#b865ff 100%);}.hero-cta:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px rgba(108,92,231,0.4);}.hero-trust-badges{display:flex;justify-content:center;gap:32px;margin-top:48px;flex-wrap:wrap;}.trust-badge{display:flex;align-items:center;gap:10px;color:var(--text);font-size:0.9rem;font-weight:500;}.trust-badge-icon{width:40px;height:40px;border-radius:10px;background:rgba(37,99,235,0.12);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--primary-light);border:1px solid rgba(37,99,235,0.2);}.content-block{padding:60px 0;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(30,41,59,0.8) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;}.content-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);}.content-block-body{max-width:900px;margin:0 auto;line-height:1.85;font-size:1.05rem;color:var(--text);}.content-block-body h2,.content-block-body h3,.content-block-body h4{color:var(--text);margin:28px 0 14px;font-weight:700;}.content-block-body p{margin-bottom:18px;}.content-block-body ul,.content-block-body ol{margin:12px 0 16px 24px;}.content-block-body li{margin-bottom:6px;}.content-block-body a{color:var(--primary);}.content-block-body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;}.content-block-body figure,.post-content figure{max-width:100%;margin:20px 0;text-align:center;}.content-block-body figure img,.post-content figure img{max-width:100%;height:auto;border-radius:8px;}.content-block-body figcaption,.post-content figcaption{font-size:0.9em;color:var(--text-muted,#9ca3af);margin-top:8px;font-style:italic;text-align:center;}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;}.content-block-body blockquote{border-left:4px solid var(--primary);padding:12px 20px;margin:16px 0;background:rgba(37,99,235,0.08);border-radius:0 8px 8px 0;}.content-block-body table{width:100%;border-collapse:collapse;margin:20px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;}.content-block-body table th,.content-block-body table td{padding:10px 14px;text-align:left;border:1px solid var(--border);font-size:0.95rem;}.content-block-body table th{background:var(--bg-light);font-weight:600;color:var(--text);}.content-block-body table tr:nth-child(even){background:rgba(255,255,255,0.02);}.content-block-body pre{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0;}.content-block-body code{background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:4px;font-size:0.9em;}.features{padding:90px 20px;position:relative;}.section-title{text-align:center;font-size:2.2rem;margin-bottom:16px;font-weight:800;letter-spacing:-0.01em;}.section-subtitle{text-align:center;color:var(--text);font-size:1.1rem;margin-bottom:52px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;}.feature-card{background:rgba(30,41,59,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:36px 32px;border-radius:16px;border:1px solid rgba(71,85,105,0.4);text-align:center;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden;}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,transparent,rgba(37,99,235,0.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.4s ease;pointer-events:none;}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 30px var(--glow-primary);border-color:rgba(37,99,235,0.3);}.feature-card:hover::before{opacity:1;}.feature-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,0.15),rgba(139,92,246,0.15));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.6rem;color:var(--primary-light);border:1px solid rgba(37,99,235,0.2);transition:all 0.3s ease;}.feature-card:hover .feature-icon{background:linear-gradient(135deg,rgba(37,99,235,0.25),rgba(139,92,246,0.25));transform:scale(1.08);box-shadow:0 8px 20px rgba(37,99,235,0.2);}.feature-card h3{margin-bottom:12px;font-weight:700;font-size:1.15rem;}.feature-card p{color:var(--text);line-height:1.7;font-size:0.95rem;}.how-to{padding:80px 20px 90px;background:linear-gradient(180deg,var(--bg-dark) 0%,rgba(26,26,78,0.3) 100%);}.steps{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:1000px;margin:0 auto;position:relative;}.step{text-align:center;flex:1;min-width:220px;position:relative;padding:32px 20px;border-radius:16px;background:rgba(30,41,59,0.4);border:1px solid rgba(71,85,105,0.3);transition:all 0.3s ease;}.step:hover{background:rgba(30,41,59,0.6);transform:translateY(-4px);}.step-connector{display:none;}.step:not(:last-child)::after{content:'';position:absolute;top:48px;right:-14px;width:28px;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:1;}.step-number{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 18px;box-shadow:0 8px 20px var(--glow-primary);transition:all 0.3s ease;}.step:hover .step-number{transform:scale(1.1);box-shadow:0 10px 30px var(--glow-primary);}.step h3{margin-bottom:10px;font-weight:700;font-size:1.1rem;}.step p{color:var(--text);line-height:1.6;font-size:0.95rem;}.faq-section{padding:80px 0;background:var(--bg-dark);position:relative;}.faq-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.4),transparent);}.faq-list{max-width:800px;margin:0 auto;}.faq-item{border:1px solid rgba(71,85,105,0.4);border-radius:12px;margin-bottom:12px;overflow:hidden;background:rgba(30,41,59,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all 0.3s ease;}.faq-item:hover{border-color:rgba(37,99,235,0.4);box-shadow:0 4px 15px rgba(0,0,0,0.15);}.faq-item.open{border-color:rgba(37,99,235,0.5);background:rgba(30,41,59,0.7);}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;gap:16px;transition:color 0.2s;}.faq-question:hover{color:var(--primary-light);}.faq-question-icon{width:32px;height:32px;min-width:32px;border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,0.12),rgba(139,92,246,0.12));display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:var(--primary-light);border:1px solid rgba(37,99,235,0.15);transition:all 0.3s;}.faq-item.open .faq-question-icon{background:linear-gradient(135deg,var(--primary),var(--accent));color:white;border-color:transparent;}.faq-arrow{transition:transform 0.4s cubic-bezier(0.23,1,0.32,1);color:var(--text-muted);flex-shrink:0;}.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--primary);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.23,1,0.32,1),padding 0.4s cubic-bezier(0.23,1,0.32,1);}.faq-item.open .faq-answer{max-height:500px;padding:0 24px 20px;}.faq-answer p{color:var(--text);line-height:1.75;font-size:0.95rem;padding-left:48px;}.site-footer{margin-top:auto;background:var(--bg-card);border-top:1px solid var(--border);padding:0;color:var(--text-muted);font-size:0.85rem;position:relative;}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;animation:gradient-line 4s linear infinite;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:48px 20px 32px;}.footer-brand p{color:var(--text-muted);line-height:1.7;font-size:0.9rem;margin-top:12px;}.footer-brand .nav-logo{font-size:1.1rem;margin-bottom:4px;}.footer-col h4{color:var(--text);font-size:0.95rem;font-weight:700;margin-bottom:16px;letter-spacing:0.02em;}.footer-col ul{list-style:none;padding:0;margin:0;}.footer-col ul li{margin-bottom:10px;}.footer-col ul li a{color:var(--text-muted);font-size:0.9rem;transition:color 0.2s;}.footer-col ul li a:hover{color:var(--primary-light);text-decoration:none;}.footer-bottom{border-top:1px solid rgba(71,85,105,0.4);padding:20px;text-align:center;max-width:1200px;margin:0 auto;}.footer-container{max-width:1200px;margin:0 auto;}.footer-links{margin-bottom:12px;}main{flex:1;}.auth-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;min-height:70vh;}.auth-card{background:var(--bg-card);padding:40px;border-radius:12px;border:1px solid var(--border);width:100%;max-width:420px;}.auth-card h2{text-align:center;margin-bottom:24px;}.form-group{margin-bottom:16px;}.form-group label{display:block;margin-bottom:6px;font-size:0.9rem;color:var(--text-muted);}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text);font-size:1rem;}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);}.auth-link{text-align:center;margin-top:16px;color:var(--text-muted);font-size:0.9rem;}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:0.9rem;}.alert-error{background:rgba(239,68,68,0.15);color:#fca5a5;border:1px solid rgba(239,68,68,0.3);}.alert-success{background:rgba(34,197,94,0.15);color:#86efac;border:1px solid rgba(34,197,94,0.3);}.ad-side{position:fixed;top:50%;transform:translateY(-50%);z-index:90;max-width:160px;}.ad-left{left:0;}.ad-right{right:0;}.ad-bottom{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-card);border-top:1px solid var(--border);text-align:center;padding:8px;}.ad-interstitial-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:9999;justify-content:center;align-items:center;flex-direction:column;}.ad-interstitial-overlay.active{display:flex;}.ad-interstitial-content{background:var(--bg-card);border-radius:12px;padding:30px;max-width:600px;width:90%;text-align:center;position:relative;}.ad-interstitial-close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;}.ad-interstitial-close:hover{color:var(--text);}.ad-interstitial-timer{color:var(--text-muted);font-size:0.85rem;margin-top:16px;}@media (max-width:1200px){.ad-side{display:none;}}@media (max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:rgba(30,41,59,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px;border-bottom:1px solid var(--border);gap:12px;}.nav-links.active{display:flex;}.nav-links a::after{display:none;}.nav-toggle{display:block;}.hero{padding:70px 20px 60px;}.hero h1{font-size:2.2rem;}.hero-subtitle{font-size:1rem;}.hero-logo{width:90px;height:90px;}.hero-trust-badges{gap:16px;flex-wrap:wrap;}.trust-badge{font-size:0.82rem;}.features-grid{grid-template-columns:1fr;}.steps{flex-direction:column;align-items:center;}.step{min-width:unset;max-width:340px;width:100%;}.step:not(:last-child)::after{display:none;}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:24px 16px 16px;}.footer-brand{grid-column:1 / -1;}.footer-brand p{font-size:0.83rem;margin-top:8px;}.footer-col h4{margin-bottom:10px;font-size:0.9rem;}.footer-col ul li{margin-bottom:6px;}.footer-col ul li a{font-size:0.83rem;}.footer-bottom{padding:14px 16px;}.section-title{font-size:1.8rem;}.faq-answer p{padding-left:0;}.hero{animation:none;}.hero-content{animation:none;}.hero-subtitle{animation:none;}.hero-buttons{animation:none;}.hero-trust-badges{animation:none;}.feature-card{animation:none;}.step{animation:none;}.hero::before{animation:none;background:var(--bg-dark);}.navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(30,41,59,0.98);}.nav-links{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(30,41,59,0.98);}.features,.how-to,.faq-section{content-visibility:auto;contain-intrinsic-size:auto 500px;}.site-footer{content-visibility:auto;contain-intrinsic-size:auto 300px;}}@media (max-width:480px){.hero h1{font-size:1.8rem;}.hero-trust-badges{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;}.trust-badge{font-size:0.75rem;gap:6px;}.trust-badge-icon{width:30px;height:30px;border-radius:8px;}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:20px 14px 12px;}.footer-col h4{font-size:0.8rem;margin-bottom:8px;}.footer-col ul li a{font-size:0.78rem;}.footer-col ul li{margin-bottom:5px;}.footer-bottom{padding:12px 14px;font-size:0.8rem;}}.toc-section{padding:20px 0;}.toc-container{background:var(--card-bg,#1a1a2e);border:1px solid var(--border-color,#2a2a4a);border-radius:12px;max-width:600px;margin:0 auto;overflow:hidden;}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;user-select:none;border-bottom:1px solid var(--border-color,#2a2a4a);transition:background 0.2s;}.toc-header:hover{background:rgba(255,255,255,0.03);}.toc-title{font-size:1.1rem;font-weight:600;color:var(--text-primary,#e0e0ff);}.toc-toggle{transition:transform 0.3s;color:var(--text-muted,#8888aa);flex-shrink:0;}.toc-collapsed .toc-toggle{transform:rotate(-90deg);}.toc-collapsed .toc-list{display:none;}.toc-list{list-style:none;padding:12px 20px;margin:0;counter-reset:toc-counter;}.toc-item{counter-increment:toc-counter;padding:6px 0;line-height:1.5;}.toc-item::before{content:counter(toc-counter) ". ";color:var(--text-muted,#8888aa);font-size:0.9em;}.toc-item a{color:var(--accent-color,#6c63ff);text-decoration:none;font-size:0.95rem;transition:color 0.2s;}.toc-item a:hover{color:var(--accent-hover,#8b83ff);text-decoration:underline;}.toc-level-3{font-size:0.9em;}.toc-level-4{font-size:0.85em;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}