@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{font-family:Inter Variable,Inter,system-ui,-apple-system,sans-serif;font-variation-settings:"wght" 500,"slnt" 0;background:linear-gradient(135deg,#f5f3ff,#eef2ff);color:#1e1b4b;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}}@layer utilities{.glass{@apply bg-white/90 backdrop-blur-xl rounded-2xl;box-shadow:0 4px 24px -4px #6366f114,0 2px 8px -2px #6366f10a;border:1px solid rgba(255,255,255,.8)}.glass-hover{@apply hover:shadow-lg hover:-translate-y-1 transition-all duration-300;box-shadow:0 10px 30px -4px #6366f11a}.glass-strong{@apply bg-white/95 backdrop-blur-2xl;box-shadow:0 4px 20px -4px #1e1b4b0d;border-bottom:1px solid rgba(99,102,241,.05)}.glass-2{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f268726,inset 0 1px #ffffff1a}.iso-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.iso-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 25px -5px #6366f126,0 10px 10px -5px #6366f10f,0 0 0 1px #6366f11a inset}.neumorphism{background:#e0e5ec;box-shadow:9px 9px 16px #a3b1c699,-9px -9px 16px #ffffff80}.neumorphism-btn{@apply transition-all duration-200;background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c699,-4px -4px 8px #ffffff80}.neumorphism-btn:active{box-shadow:inset 4px 4px 8px #a3b1c699,inset -4px -4px 8px #ffffff80}.text-trt-primary{color:#e30a17}.bg-trt-primary{background-color:#e30a17}.card-gradient-primary{background:linear-gradient(135deg,#e30a17,#b91c1c)}.card-gradient-secondary{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.card-gradient-accent{background:linear-gradient(135deg,#f43f5e,#e11d48)}.bg-soft-indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.bg-soft-violet{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.border-gradient-primary{border:1px solid transparent;background:linear-gradient(to bottom right,#6366f180,#8b5cf633) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.text-muted{color:#64748b}.text-heading{color:#1e293b}.inner-card{@apply bg-slate-50/80 rounded-xl p-4;border:1px solid rgba(99,102,241,.05)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-fade-in-up{animation:fade-in-up 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.animate-pulse-slow{animation:pulse-slow 8s infinite ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.6;box-shadow:0 0 #ef4444b3}70%{transform:scale(1);opacity:0;box-shadow:0 0 0 10px #ef444400}to{transform:scale(.8);opacity:0;box-shadow:0 0 #ef444400}}.animate-pulse-ring{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes radar-beam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-radar-spin{animation:radar-beam 2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80,#fff0);animation:shimmer 2s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 3px var(--accent-color, rgba(239, 68, 68, .15)),0 0 8px var(--accent-color, rgba(239, 68, 68, .05))}50%{box-shadow:0 0 5px var(--accent-color, rgba(239, 68, 68, .25)),0 0 8px var(--accent-color, rgba(239, 68, 68, .1))}}.animate-glow{animation:glow-pulse 3s infinite ease-in-out}.export-canvas{background:linear-gradient(135deg,#1e1b4b,#312e81);position:relative;overflow:hidden}.export-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:8rem;font-weight:900;color:#ffffff08;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.export-qr-container{@apply bg-white p-2 rounded-xl shadow-lg;border:4px solid rgba(255,255,255,.1)}.header-glass{position:sticky;top:0;z-index:1000;transition:all .3s ease;pointer-events:none}.header-glass>*{pointer-events:auto}.header-scrolled{padding-top:.5rem;padding-bottom:.5rem}.header-capsule{background:#fff;border-radius:9999px;padding:4px;display:flex;align-items:center;gap:2px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(226,232,240,.8)}@media (min-width: 640px){.header-capsule{padding:6px}}@media (min-width: 640px){.header-capsule{gap:8px}}.nav-link{padding:6px 10px;border-radius:9999px;font-size:11px;font-weight:800;color:#475569;transition:all .2s ease;white-space:nowrap}@media (min-width: 640px){.nav-link{padding:8px 20px}}@media (min-width: 640px){.nav-link{font-size:13px}}.nav-link:hover{color:#0f172a;background:#f8fafc}.nav-link.active{color:#e30a17}.cta-pill{background:#ff6b35;color:#fff;font-size:12px;font-weight:800;padding:8px 16px;border-radius:9999px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #ff6b3533;white-space:nowrap}@media (min-width: 640px){.cta-pill{font-size:13px}}@media (min-width: 640px){.cta-pill{padding:10px 24px}}.cta-pill:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px #ff6b354d;background:#ff7c4d}.cta-pill:active{transform:translateY(0) scale(.98)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#64748b,#475569);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;position:relative;font-size:11px}.hamburger-btn{@apply p-2 rounded-xl;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.hamburger-btn:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.hamburger-btn:active{transform:scale(.95)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-menu-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 2rem}.mobile-nav-link{@apply w-full py-4 px-6 text-left text-lg font-bold rounded-2xl relative;color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.mobile-nav-link:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#fff3}.mobile-nav-link.active{background:linear-gradient(135deg,#e30a174d,#e30a1726);border-color:#e30a1766;color:#fff}.mobile-logout-btn{@apply w-full py-4 px-6 text-center text-lg font-bold rounded-2xl;background:linear-gradient(135deg,#e30a17,#b91c1c);color:#fff;box-shadow:0 8px 24px #e30a174d;transition:all .2s ease}.mobile-logout-btn:hover{box-shadow:0 12px 32px #e30a1766;transform:translateY(-2px)}.mobile-logout-btn:active{transform:translateY(0)}.premium-gradient{background:linear-gradient(135deg,#8b5cf614,#3b82f614)}.glow-icon{box-shadow:0 0 20px #8b5cf666}.mesh-bg{background-color:#fdfcfe;background-image:radial-gradient(at 0% 0%,hsla(266,94%,90%,1) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(217,91%,90%,1) 0px,transparent 50%)}.dark .mesh-bg{background-color:#0f172a;background-image:radial-gradient(at 0% 0%,hsla(266,94%,15%,1) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(217,91%,15%,1) 0px,transparent 50%)}