:root{--bg-deep: #0a0a1a;--bg-mid: #10102a;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .18);--accent: #7c5cfc;--accent-light: #a78bfa;--accent-glow: rgba(124, 92, 252, .35);--text-primary: #f0ecf9;--text-secondary: rgba(240, 236, 249, .6);--text-muted: rgba(240, 236, 249, .38);--gradient-hero: linear-gradient(135deg, #0f0c29, #302b63, #24243e);--gradient-accent: linear-gradient(135deg, #7c5cfc, #b983ff);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .37);--shadow-card-hover: 0 16px 48px rgba(124, 92, 252, .18);--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.4;z-index:-1;animation:float 18s ease-in-out infinite alternate}body:before{width:600px;height:600px;background:radial-gradient(circle,rgba(124,92,252,.35),transparent 70%);top:-10%;left:-8%}body:after{width:500px;height:500px;background:radial-gradient(circle,rgba(185,131,255,.25),transparent 70%);bottom:-10%;right:-5%;animation-delay:-9s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}a{color:var(--accent-light);text-decoration:none;transition:color .3s var(--ease-out)}a:hover{color:var(--text-primary)}img{display:block;max-width:100%}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.header{position:sticky;top:0;z-index:100;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);border-radius:0}.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.header__logo-img{height:36px;width:auto;border-radius:6px;object-fit:contain}.header__nav{display:flex;gap:var(--space-lg);list-style:none}.header__nav a{font-size:.9rem;font-weight:400;color:var(--text-secondary);transition:color .3s var(--ease-out);position:relative}.header__nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-accent);border-radius:1px;transition:width .35s var(--ease-out)}.header__nav a:hover{color:var(--text-primary)}.header__nav a:hover:after{width:100%}.intro{max-width:720px;margin:var(--space-2xl) auto var(--space-xl);text-align:center;padding:0 var(--space-lg)}.intro__tagline{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);border:1px solid var(--glass-border);background:var(--glass-bg);margin-bottom:var(--space-lg)}.intro__heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-md)}.intro__heading .accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro__desc{font-size:1.05rem;color:var(--text-secondary);max-width:540px;margin:0 auto;line-height:1.7}.categories{max-width:1100px;margin:0 auto var(--space-2xl);padding:0 var(--space-lg)}.categories__title{text-align:center;font-size:1.15rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xl);letter-spacing:.04em;text-transform:uppercase}.categories__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-lg)}.card{border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out);position:relative}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:var(--glass-highlight)}.card__image-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden}.card__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.card:hover .card__image-wrap img{transform:scale(1.08)}.card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(10,10,26,.85) 100%);display:flex;align-items:flex-end;padding:var(--space-md)}.card__label{font-size:.95rem;font-weight:600;letter-spacing:.01em}.card__sublabel{font-size:.75rem;color:var(--text-muted);margin-top:2px}.features{max-width:900px;margin:0 auto var(--space-2xl);padding:0 var(--space-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.feature{border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;transition:transform .4s var(--ease-out),border-color .4s var(--ease-out)}.feature:hover{transform:translateY(-4px);border-color:var(--glass-highlight)}.feature__icon{font-size:2rem;margin-bottom:var(--space-md);display:inline-block;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.feature__title{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.feature__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.cta{max-width:700px;margin:0 auto var(--space-2xl);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-accent);opacity:.08;z-index:0}.cta>*{position:relative;z-index:1}.cta__heading{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.cta__desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-lg)}.cta__button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 2rem;border:none;border-radius:var(--radius-full);background:var(--gradient-accent);color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.cta__button:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.footer{border-top:1px solid var(--glass-border);padding:var(--space-xl) var(--space-lg);text-align:center;border-radius:0}.footer__inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer__brand{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.footer__logo-img{height:28px;width:auto;border-radius:4px;object-fit:contain}.footer__links{display:flex;gap:var(--space-lg);list-style:none}.footer__links a{font-size:.85rem;color:var(--text-secondary)}.footer__links a:hover{color:var(--text-primary)}.footer__copy{font-size:.78rem;color:var(--text-muted)}@media(max-width:640px){.header{padding:var(--space-md)}.header__nav{gap:var(--space-md)}.header__nav a{font-size:.8rem}.categories__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.features{grid-template-columns:1fr}.footer__links{flex-wrap:wrap;justify-content:center}}