:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-card: #1a1a28;--color-bg-card-hover: #222235;--color-text-primary: #ffffff;--color-text-secondary: #b8b8c8;--color-text-muted: #8888a0;--color-accent-pink: #ff6b9d;--color-accent-purple: #a855f7;--color-accent-blue: #667eea;--color-accent-cyan: #00d9ff;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f64f59 100%);--gradient-pink: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .6);--shadow-glow-pink: 0 0 30px rgba(255, 107, 157, .3);--shadow-glow-purple: 0 0 30px rgba(168, 85, 247, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden;min-height:100vh}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(246,79,89,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.08) 0%,transparent 60%);pointer-events:none;z-index:-2}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--gradient-primary);border-radius:50%;opacity:.3;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.2);opacity:.6}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0fcc;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:var(--space-md) 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-text-primary)}.logo-icon{font-size:var(--text-2xl)}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:var(--text-sm);transition:color var(--transition-fast);position:relative}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-links a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.mobile-menu-btn span{width:24px;height:2px;background:var(--color-text-primary);transition:var(--transition-base)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.mobile-menu-btn{display:flex}.nav-links{position:fixed;top:65px;left:0;right:0;background:#0a0a0ffa;backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-xl);gap:var(--space-lg);transform:translateY(-100%);opacity:0;transition:var(--transition-base);pointer-events:none}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:auto}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-main);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-pink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff6b9d80}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:#fff3}.btn-outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-accent-pink)}.btn-outline:hover{background:var(--color-accent-pink);color:#fff}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-base)}.card{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(10px);transition:all var(--transition-base)}.card:hover{background:var(--color-bg-card-hover);border-color:#ffffff1a;transform:translateY(-4px);box-shadow:var(--shadow-xl)}.glass-card{background:var(--gradient-glass);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-2xl);backdrop-filter:blur(20px);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#a855f733;color:var(--color-accent-purple);border:1px solid rgba(168,85,247,.3)}.badge-success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-warning{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-pink{background:#ff6b9d33;color:var(--color-accent-pink);border:1px solid rgba(255,107,157,.3)}.star-rating{display:flex;align-items:center;gap:2px}.star{color:var(--color-text-muted);font-size:var(--text-lg)}.star.filled{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.star.half{position:relative;color:var(--color-text-muted)}.star.half:before{content:"★";position:absolute;color:#fbbf24;width:50%;overflow:hidden}.section{padding:var(--space-4xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.footer{background:var(--color-bg-secondary);border-top:1px solid rgba(255,255,255,.05);padding:var(--space-4xl) 0 var(--space-xl);margin-top:var(--space-4xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}@media(max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}}@media(max-width:576px){.footer-grid{grid-template-columns:1fr}}.footer-brand .logo{margin-bottom:var(--space-md)}.footer-brand p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.footer-links h4{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-pink)}.footer-newsletter h4{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-lg)}.footer-newsletter p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.newsletter-form{display:flex;gap:var(--space-sm)}.newsletter-form input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm)}.newsletter-form input::placeholder{color:var(--color-text-muted)}.newsletter-form input:focus{outline:none;border-color:var(--color-accent-pink)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.affiliate-note a{color:var(--color-accent-pink);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-lg)}.mt-3{margin-top:var(--space-xl)}.mt-4{margin-top:var(--space-2xl)}.mb-1{margin-bottom:var(--space-md)}.mb-2{margin-bottom:var(--space-lg)}.mb-3{margin-bottom:var(--space-xl)}.mb-4{margin-bottom:var(--space-2xl)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-md)}.gap-2{gap:var(--space-lg)}.gap-3{gap:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}