@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: hsl(200, 100%, 50%);--color-primary-light: hsl(200, 100%, 60%);--color-primary-dark: hsl(200, 100%, 40%);--color-secondary: hsl(280, 100%, 60%);--color-secondary-light: hsl(280, 100%, 70%);--color-accent: hsl(340, 100%, 60%);--color-accent-light: hsl(340, 100%, 70%);--color-success: hsl(150, 80%, 50%);--color-success-light: hsl(150, 80%, 60%);--color-warning: hsl(45, 100%, 60%);--color-warning-light: hsl(45, 100%, 70%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: rgba(0, 0, 0, .12);--bg-dark-1: #0f172a;--bg-dark-2: #1e293b;--bg-dark-3: #334155;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}select{color-scheme:dark}select option{background-color:#1e293b;color:#fff;padding:8px}select option:hover,select option:checked{background-color:#334155;color:#fff}@layer components{.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 12px 48px #0003;transform:translateY(-2px)}.glass-button{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);transition:all .3s ease}.glass-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #00000026}}@layer utilities{.gradient-text-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-warning));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-success{background:linear-gradient(135deg,var(--color-success),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@layer utilities{.gradient-bg-dark{background:linear-gradient(135deg,var(--bg-dark-1) 0%,var(--bg-dark-2) 100%)}.gradient-bg-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.gradient-border{position:relative;border:2px solid transparent;background-clip:padding-box}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}@layer utilities{.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:1000px 100%;animation:shimmer 3s infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}}@layer utilities{.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.hover-glow:hover{box-shadow:0 0 30px var(--color-primary)}}@layer utilities{.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.animate-progress{animation:progress linear forwards}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}}@layer utilities{.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}}body{margin:0;font-family:Inter,sans-serif}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}/�*� �H�V�I� �L�A�B� �U�T�I�L�I�T�I�E�S� �*�/� � � :root{--color-primary: hsl(200, 100%, 50%);--color-primary-light: hsl(200, 100%, 60%);--color-primary-dark: hsl(200, 100%, 40%);--color-secondary: hsl(280, 100%, 60%);--color-secondary-light: hsl(280, 100%, 70%);--color-accent: hsl(340, 100%, 60%);--color-accent-light: hsl(340, 100%, 70%);--color-success: hsl(150, 80%, 50%);--color-success-light: hsl(150, 80%, 60%);--color-warning: hsl(45, 100%, 60%);--color-warning-light: hsl(45, 100%, 70%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: rgba(0, 0, 0, .12);--bg-dark-1: #0f172a;--bg-dark-2: #1e293b;--bg-dark-3: #334155}@layer components{.glass-card{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{background-color:#ffffff1f;border-color:#ffffff40;box-shadow:0 12px 48px #0003;transform:translateY(-2px)}.glass-button{background-color:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);transition:all .3s ease}.glass-button:hover{background-color:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #00000026}}@layer utilities{.gradient-text-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-warning));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-success{background:linear-gradient(135deg,var(--color-success),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@layer utilities{.gradient-bg-dark{background:linear-gradient(135deg,var(--bg-dark-1) 0%,var(--bg-dark-2) 100%)}.gradient-bg-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.gradient-border{position:relative;border:2px solid transparent;background-clip:padding-box}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00c8ff4d}50%{box-shadow:0 0 40px #00c8ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@layer utilities{.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:1000px 100%;animation:shimmer 3s infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}}@layer utilities{.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.hover-glow:hover{box-shadow:0 0 30px var(--color-primary)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-2)}::-webkit-scrollbar-thumb{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes progress{0%{width:100%}to{width:0%}}@layer utilities{.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.animate-progress{animation:progress linear forwards}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@layer utilities{.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}}