*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{margin:0;min-width:320px}:root{--color-bg: #0a0a0f;--color-bg-secondary: #050508;--color-bg-tertiary: #15151a;--color-text: #ffffff;--color-text-secondary: #a8a8b3;--color-text-muted: #6e6e78;--color-accent: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-tertiary: #ec4899;--color-accent-hover: #4f46e5;--color-border: #1a1a24;--color-card: rgba(255, 255, 255, .03);--color-card-hover: rgba(255, 255, 255, .06);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(99, 102, 241, .15) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(99, 102, 241, .3) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(139, 92, 246, .3) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(236, 72, 153, .3) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(59, 130, 246, .3) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(16, 185, 129, .2) 0px, transparent 50%);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Inter", sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Inter", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--shadow-lg: 0 20px 50px -12px rgba(99, 102, 241, .25);--shadow-xl: 0 30px 70px -15px rgba(99, 102, 241, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-text);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#6366f14d;color:var(--color-text)}.app{overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#0a0a0fb3;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(99,102,241,.1);transition:all var(--transition-fast)}.nav:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);opacity:0;transition:opacity var(--transition-medium)}.nav:hover:before{opacity:1}.nav-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.logo:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-medium)}.logo:hover:after{transform:scaleX(1)}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-fast);position:relative;padding:8px 12px;border-radius:8px}.nav-links a:after{content:"";position:absolute;bottom:6px;left:12px;right:12px;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-medium)}.nav-links a:hover{color:var(--color-text);background:#6366f10d}.nav-links a:hover:after{transform:scaleX(1)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:120px 24px 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:200%;height:150%;background:var(--gradient-mesh);opacity:.4;animation:gradientShift 15s ease infinite;filter:blur(80px)}@keyframes gradientShift{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-5%) scale(1.1)}}.hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(59,130,246,.05) 0%,transparent 50%);animation:particleFloat 20s ease-in-out infinite}@keyframes particleFloat{0%,to{opacity:.3}50%{opacity:.6}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-eyebrow{font-size:16px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;margin-bottom:16px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;border:1px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-eyebrow:before{content:"✨";font-size:14px}.hero-title{font-family:var(--font-display);font-size:clamp(48px,10vw,96px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px;background:linear-gradient(135deg,#fff,#e0e7ff,#ddd6fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(99,102,241,.3);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(99,102,241,.2))}to{filter:drop-shadow(0 0 40px rgba(139,92,246,.4))}}.hero-subtitle{font-size:clamp(18px,3vw,22px);color:var(--color-text-secondary);line-height:1.7;margin-bottom:40px;max-width:680px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 40px -10px #6366f166;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 50px -10px #6366f180}.btn-secondary{background:#6366f11a;color:var(--color-accent);border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#6366f126;border-color:#6366f180;transform:translateY(-2px);box-shadow:0 10px 30px -10px #6366f14d}.btn-large{padding:18px 36px;font-size:17px}.hero-visual{margin-top:60px;width:100%;max-width:600px;position:relative;z-index:1}.app-preview{background:#0f0f19cc;border-radius:16px;border:1px solid rgba(99,102,241,.2);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 50px 100px -20px #0009,0 30px 60px -30px #6366f166,inset 0 1px #ffffff1a,0 0 0 1px #6366f11a;position:relative}.app-preview:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:.1;z-index:0}.app-preview-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%;transition:all var(--transition-fast);cursor:pointer}.control:hover{transform:scale(1.2);box-shadow:0 2px 8px #0000004d}.control.close{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 0 8px #ff5f5766}.control.minimize{background:linear-gradient(135deg,#ffd93d,#feb72e);box-shadow:0 0 8px #febc2e66}.control.maximize{background:linear-gradient(135deg,#6bcf7f,#28c840);box-shadow:0 0 8px #28c84066}.app-title{font-size:13px;color:var(--color-text-secondary)}.app-preview-content{padding:24px;min-height:220px;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.chat-bubble{padding:16px 20px;border-radius:20px;max-width:90%;font-size:14px;line-height:1.6;position:relative;z-index:1}.chat-bubble.ai{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);box-shadow:0 4px 12px #6366f11a;animation:bubbleFadeIn .5s ease-out}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;gap:5px;padding:14px 18px;margin-top:16px;background:#6366f10d;border-radius:20px;width:fit-content;border:1px solid rgba(99,102,241,.1)}.typing-indicator span{width:10px;height:10px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);border-radius:50%;animation:typing 1.4s infinite ease-in-out;box-shadow:0 2px 8px #6366f14d}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0) scale(1);opacity:.5}30%{transform:translateY(-6px) scale(1.1);opacity:1}}section{padding:120px 24px}.section-header{text-align:center;max-width:600px;margin:0 auto 80px}.section-header h2{font-family:var(--font-display);font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:18px;color:var(--color-text-secondary)}.problem{padding:100px 24px;background:var(--color-bg);position:relative;overflow:hidden}.problem:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:radial-gradient(ellipse at top,rgba(236,72,153,.15) 0%,transparent 50%);filter:blur(80px)}.problem-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.problem-header{text-align:center;max-width:800px;margin:0 auto 60px}.problem-header h2{font-family:var(--font-display);font-size:clamp(32px,6vw,52px);font-weight:700;letter-spacing:-.03em;margin-bottom:20px;background:linear-gradient(135deg,#fff,#fecdd3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.problem-header p{font-size:20px;color:var(--color-text-secondary);line-height:1.6}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.problem-card{padding:32px;background:linear-gradient(135deg,#ec48990d,#8b5cf608);border:1px solid rgba(236,72,153,.15);border-radius:20px;transition:all var(--transition-medium);position:relative;overflow:hidden}.problem-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(236,72,153,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-medium)}.problem-card:hover:before{opacity:1}.problem-card:hover{transform:translateY(-4px);border-color:#ec48994d;box-shadow:0 20px 40px -10px #ec489940}.problem-icon{font-size:40px;display:block;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(236,72,153,.3))}.problem-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:12px;color:var(--color-text)}.problem-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.6}.features{background:var(--color-bg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff05;border:1px solid rgba(99,102,241,.1);border-radius:24px;padding:40px;transition:all var(--transition-medium);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(99,102,241,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-medium)}.feature-card:hover:before{opacity:1}.feature-card:hover{background:#ffffff0a;transform:translateY(-8px);border-color:#6366f14d;box-shadow:0 20px 60px -10px #6366f133}.feature-icon{width:56px;height:56px;margin-bottom:24px;color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.2);transition:all var(--transition-medium)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px -5px #6366f166}.feature-icon svg{width:28px;height:28px}.feature-card h3{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:12px;letter-spacing:-.02em;color:var(--color-text)}.feature-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.7}.showcase{background:var(--color-bg-secondary);position:relative;overflow:hidden}.showcase:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:var(--gradient-mesh);opacity:.15;filter:blur(100px);animation:showcaseGlow 20s ease-in-out infinite}@keyframes showcaseGlow{0%,to{transform:translate(0)}50%{transform:translate(10%)}}.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}.showcase-text h2{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.03em;margin-bottom:24px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-text p{font-size:18px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:32px}.showcase-features{list-style:none}.showcase-features li{position:relative;padding-left:36px;margin-bottom:16px;color:var(--color-text);font-size:16px}.showcase-features li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.screen-capture-demo{aspect-ratio:16/10;background:linear-gradient(135deg,#0a0a0fe6,#0f0f19e6);border-radius:20px;border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 60px -15px #6366f14d}.screen-capture-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,transparent 50%),linear-gradient(225deg,rgba(139,92,246,.15) 0%,transparent 50%);animation:demoGlow 4s ease-in-out infinite alternate}@keyframes demoGlow{0%{opacity:.3}to{opacity:.6}}.demo-screen-content{position:absolute;inset:20px;z-index:0;display:flex;align-items:center;justify-content:center}.demo-code-snippet{font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.8;opacity:.4}.code-line{color:var(--color-text)}.code-line.indent{padding-left:20px}.code-line.indent-2{padding-left:40px}.keyword{color:#c678dd}.class-name{color:#e5c07b}.param{color:#61afef}.comment{color:#5c6370;font-style:italic}.capture-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 50%,transparent 100%);box-shadow:0 0 20px var(--color-accent);animation:scan 3s ease-in-out infinite}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(400px)}}.capture-progress{display:flex;align-items:center;gap:20px;padding:24px 32px;background:#0a0a0fe6;border-radius:16px;border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000080}.progress-icon{width:48px;height:48px;color:var(--color-accent);animation:rotate 2s linear infinite;filter:drop-shadow(0 0 12px rgba(99,102,241,.6))}.progress-icon svg{width:100%;height:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-text{display:flex;flex-direction:column;gap:8px;min-width:220px}.analyzing-label{font-size:14px;font-weight:600;color:var(--color-text)}.progress-bar{width:100%;height:4px;background:#6366f133;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:2px;animation:progress 2s ease-in-out infinite;box-shadow:0 0 10px #6366f180}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.analyzing-status{font-size:12px;color:var(--color-text-secondary);font-style:italic}.profiles{background:var(--color-bg)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto}.profile-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(99,102,241,.15);border-radius:20px;padding:32px;cursor:pointer;transition:all var(--transition-medium);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-medium)}.profile-card:hover:after{opacity:1}.profile-card:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-color:#6366f14d;box-shadow:0 15px 40px -10px #6366f140}.profile-emoji{font-size:48px;display:block;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3));transition:all var(--transition-medium);position:relative;z-index:2}.profile-card:hover .profile-emoji{transform:scale(1.15) translateY(-4px);filter:drop-shadow(0 8px 20px rgba(99,102,241,.5))}.profile-card h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:10px;color:var(--color-text);position:relative;z-index:2}.profile-card p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;position:relative;z-index:2}.cta{background:var(--color-bg-secondary);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(139,92,246,.2) 0%,transparent 50%);filter:blur(60px);animation:ctaGlow 8s ease-in-out infinite alternate}@keyframes ctaGlow{0%{opacity:.3}to{opacity:.6}}.cta-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.cta h2{font-family:var(--font-display);font-size:clamp(36px,6vw,56px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e7ff,#ddd6fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta p{font-size:18px;color:var(--color-text-secondary);margin-bottom:40px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{background:var(--color-bg);padding:80px 24px 40px;border-top:1px solid rgba(99,102,241,.1);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.3}.footer-content{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:2fr 3fr;gap:80px}.footer-brand p{color:var(--color-text-muted);font-size:14px;margin-top:12px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.footer-column a,.footer-column a:link,.footer-column a:visited{display:block;color:var(--color-text-muted);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-text)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid rgba(99,102,241,.1);text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.footer-bottom p:before{content:"⚡";font-size:16px;filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}@media(max-width:900px){.showcase-content{grid-template-columns:1fr;gap:40px}.problem-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav-links{display:none}section{padding:80px 20px}.hero{padding:100px 20px 60px}.problem{padding:60px 20px}.problem-grid{grid-template-columns:1fr;gap:16px}.problem-card{padding:24px}.features-grid,.profiles-grid,.footer-links{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn-large{width:100%;justify-content:center}}.page-container{min-height:100vh;background:var(--color-bg);color:var(--color-text)}.page-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#0a0a0fb3;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(99,102,241,.1)}.page-content{max-width:900px;margin:0 auto;padding:120px 24px 80px}.page-header{text-align:center;margin-bottom:60px}.page-header h1{font-family:var(--font-display);font-size:clamp(36px,6vw,56px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:18px;color:var(--color-text-secondary)}.back-link{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-fast);padding:8px 12px;border-radius:8px}.back-link:hover{color:var(--color-text);background:#6366f11a}.content-sections{display:flex;flex-direction:column;gap:48px}.doc-section{background:linear-gradient(135deg,#ffffff05,#ffffff03);border:1px solid rgba(99,102,241,.1);border-radius:20px;padding:40px;transition:all var(--transition-medium)}.doc-section:hover{border-color:#6366f133;box-shadow:0 10px 40px -10px #6366f126}.doc-section h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:24px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doc-section h3{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:32px;margin-bottom:16px;color:var(--color-text)}.doc-section h3:first-child{margin-top:0}.doc-content{color:var(--color-text-secondary);line-height:1.8}.doc-content p{margin-bottom:16px}.doc-content ul,.doc-content ol{margin:16px 0;padding-left:24px}.doc-content li{margin-bottom:12px;line-height:1.7}.doc-content strong{color:var(--color-text);font-weight:600}.doc-content a{color:var(--color-accent);text-decoration:none;transition:all var(--transition-fast);border-bottom:1px solid transparent}.doc-content a:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent)}.shortcuts-table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;background:#0a0a0f80;border-radius:12px;overflow:hidden}.shortcuts-table thead{background:#6366f11a}.shortcuts-table th{text-align:left;padding:16px;font-weight:600;color:var(--color-text);border-bottom:1px solid rgba(99,102,241,.2)}.shortcuts-table td{padding:16px;color:var(--color-text-secondary);border-bottom:1px solid rgba(99,102,241,.1)}.shortcuts-table tbody tr:last-child td{border-bottom:none}.shortcuts-table tbody tr:hover{background:#6366f10d}kbd{display:inline-block;padding:4px 8px;font-size:13px;font-weight:600;line-height:1;color:var(--color-text);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;box-shadow:0 2px 4px #0003;font-family:var(--font-text)}.info-box{margin:24px 0;padding:16px 20px;background:#6366f11a;border-left:4px solid var(--color-accent);border-radius:8px;color:var(--color-text-secondary)}.info-box strong{color:var(--color-accent)}.setup-step{margin:32px 0;padding:24px;background:#0a0a0f80;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.setup-step h3{margin-top:0!important;color:var(--color-text)}.external-link{color:var(--color-accent);font-weight:500;text-decoration:none;border-bottom:1px solid var(--color-accent);transition:all var(--transition-fast)}.external-link:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px}.support-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:linear-gradient(135deg,#6366f10d,#8b5cf608);border:1px solid rgba(99,102,241,.15);border-radius:16px;text-decoration:none;transition:all var(--transition-medium)}.support-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 15px 40px -10px #6366f140}.support-icon{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.support-card h3{font-size:20px;font-weight:700;margin:0 0 8px!important;color:var(--color-text)}.support-card p{font-size:14px;color:var(--color-text-secondary);margin:0}.faq-item{margin:32px 0;padding-bottom:32px;border-bottom:1px solid rgba(99,102,241,.1)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{color:var(--color-text);margin-top:0!important}.contact-info{margin:24px 0}.contact-item{margin:16px 0;padding:16px;background:#0a0a0f80;border-radius:8px;border:1px solid rgba(99,102,241,.1)}.contact-item strong{display:block;margin-bottom:8px;color:var(--color-text)}.contact-item a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.contact-item a:hover{color:var(--color-accent-hover)}.legal-content .doc-section{background:#0a0a0f4d}.page-footer{text-align:center;padding:40px 24px;margin-top:80px;border-top:1px solid rgba(99,102,241,.1)}.page-footer p{color:var(--color-text-secondary);font-size:14px}.page-footer a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.page-footer a:hover{color:var(--color-accent-hover)}@media(max-width:768px){.page-content{padding:100px 20px 60px}.doc-section{padding:24px}.support-grid{grid-template-columns:1fr}.setup-step{padding:16px}}