:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a2e;--bg-card: rgba(26, 26, 46, .6);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--accent: #d4af37;--accent-glow: rgba(212, 175, 55, .4);--border: rgba(212, 175, 55, .2);--gradient-start: #0a0a0a;--gradient-end: #1a1a2e}[data-theme=count]{--bg-primary: #0d0d1a;--bg-secondary: #1e1e3f;--bg-card: rgba(30, 30, 63, .6);--text-primary: #e5e7eb;--text-secondary: #9ca3af;--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .4);--border: rgba(139, 92, 246, .2);--gradient-start: #0d0d1a;--gradient-end: #1e1e3f}[data-theme=titan]{--bg-primary: #09090b;--bg-secondary: #0c1929;--bg-card: rgba(12, 25, 41, .6);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--border: rgba(59, 130, 246, .2);--gradient-start: #09090b;--gradient-end: #0c1929}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--text-primary);overflow-x:hidden;min-height:100vh}.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.theme-switcher{position:fixed;top:1.5rem;right:1.5rem;display:flex;gap:.5rem;z-index:100;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.5rem;border-radius:12px;border:1px solid var(--border)}.theme-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-btn:before{content:"";position:absolute;inset:0;border-radius:6px}.theme-btn.empire:before{background:linear-gradient(135deg,#0a0a0a 50%,#d4af37 50%)}.theme-btn.count:before{background:linear-gradient(135deg,#0d0d1a 50%,#8b5cf6 50%)}.theme-btn.titan:before{background:linear-gradient(135deg,#09090b 50%,#3b82f6 50%)}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.header{text-align:center;margin-bottom:4rem}.header-name{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:fadeInUp 1s ease-out}.header-tagline{font-size:1.1rem;color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;font-weight:300;animation:fadeInUp 1s ease-out .2s both}.header-domain{font-size:.9rem;color:var(--accent);margin-top:1rem;font-family:Fira Code,monospace;animation:fadeInUp 1s ease-out .4s both}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;width:100%;animation:fadeInUp 1s ease-out .6s both}.app-card{position:relative;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid var(--border);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;perspective:1000px;text-decoration:none;display:block;overflow:hidden}.app-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,transparent,var(--accent),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.app-card:hover:before{opacity:1}.app-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(-5deg);box-shadow:0 25px 50px -12px #00000080,0 0 40px var(--accent-glow)}.app-card__glow{position:absolute;inset:-50%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow),transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.app-card:hover .app-card__glow{opacity:1}.app-card__icon{font-size:3rem;margin-bottom:1rem;display:block}.app-card__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.app-card__description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.app-card__arrow{position:absolute;bottom:1.5rem;right:1.5rem;color:var(--accent);font-size:1.5rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.app-card:hover .app-card__arrow{opacity:1;transform:translate(0)}.footer{margin-top:4rem;text-align:center;color:var(--text-secondary);font-size:.85rem;animation:fadeInUp 1s ease-out .8s both}.footer a{color:var(--accent);text-decoration:none;transition:opacity .3s ease}.footer a:hover{opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-container{padding:1.5rem}.header{margin-bottom:3rem}.cards-grid{gap:1.5rem}.theme-switcher{top:1rem;right:1rem}}@media(max-width:480px){.header-name{letter-spacing:.05em}.header-tagline{font-size:.9rem;letter-spacing:.1em}}