@import url("https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=MedievalSharp&family=Inter:wght@400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:hsl(250,95%,60%);--primary-2:#8b5cf6;--purple-4:#c084fc;--gold:#c8a84b;--gold-lt:#e8c96a;--bg:#030712;--bg-2:#0a0f1e;--bg-3:#0f1629;--bg-4:#141d35;--text:#f1f0ff;--muted:#94a3b8;--border:rgba(255,255,255,0.08);--border-p:rgba(139,92,246,0.25);--r:12px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}#particles{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.45}nav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:.85rem 2.5rem;background:rgba(3,7,18,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-logo,nav{display:flex;align-items:center}.nav-logo{gap:.55rem;text-decoration:none}.nav-logo-icon{width:30px;height:30px;flex-shrink:0}.nav-logo-text{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0,var(--purple-4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;font-weight:700!important;padding:.45rem 1.1rem!important;border-radius:50px!important;font-size:.82rem!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 0 18px rgba(139,92,246,.3)}.nav-cta:hover{transform:translateY(-1px)!important;box-shadow:0 4px 24px rgba(139,92,246,.55)!important;color:#fff!important}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;overflow:hidden;z-index:1}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 45%,rgba(105,37,244,.16) 0,transparent 65%),radial-gradient(ellipse 45% 35% at 15% 75%,rgba(139,92,246,.1) 0,transparent 55%),radial-gradient(ellipse 50% 40% at 85% 20%,rgba(192,132,252,.07) 0,transparent 60%);z-index:-1}.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);animation:floatOrb 9s ease-in-out infinite}.hero-orb-1{width:520px;height:520px;background:rgba(105,37,244,.14);top:5%;left:-12%}.hero-orb-2{width:380px;height:380px;background:rgba(139,92,246,.1);top:25%;right:-8%;animation-delay:-3.5s}.hero-orb-3{width:260px;height:260px;background:rgba(192,132,252,.08);bottom:12%;left:35%;animation-delay:-6s}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-28px) scale(1.04)}70%{transform:translateY(14px) scale(.97)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);color:var(--purple-4);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.38rem 1rem;border-radius:50px;margin-bottom:2rem;animation:fadeUp .7s ease both}.hero-badge:before{content:"";width:6px;height:6px;background:var(--purple-4);border-radius:50%;animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.hero h1{font-family:IM Fell English,serif;font-size:clamp(3rem,8vw,6.2rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;margin-bottom:1.5rem;animation:fadeUp .8s ease .1s both}.hero h1 .word-worlds{background:linear-gradient(135deg,var(--primary) 0,var(--purple-4) 60%,var(--gold-lt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.hero-sub{font-size:clamp(1rem,2.4vw,1.25rem);color:var(--muted);max-width:660px;margin:0 auto 3rem;line-height:1.75;animation:fadeUp .8s ease .2s both}.hero-sub strong{color:var(--text);font-weight:600}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease .3s both}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;font-size:.97rem;padding:.88rem 2rem;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 0 32px rgba(139,92,246,.3)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 42px rgba(139,92,246,.5)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--text);font-weight:600;font-size:.97rem;padding:.88rem 2rem;border-radius:50px;text-decoration:none;transition:background .2s,border-color .2s}.btn-secondary:hover{background:rgba(139,92,246,.1);border-color:var(--border-p)}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;animation:fadeUp 1s ease .6s both}.scroll-line{width:1px;height:38px;background:linear-gradient(to bottom,var(--muted),transparent);animation:scrollPulse 2.2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}55%{opacity:.9;transform:scaleY(1.15)}}section{position:relative;z-index:1;padding:clamp(5rem,9vh,8rem) 2rem}.container{max-width:1120px;margin:0 auto}.section-label{display:inline-block;color:var(--primary-2);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.9rem}.section-title{font-family:IM Fell English,serif;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400;line-height:1.18;margin-bottom:1.1rem}.section-desc{color:var(--muted);font-size:1.05rem;max-width:540px;line-height:1.72}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.forwhom{background:var(--bg-2)}.forwhom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:1.4rem;gap:1.4rem;margin-top:3.5rem}.persona-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r);padding:2rem;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.persona-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-2),transparent);opacity:0;transition:opacity .3s}.persona-card:hover{transform:translateY(-4px);border-color:var(--border-p);box-shadow:0 14px 44px rgba(0,0,0,.35)}.persona-card:hover:before{opacity:1}.persona-icon{font-size:2.4rem;margin-bottom:1.1rem;display:block}.persona-card h3{font-family:IM Fell English,serif;font-size:1.2rem;font-weight:400;margin-bottom:.65rem}.persona-card p{color:var(--muted);font-size:.92rem;line-height:1.68}.persona-tag{display:inline-block;margin-top:1.2rem;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.22);color:var(--purple-4);font-size:.72rem;font-weight:600;padding:.22rem .7rem;border-radius:50px;letter-spacing:.04em}.hiw{background:var(--bg)}.hiw-header{text-align:center;margin-bottom:5rem}.hiw-header .section-desc{margin:0 auto}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:0;gap:0;position:relative}.steps:before{content:"";position:absolute;top:47px;left:calc(16.6% + 1rem);right:calc(16.6% + 1rem);height:1px;background:linear-gradient(90deg,transparent,var(--border-p),var(--primary-2),var(--border-p),transparent)}.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1.4rem}.step-num{width:52px;height:52px;border-radius:50%;background:var(--bg-3);border:2px solid var(--primary-2);font-size:1rem;font-weight:800;color:var(--primary-2);margin-bottom:1.6rem;position:relative;z-index:1;box-shadow:0 0 22px rgba(139,92,246,.25);flex-shrink:0}.step-icon-wrap,.step-num{display:flex;align-items:center;justify-content:center}.step-icon-wrap{width:68px;height:68px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.18);border-radius:16px;font-size:1.9rem;margin-bottom:1.1rem;transition:transform .3s,box-shadow .3s}.step:hover .step-icon-wrap{transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 28px rgba(139,92,246,.3)}.step h3{font-family:IM Fell English,serif;font-size:1.1rem;font-weight:400;margin-bottom:.55rem}.step p{color:var(--muted);font-size:.88rem;line-height:1.62}.features{background:var(--bg-2)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:1.3rem;gap:1.3rem;margin-top:3.5rem}.feature-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r);padding:1.7rem;display:flex;gap:1.1rem;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-3px);border-color:var(--border-p)}.feature-icon{font-size:1.5rem;flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.1);border-radius:10px}.feature-card h3{font-size:.97rem;font-weight:700;margin-bottom:.38rem}.feature-card p{color:var(--muted);font-size:.86rem;line-height:1.62}.feature-badge{display:inline-block;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:var(--primary-2);font-size:.68rem;font-weight:700;padding:.18rem .55rem;border-radius:4px;margin-top:.55rem;letter-spacing:.05em}.skill-section{background:var(--bg)}.skill-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.skill-visual{background:var(--bg-3);border:1px solid var(--border-p);border-radius:var(--r);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.1)}.skill-bar{background:var(--bg-4);padding:.7rem 1.1rem;display:flex;align-items:center;gap:.45rem;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.skill-title-bar{flex:1 1;text-align:center;font-size:.78rem;color:var(--muted)}.skill-body{padding:1.4rem 1.6rem;font-family:Courier New,monospace;font-size:.79rem;line-height:1.85}.skill-comment{color:#475569}.skill-key{color:var(--purple-4)}.skill-val{color:#34d399}.skill-str{color:#fbbf24}.skill-url{color:#60a5fa}.typing-cursor{display:inline-block;width:2px;height:.88em;background:var(--primary-2);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.future{background:var(--bg-2)}.future-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));grid-gap:1.3rem;gap:1.3rem;margin-top:3.5rem;justify-content:center;max-width:980px;margin-left:auto;margin-right:auto}.future-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r);padding:1.7rem;position:relative;overflow:hidden;transition:border-color .3s}.future-card:hover{border-color:var(--border-p)}.future-card .corner-glow{position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%)}.future-card.soon .corner-glow{background:radial-gradient(circle,rgba(200,168,75,.12),transparent 70%)}.future-status{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .6rem;border-radius:4px;margin-bottom:.9rem}.status-live{background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.22);color:#4ade80}.status-soon{background:rgba(200,168,75,.1);border:1px solid rgba(200,168,75,.22);color:var(--gold-lt)}.future-card h3{font-family:IM Fell English,serif;font-size:1.05rem;font-weight:400;margin-bottom:.45rem}.future-card p{color:var(--muted);font-size:.86rem;line-height:1.62}.pricing{background:var(--bg);text-align:center}.pricing-card{max-width:510px;margin:3.5rem auto 0;background:var(--bg-3);border:1px solid rgba(139,92,246,.3);border-radius:22px;padding:2.8rem 2.4rem;position:relative;overflow:hidden;box-shadow:0 0 70px rgba(139,92,246,.08),0 40px 80px rgba(0,0,0,.4)}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),var(--purple-4),var(--primary),transparent)}.pricing-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(ellipse,rgba(139,92,246,.12),transparent 70%);pointer-events:none}.pricing-tag{display:inline-block;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);color:var(--purple-4);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.32rem 1rem;border-radius:50px;margin-bottom:1.5rem}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.4rem}.price-amount{font-family:IM Fell English,serif;font-size:4rem;font-weight:400;color:var(--text);line-height:1}.price-currency{font-size:1.4rem;font-weight:700;color:var(--primary-2)}.price-period{color:var(--muted);font-size:.88rem;margin-bottom:2rem}.pricing-features{list-style:none;text-align:left;margin-bottom:2.4rem;display:flex;flex-direction:column;gap:.8rem}.pricing-features li{display:flex;align-items:flex-start;gap:.7rem;font-size:.93rem}.pricing-features li .check{color:var(--primary-2);font-size:1rem;flex-shrink:0;line-height:1.45}.pricing-features li .soon-tag{background:rgba(200,168,75,.1);color:var(--gold-lt);font-size:.63rem;font-weight:700;padding:.13rem .42rem;border-radius:4px;margin-left:.35rem;vertical-align:middle}.btn-patreon{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:linear-gradient(135deg,#ff424d,#d62f3a);color:#fff;font-weight:800;font-size:1rem;padding:.95rem 2.2rem;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;width:100%;box-shadow:0 4px 28px rgba(255,66,77,.28)}.btn-patreon:hover{transform:translateY(-2px);box-shadow:0 8px 48px rgba(255,66,77,.48)}.pricing-note{margin-top:1rem;font-size:.78rem;color:var(--muted)}footer{background:var(--bg-2);border-top:1px solid var(--border);padding:2.8rem 2rem;text-align:center;position:relative;z-index:1}.footer-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.7rem}.footer-logo-text{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,var(--primary),var(--purple-4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}footer p{color:var(--muted);font-size:.82rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(139,92,246,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(139,92,246,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(139,92,246,0)}}@media (max-width:768px){nav{padding:.85rem 1.4rem}.nav-links{display:none}section{padding:4.5rem 1.5rem}.skill-layout{grid-template-columns:1fr}.steps:before{display:none}.steps{gap:2.5rem}}