:root{--gradient-cyan-primary:#22d3ee;--gradient-cyan-secondary:#0891b2;--gradient-cyan-tertiary:#0e7490;--gradient-ocean-primary:#0abde3;--gradient-ocean-secondary:#48dbfb;--gradient-ocean-tertiary:#00d2d3;--gradient-angle:135deg}body{-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,Roboto Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}@keyframes app-skeleton-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body:not(.theme-light){color:#f8fafc;background-color:#0f172a}body.theme-light{color:#0f172a;background-color:#f8fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content-transition{opacity:1;pointer-events:auto;z-index:1;max-height:500px;margin-top:16px;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0)}.content-transition.hidden{opacity:0;pointer-events:none;max-height:0;margin-top:0;transform:translateY(-10px)}.content-transition.visible{opacity:1;max-height:500px;transform:translateY(0)}.fade-in{animation:.5s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 rgba(34,211,238,.5)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(34,211,238,0)}to{transform:scale(1);box-shadow:0 0 rgba(34,211,238,0)}}.glass{-webkit-backdrop-filter:blur(15px);background:rgba(30,41,59,.9);border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 48px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2)}.glass-light{-webkit-backdrop-filter:blur(10px);background:rgba(30,41,59,.7);border:1px solid rgba(148,163,184,.15);box-shadow:0 8px 32px rgba(0,0,0,.3)}.glass-heavy{-webkit-backdrop-filter:blur(20px);background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.3);box-shadow:0 20px 80px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.3)}body.theme-light .glass{background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.3);box-shadow:0 12px 48px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06)}body.theme-light .glass-light{background:rgba(255,255,255,.7);border:1px solid rgba(148,163,184,.25);box-shadow:0 8px 32px rgba(0,0,0,.06)}body.theme-light .glass-heavy{background:rgba(248,250,252,.95);border:1px solid rgba(148,163,184,.4);box-shadow:0 20px 80px rgba(0,0,0,.1),0 8px 32px rgba(0,0,0,.08)}.gradient-text{color:#22d3ee;text-shadow:0 0 30px rgba(34,211,238,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));display:inline-block}@supports ((-webkit-background-clip:text)){.gradient-text{background:linear-gradient(var(--gradient-angle), var(--gradient-cyan-primary) 0%, var(--gradient-cyan-secondary) 50%, var(--gradient-cyan-tertiary) 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}}.gradient-text-flame{color:#22d3ee;display:inline-block}@supports ((-webkit-background-clip:text)){.gradient-text-flame{background:linear-gradient(var(--gradient-angle), var(--gradient-cyan-primary) 0%, var(--gradient-cyan-secondary) 50%, var(--gradient-cyan-tertiary) 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}}.gradient-text-ocean{color:#0abde3;display:inline-block}@supports ((-webkit-background-clip:text)){.gradient-text-ocean{background:linear-gradient(var(--gradient-angle), var(--gradient-ocean-primary) 0%, var(--gradient-ocean-secondary) 50%, var(--gradient-ocean-tertiary) 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}}.gradient-text-vibrant{color:#74b9ff;display:inline-block}@supports ((-webkit-background-clip:text)){.gradient-text-vibrant{background:linear-gradient(135deg,#fd79a8 0%,#fdcb6e 25%,#6c5ce7 50%,#a29bfe 75%,#74b9ff 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}}.gradient-text-hero{color:#22d3ee;filter:drop-shadow(0 2px 8px rgba(34,211,238,.4));display:inline-block;position:relative}@supports ((-webkit-background-clip:text)){.gradient-text-hero{background:linear-gradient(135deg,#22d3ee 0%,#0891b2 25%,#48dbfb 50%,#0e7490 75%,#22d3ee 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}}.gradient-text-hero:before{content:"";filter:blur(20px);opacity:.3;z-index:-1;background:linear-gradient(135deg,#22d3ee 0%,#0891b2 25%,#48dbfb 50%,#0e7490 75%,#22d3ee 100%);border-radius:8px;position:absolute;top:0;bottom:0;left:0;right:0}.gradient-background{background:linear-gradient(135deg,#0f172a 0%,#1e293b 20%,#334155 40%,#1e293b 60%,#0f172a 80%,#020617 100%)}body.theme-light .gradient-background{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 20%,#cbd5e1 40%,#e2e8f0 60%,#f8fafc 80%,#fff 100%)}.gradient-background-vibrant{background:linear-gradient(135deg,rgba(15,23,42,.9) 0%,rgba(30,41,59,.95) 20%,rgba(51,65,85,.9) 40%,rgba(30,41,59,.95) 60%,rgba(15,23,42,.9) 80%,rgba(2,6,23,.95) 100%),radial-gradient(at 0 0,rgba(34,211,238,.15) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(72,219,251,.15) 0%,transparent 50%)}body.theme-light .gradient-background-vibrant{background:linear-gradient(135deg,rgba(248,250,252,.9) 0%,rgba(226,232,240,.95) 20%,rgba(203,213,225,.9) 40%,rgba(226,232,240,.95) 60%,rgba(248,250,252,.9) 80%,rgba(255,255,255,.95) 100%),radial-gradient(at 0 0,rgba(34,211,238,.1) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(34,211,238,.1) 0%,transparent 50%)}.btn-gradient-flame{background:linear-gradient(135deg,#22d3ee 0%,#0891b2 50%,#0e7490 100%);border:none;box-shadow:0 4px 16px rgba(34,211,238,.4)}.btn-gradient-ocean{background:linear-gradient(135deg,#0abde3 0%,#48dbfb 50%,#00d2d3 100%);border:none;box-shadow:0 4px 16px rgba(72,219,251,.4)}.btn-gradient-sunset{background:linear-gradient(135deg,#fd79a8 0%,#fdcb6e 50%,#e84393 100%);border:none;box-shadow:0 4px 16px rgba(253,121,168,.4)}.accent-border-flame{border:1px solid rgba(34,211,238,.4);box-shadow:0 0 20px rgba(34,211,238,.2)}.accent-border-ocean{border:1px solid rgba(72,219,251,.4);box-shadow:0 0 20px rgba(72,219,251,.2)}.accent-glow-flame{box-shadow:0 0 30px rgba(34,211,238,.3)}.accent-glow-ocean{box-shadow:0 0 30px rgba(72,219,251,.3)}.hover-lift{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}html{scroll-behavior:smooth}.transparent-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.transparent-scrollbar::-webkit-scrollbar{width:8px}.transparent-scrollbar::-webkit-scrollbar-track{background:0 0}.transparent-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.transparent-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}body.theme-light .transparent-scrollbar{scrollbar-color:rgba(0,0,0,.3) transparent}body.theme-light .transparent-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}body.theme-light .transparent-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}*{box-sizing:border-box}html{--color-blue:#28448f;--color-gray:#3e4042;--color-white:white;--border-radius:12px;--border-radius-lg:16px;--border-radius-sm:8px;--border-radius-xs:6px;--shadow-md:0 8px 32px rgba(0,0,0,.3);--shadow-lg:0 12px 48px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.2);--shadow-xl:0 16px 56px rgba(0,0,0,.5), 0 6px 24px rgba(0,0,0,.3);--color-surface:rgba(15,23,42,.95);--nav-background:rgba(15,23,42,.95);--nav-border:rgba(148,163,184,.2);--nav-shadow:0 8px 32px rgba(0,0,0,.3), 0 0 40px rgba(72,219,251,.1);--container-background:rgba(30,41,59,.9);--container-border:rgba(148,163,184,.2);--message-border:rgba(255,255,255,.1);--message-hover:rgba(255,255,255,.05);--page-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 20%, #334155 40%, #1e293b 60%, #0f172a 80%, #020617 100%);--gradient-primary:linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);--gradient-primary-alt:linear-gradient(135deg, #48dbfb 0%, #0abde3 100%);--gradient-primary-button:linear-gradient(135deg, #22d3ee 0%, #0891b2 50%, #0e7490 100%);--gradient-section-divider:linear-gradient(90deg, transparent, rgba(34,211,238,.3), transparent);--gradient-feature-item:linear-gradient(90deg, #22d3ee, #0891b2, #48dbfb);--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-brand-teal:#48dbfb;--color-slate-400:#94a3b8;--color-slate-400-20:rgba(148,163,184,.2);--color-slate-400-15:rgba(148,163,184,.15);--color-slate-400-08:rgba(148,163,184,.08);--color-white-05:rgba(255,255,255,.05);--color-white-10:rgba(255,255,255,.1);--color-white-70:rgba(255,255,255,.7);--color-white-80:rgba(255,255,255,.8);--color-white-85:rgba(255,255,255,.85);--color-white-95:rgba(255,255,255,.95);--surface-dark-07:rgba(15,23,42,.7);--surface-dark-08:rgba(15,23,42,.8);--surface-secondary:rgba(30,41,59,.5);--surface-secondary-hover:rgba(30,41,59,.7);--button-glow-shadow:0 4px 16px rgba(34,211,238,.4);--button-glow-shadow-hover:0 6px 24px rgba(34,211,238,.5);--focus-ring-cyan:0 0 0 2px rgba(34,211,238,.2);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;color:var(--color-white)}body.theme-light{--shadow-md:0 8px 32px rgba(0,0,0,.1);--shadow-lg:0 12px 48px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-xl:0 16px 56px rgba(0,0,0,.1), 0 6px 24px rgba(0,0,0,.08);--color-surface:rgba(255,255,255,.95);--nav-background:rgba(255,255,255,.95);--nav-border:rgba(148,163,184,.3);--nav-shadow:0 8px 32px rgba(0,0,0,.08), 0 0 40px rgba(34,211,238,.1);--container-background:rgba(255,255,255,.9);--container-border:rgba(148,163,184,.3);--message-border:rgba(0,0,0,.1);--message-hover:rgba(0,0,0,.05);--page-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 20%, #cbd5e1 40%, #e2e8f0 60%, #f8fafc 80%, #fff 100%);--gradient-primary:linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--gradient-primary-alt:linear-gradient(135deg, #0891b2 0%, #06b6d4 25%, #0e7490 50%, #155e75 100%);--gradient-primary-button:linear-gradient(135deg, #0891b2 0%, #06b6d4 25%, #0e7490 50%, #155e75 100%);--color-white-70:rgba(71,85,105,.8);--color-white-80:rgba(71,85,105,.8);--color-white-85:rgba(15,23,42,.85);--color-white-95:rgba(15,23,42,.9);--surface-dark-07:rgba(255,255,255,.9);--surface-dark-08:rgba(255,255,255,.95);--surface-secondary:rgba(148,163,184,.08);--surface-secondary-hover:rgba(148,163,184,.12);--button-glow-shadow:0 4px 16px rgba(8,145,178,.3);--button-glow-shadow-hover:0 6px 24px rgba(8,145,178,.4);--focus-ring-cyan:0 0 0 2px rgba(8,145,178,.2)}h1,h2,h3,h4,ul{margin:0}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}button{cursor:pointer}input,button{color:inherit;border-radius:var(--border-radius);border:none;font-size:1rem}.about-accordion{background:var(--color-surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--nav-border);border-radius:8px;margin-bottom:1rem;overflow:hidden}.about-accordion:before{display:none}.accordion-title{color:var(--color-cyan-400,#22d3ee);font-weight:600}body.theme-light .accordion-title{color:var(--color-cyan-600,#0891b2)}