.spinner-container{position:relative}.spinner-outer{background:linear-gradient(#ba42ff 35%,#00e1ff);animation:spinning 1.7s linear infinite;border-radius:50%;filter:blur(1px);box-shadow:0 -5px 20px #ba42ff,0 5px 20px #00e1ff}.spinner-inner{background-color:#242424;border-radius:50%;filter:blur(10px);width:100%;height:100%}@keyframes spinning{to{transform:rotate(360deg)}}:root{--color-bg-start: #2a3045;--color-bg-end: #404a67;--color-ring: #5a7b9a;--color-neon: #93e0db;--color-rain: rgba(147, 224, 219, .8);--color-flash: rgba(147, 224, 219, .4);--animation-cycle: 2s}.loader-body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom right,var(--color-bg-start),var(--color-bg-end));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.loader-body-compact{min-height:300px;background:transparent;padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a304566;border:1px solid rgba(147,224,219,.2)}.loader-container{position:relative;width:256px;height:256px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--color-ring);border-radius:50%;animation:lightningFlash var(--animation-cycle) ease-in-out infinite}.loader-content{position:relative;width:192px;height:192px}.loader{position:absolute;left:50%;transform:translate(-50%);width:110px;height:30px;background:#fff;border-radius:100px;bottom:50%;z-index:2}.loader:before{content:"";position:absolute;top:-20px;left:10px;width:30px;height:30px;background:#fff;border-radius:50%;box-shadow:40px 0 0 20px #fff}.snow{position:relative;display:flex;z-index:1}.snow span{position:relative;width:3px;height:3px;background:#fff;margin:0 2px;border-radius:50%;animation:snowing 5s linear infinite;transform-origin:bottom}.snow span[data-i="11"]{animation-duration:calc(15s / 11)}.snow span[data-i="12"]{animation-duration:1.25s}.snow span[data-i="13"]{animation-duration:calc(15s / 13)}.snow span[data-i="14"]{animation-duration:calc(15s / 14)}.snow span[data-i="15"]{animation-duration:1s}.snow span[data-i="17"]{animation-duration:calc(15s / 17)}.snow span[data-i="18"]{animation-duration:calc(15s / 18)}.snow span[data-i="19"]{animation-duration:calc(15s / 19)}.snow span[data-i="20"]{animation-duration:.75s}.snow span[data-i="21"]{animation-duration:calc(15s / 21)}.snow span[data-i="22"]{animation-duration:calc(15s / 22)}.snow span[data-i="25"]{animation-duration:.6s}.snow span[data-i="26"]{animation-duration:calc(15s / 26)}.snow span[data-i="28"]{animation-duration:calc(15s / 28)}.heartbeat-svg{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:160px;z-index:3;overflow:visible}.rain-container{position:absolute;top:50%;left:32px;right:32px;height:70px;overflow:hidden;z-index:0}.rain-drop{position:absolute;display:block;width:1.5px;height:12px;background-color:var(--color-rain);animation-name:raining;animation-timing-function:linear;animation-iteration-count:infinite}.rain-drop-1{left:10%;animation-delay:.2s;animation-duration:1.2s}.rain-drop-2{left:20%;animation-delay:1.1s;animation-duration:1.5s}.rain-drop-3{left:25%;animation-delay:.8s;animation-duration:1.1s}.rain-drop-4{left:33%;animation-delay:.5s;animation-duration:1.7s}.rain-drop-5{left:45%;animation-delay:1.4s;animation-duration:1.3s}.rain-drop-6{left:55%;animation-delay:.1s;animation-duration:1.6s}.rain-drop-7{left:67%;animation-delay:.9s;animation-duration:1.8s}.rain-drop-8{left:75%;animation-delay:.4s;animation-duration:1.4s}.rain-drop-9{left:85%;animation-delay:1.2s;animation-duration:1.2s}.rain-drop-10{left:95%;animation-delay:.7s;animation-duration:1.9s}.rain-drop-11{left:5%;animation-delay:1.5s;animation-duration:1.1s}.rain-drop-12{left:15%;animation-delay:.6s;animation-duration:1.5s}.rain-drop-13{left:88%;animation-delay:.3s;animation-duration:1.3s}.loader-title{font-size:1.875rem;font-weight:300;color:var(--color-neon);letter-spacing:.2em;margin-top:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loader-subtitle{color:#93e0dbcc;font-size:.95rem;margin-bottom:1rem;max-width:28rem}.loader-error{color:#ff6b6b;font-size:.875rem;max-width:28rem}@keyframes snowing{0%{transform:translateY(0)}70%{transform:translateY(100px) scale(1)}to{transform:translateY(100px) scale(0)}}@keyframes lightningFlash{0%,43%,51%,53%,61%,to{box-shadow:0 0 #93e0db00}47%,57%{box-shadow:0 0 80px 40px var(--color-flash)}}@keyframes raining{0%{transform:translateY(-30px);opacity:1}to{transform:translateY(60px);opacity:0}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-border outline-ring/50;}html{touch-action:pan-x pan-y;overflow:-moz-scrollbars-none;overflow-x:hidden;width:100%}body{@apply bg-background text-foreground font-sans;background:radial-gradient(circle at 25% 25%,oklch(.25 .15 280) 0%,transparent 60%),radial-gradient(circle at 75% 75%,oklch(.2 .12 260) 0%,transparent 60%),radial-gradient(circle at 50% 0%,oklch(.18 .08 250) 0%,transparent 50%),linear-gradient(135deg,#000418,#000b19,#020210);background:radial-gradient(circle at 25% 25%,oklch(.25 .15 280) 0%,transparent 60%),radial-gradient(circle at 75% 75%,oklch(.2 .12 260) 0%,transparent 60%),radial-gradient(circle at 50% 0%,oklch(.18 .08 250) 0%,transparent 50%),linear-gradient(135deg,#000418,color(xyz 0.004 0.003 0.021),#020210);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}body:before{content:"";position:fixed;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 20% 30%,oklch(.6 .18 285 / .08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,oklch(.55 .15 260 / .06) 0%,transparent 35%),radial-gradient(circle at 60% 20%,oklch(.65 .12 300 / .05) 0%,transparent 45%);pointer-events:none;z-index:0;animation:float-background 20s ease-in-out infinite}@keyframes float-background{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.glass-effect{-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 8px 32px #0006,0 2px 16px #ffffff1a inset,0 0 0 1px #ffffff0d inset,0 0 40px #8a2be214;position:relative;overflow:hidden}.glass-effect:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:inherit}.glass-effect:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.glass-popover{-webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 16px 64px #00000080,0 8px 32px #8a2be233,0 4px 16px #ffffff26 inset,0 0 0 1px #ffffff1a inset;position:relative}.glass-popover:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:inherit}.glow-on-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glow-on-hover:hover{box-shadow:0 0 30px #8a2be266,0 0 60px #8a2be233,0 8px 32px #0006,0 2px 16px #ffffff1a inset;transform:translateY(-2px)}.glass-card-enhanced{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 8px 32px #0000004d,0 2px 16px #ffffff14 inset,0 0 0 1px #ffffff08 inset,0 0 40px #8a2be20f;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);border-radius:inherit}.glass-card-enhanced:hover{box-shadow:0 16px 64px #0006,0 8px 32px #8a2be226,0 4px 16px #ffffff1f inset,0 0 0 1px #ffffff0f inset;transform:translateY(-4px)}.floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.1) 0%,transparent 70%);pointer-events:none;animation:float-orb 8s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.floating-orb-1{width:200px;height:200px;top:10%;left:15%;animation-delay:0s}.floating-orb-2{width:150px;height:150px;top:60%;right:20%;animation-delay:-3s}.floating-orb-3{width:180px;height:180px;bottom:20%;left:25%;animation-delay:-6s}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{background:#282d3d99;height:6px;border-radius:3px;border:1px solid oklch(.4 .04 270 / .3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:var(--primary);border:2px solid oklch(.4 .04 270 / .5);box-shadow:0 2px 8px #0203094d;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{background:#968ff7;box-shadow:0 0 12px #7970d566}input[type=range]::-moz-range-track{background:#282d3d99;height:6px;border-radius:3px;border:1px solid oklch(.4 .04 270 / .3)}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary);border:2px solid oklch(.4 .04 270 / .5);box-shadow:0 2px 8px #0203094d;cursor:pointer;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{background:#968ff7;box-shadow:0 0 12px #7970d566}select.glass-select,select.glass-effect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);background-color:var(--card);border:1px solid var(--border);color:var(--foreground);transition:all .2s ease}select.glass-select:hover,select.glass-effect:hover{border-color:var(--ring);box-shadow:0 0 0 2px #5480c733}select.glass-select:focus,select.glass-effect:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}select.glass-select option,select.glass-effect option{background-color:var(--popover);color:var(--popover-foreground);padding:8px 12px}select.glass-select option:hover,select.glass-effect option:hover{background-color:var(--accent);color:var(--accent-foreground)}::-webkit-scrollbar{width:0px;height:0px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}*{scrollbar-width:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.show-scrollbar{scrollbar-width:thin}.show-scrollbar::-webkit-scrollbar{width:6px;height:6px}.show-scrollbar::-webkit-scrollbar-track{background:#12161f4d;border-radius:3px}.show-scrollbar::-webkit-scrollbar-thumb{background:#3d466399;border-radius:3px;border:1px solid oklch(.3 .03 270 / .2)}.show-scrollbar::-webkit-scrollbar-thumb:hover{background:#566286cc}}:root{--background: oklch(20.8% .042 265.755);--foreground: oklch(.78 .008 270);--card: oklch(.35 .015 270 / .45);--card-foreground: oklch(.75 .008 270);--popover: oklch(.28 .04 270 / .95);--popover-foreground: oklch(.92 .01 270);--primary: oklch(.65 .15 285);--primary-foreground: oklch(.95 .01 285);--secondary: oklch(27.9% .041 260.031);--secondary-foreground: oklch(.88 .01 270);--muted: oklch(.32 .03 270 / .6);--muted-foreground: oklch(.58 .015 270);--accent: oklch(.6 .12 260);--accent-foreground: oklch(.95 .01 260);--destructive: oklch(.55 .12 15);--destructive-foreground: oklch(.95 .01 15);--border: oklch(.55 .015 270 / .08);--input: oklch(.35 .04 270 / .5);--ring: oklch(.6 .12 260 / .7);--risk-beneficial: oklch(.6 .1 140);--risk-neutral: oklch(.55 .05 230);--risk-moderate: oklch(.65 .08 70);--risk-high: oklch(.6 .1 35);--risk-extreme: oklch(.5 .12 350);--radius: .75rem;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--mobile-space-xs: 4px;--mobile-space-sm: 8px;--mobile-space-md: 16px;--mobile-space-lg: 24px;--mobile-space-xl: 32px;--mobile-text-xs: 12px;--mobile-text-sm: 14px;--mobile-text-base: 16px;--mobile-text-lg: 18px;--mobile-text-xl: 20px;--mobile-text-2xl: 24px;--mobile-touch-min: 44px;--mobile-max-width: 100vw;--mobile-safe-padding: max(16px, env(safe-area-inset-left))}.mobile-touch-target{min-height:var(--mobile-touch-min, 44px);min-width:var(--mobile-touch-min, 44px);touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.mobile-touch-target:active{transform:scale(.98);transition:transform .1s ease}.mobile-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;padding:0;margin:0}.mobile-content{flex:1;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) 0 var(--safe-area-inset-left);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav{position:fixed;bottom:0;left:0;right:0;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);background:#1a2135f2;border-top:1px solid oklch(.45 .04 270 / .3);box-shadow:0 -4px 24px #0203094d;padding:var(--safe-area-inset-bottom) var(--safe-area-inset-right) 0 var(--safe-area-inset-left);z-index:100}.mobile-touch-target{min-height:var(--mobile-touch-min);min-width:var(--mobile-touch-min);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);transition:all .2s ease}.mobile-touch-target:active{transform:scale(.95);background:#262d4299}.mobile-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;color:var(--foreground)}.mobile-subtitle{font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:.75rem;color:var(--foreground)}.mobile-body{font-size:1rem;line-height:1.5;margin-bottom:1rem;color:var(--foreground)}.mobile-caption{font-size:.875rem;line-height:1.4;color:var(--muted-foreground)}.mobile-section{padding:1.5rem 1rem}.mobile-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:var(--card);border:1px solid oklch(.45 .04 270 / .3);border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 24px #02030933;transition:all .2s ease}.mobile-card:hover{box-shadow:0 0 20px #5480c766}.mobile-grid{display:grid;gap:1rem;grid-template-columns:1fr}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}.safe-top{padding-top:var(--safe-area-inset-top)}.safe-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-left{padding-left:var(--safe-area-inset-left)}.safe-right{padding-right:var(--safe-area-inset-right)}.pb-safe{padding-bottom:max(var(--safe-area-inset-bottom),8px)}.touch-action-manipulation{touch-action:pan-x pan-y}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@keyframes mobile-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-mobile-slide-up{animation:mobile-slide-up .3s ease-out}@media (min-width: 640px){.mobile-section{padding:2rem 1.5rem}.mobile-card{padding:1.25rem}}@media (min-width: 768px){.mobile-container{max-width:768px;margin:0 auto}}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-risk-beneficial: var(--risk-beneficial); --color-risk-neutral: var(--risk-neutral); --color-risk-moderate: var(--risk-moderate); --color-risk-high: var(--risk-high); --color-risk-extreme: var(--risk-extreme); --radius-sm: calc(var(--radius) * .5); --radius-md: var(--radius); --radius-lg: calc(var(--radius) * 1.5); --radius-xl: calc(var(--radius) * 2); --radius-2xl: calc(var(--radius) * 3); --radius-full: 9999px; --font-family-sans: "Inter", system-ui, -apple-system, sans-serif; }