:root{--glass-bg-primary: rgba(13, 17, 23, .8);--glass-bg-secondary: rgba(22, 27, 34, .6);--glass-bg-tertiary: rgba(28, 33, 40, .4);--glass-white: rgba(255, 255, 255, .1);--glass-white-light: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--glass-border-light: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .05);--glass-shadow: rgba(0, 0, 0, .3);--accent-blue: #58a6ff;--accent-purple: #bc8cff;--accent-pink: #f778ba;--accent-green: #3fb950;--accent-yellow: #d29922;--accent-red: #f85149;--accent-cyan: #39c5cf;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .35);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-glow: 0 0 20px rgba(88, 166, 255, .3);--shadow-glow-purple: 0 0 20px rgba(188, 140, 255, .3);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0d1117,#161b22,#0d1117);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}.glass{background:var(--glass-white-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light)}.glass-card{background:var(--glass-white-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff14;border-color:var(--glass-border);transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px #ffffff26}.glass-panel{background:var(--glass-bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.glass-button{background:var(--glass-white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--duration-fast) cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.glass-button:active{transform:scale(.98)}.glass-button-primary{background:linear-gradient(135deg,#58a6ff4d,#bc8cff4d);border-color:#58a6ff66}.glass-button-primary:hover{background:linear-gradient(135deg,#58a6ff66,#bc8cff66);box-shadow:var(--shadow-glow)}.glass-input{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 16px;transition:all var(--duration-fast)}.glass-input:focus{outline:none;border-color:#58a6ff80;background:#ffffff14;box-shadow:0 0 0 3px #58a6ff1a}.glass-input::placeholder{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 50%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--shadow-glow)}.glow-purple{box-shadow:var(--shadow-glow-purple)}.border-glow{border-color:#58a6ff80;box-shadow:0 0 10px #58a6ff33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:#58a6ff4d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #58a6ff4d}50%{box-shadow:0 0 20px #58a6ff80}}.animate-fadeIn{animation:fadeIn var(--duration-normal) ease-out}.animate-slideUp{animation:slideUp var(--duration-normal) cubic-bezier(.4,0,.2,1)}.animate-slideDown{animation:slideDown var(--duration-normal) cubic-bezier(.4,0,.2,1)}.animate-scaleIn{animation:scaleIn var(--duration-normal) cubic-bezier(.4,0,.2,1)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@media (max-width: 640px){html{font-size:14px}.glass-card{border-radius:var(--radius-md)}.glass-panel{border-radius:var(--radius-lg)}}@media (min-width: 641px) and (max-width: 1024px){html{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}[disabled],.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}