:root{--primary: #EA39B7;--primary-glow: rgba(234, 57, 183, .5);--secondary: #923AEA;--secondary-glow: rgba(146, 58, 234, .5);--accent: #FFE66D;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--transition: all .4s cubic-bezier(.4, 0, .2, 1);--header-height: 80px}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,sans-serif;background:radial-gradient(circle at top left,#4c1d95,#1e1b4b,#000);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.title-gradient{background:linear-gradient(to right,#4ecdc4,#ff6b6b,#ffe66d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.glass-morphism{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.hero-section{text-align:center;padding:4rem 1rem;background:radial-gradient(circle at center,rgba(236,72,153,.15) 0%,transparent 70%)}@media (min-width: 1024px){.hero-section{padding:6rem 1rem}}.hero-logo{height:140px;margin-bottom:2rem}@media (min-width: 768px){.hero-logo{height:180px}}@media (min-width: 1280px){.hero-logo{height:220px}}.subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;line-height:1.6}@media (min-width: 768px){.subtitle{font-size:1.4rem;margin-bottom:4rem}}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;padding:1rem 0}@media (min-width: 768px){.grid-layout{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;padding:2rem 0}}.card-item{position:relative;padding:2.5rem;text-decoration:none;color:inherit;transition:var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center}.card-item:hover{transform:translateY(-12px) scale(1.02);background:#ffffff0f;border-color:#fff3;box-shadow:0 20px 40px -20px #0009,0 0 20px #ffffff0d}.card-icon-container{width:100px;height:100px;position:relative;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.card-icon-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-radius:30px;transform:rotate(-10deg);transition:var(--transition);border:1px solid var(--glass-border)}.card-item:hover .card-icon-bg{transform:rotate(0) scale(1.1);background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.2}.card-icon{font-size:3.5rem;z-index:1;filter:drop-shadow(0 0 10px rgba(0,0,0,.3));transition:var(--transition)}.card-item:hover .card-icon{transform:scale(1.2) rotate(5deg)}.category-badge{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-weight:700;margin-bottom:.75rem;opacity:.8}.app-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.open-link{margin-top:auto;display:flex;align-items:center;gap:.5rem;color:var(--secondary);font-weight:600;font-size:.9rem;opacity:0;transform:translateY(10px);transition:var(--transition)}.card-item:hover .open-link{opacity:1;transform:translateY(0)}.footer{padding:6rem 2rem;text-align:center;border-top:1px solid var(--glass-border);margin-top:6rem;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3))}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.animate-float{animation:float 6s ease-in-out infinite}.category-tab{padding:.6rem 1.2rem;cursor:pointer;border-radius:50px;transition:var(--transition);font-weight:600;font-size:.85rem;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-primary);white-space:nowrap;outline:none;display:flex;align-items:center}@media (min-width: 768px){.category-tab{padding:.8rem 1.8rem;font-size:.9rem}}.modal-overlay{padding:1rem;overflow-y:auto}.legal-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.legal-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (max-width: 768px){.glass-morphism{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.category-tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:#fff3;box-shadow:0 0 20px var(--primary-glow)}.category-tab:hover:not(.active){background:#ffffff1a;border-color:#fff3}.search-input{width:100%;padding:1.2rem 1.2rem 1.2rem 3.5rem;border-radius:50px;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;font-size:1rem;outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 20px #ff6b6b1a}.nav-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:var(--transition);opacity:.8}.nav-link:hover{opacity:1;color:var(--primary)}.sticky-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}