*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--bg-primary: rgba(6, 8, 18, .74);--bg-secondary: #1e2028;--bg-tertiary: rgba(235, 241, 255, .02);--glass-bg: rgba(235, 241, 255, .06);--glass-bg-strong: rgba(235, 241, 255, .1);--glass-border: rgba(235, 241, 255, .1);--text-primary: #ebf1ff;--text-secondary: rgba(235, 241, 255, .4);--text-tertiary: rgba(235, 241, 255, .6);--accent-primary: #5b9eff;--accent-primary-hover: #4a8eef;--accent-success: #a7ff8c;--accent-danger: #ff3b30;--accent-warning: #e22e55;--gradient-primary: linear-gradient(135deg, rgba(140, 180, 255, .3) 0%, rgba(167, 255, 140, .3) 100%);--gradient-overlay: linear-gradient(to top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .42) 48%, rgba(0, 0, 0, .12) 82%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}html,body{width:100%;height:100%;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;letter-spacing:-.02em}#app{min-height:100vh}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;transition:var(--transition-normal)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(235,241,255,.15);border-radius:20px;transition:var(--transition-normal)}.btn{padding:14px 22px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;letter-spacing:-.02em}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #5b9eff33}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5b9eff4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-strong);transform:translateY(-2px)}.btn-danger{background:#ff3b3014;border:1px solid rgba(255,59,48,.2);color:var(--accent-danger)}.btn-danger:hover{background:#ff3b301f;border-color:#ff3b304d;transform:translateY(-2px);box-shadow:0 4px 12px #ff3b3033}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input{width:100%;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:16px;transition:var(--transition-normal);letter-spacing:-.02em}.input:hover{border-color:#ebf1ff26}.input:focus{outline:none;border-color:var(--accent-primary);background:var(--glass-bg-strong);box-shadow:0 0 0 3px #5b9eff1a}.input::placeholder{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-scale{animation:fadeInScale .3s ease-out forwards}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .3s ease-out forwards}.transition-all{transition:all var(--transition-normal)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.stagger-item{opacity:0;animation:fadeIn .4s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.skeleton{background:linear-gradient(90deg,#ebf1ff05,#ebf1ff14,#ebf1ff05);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--glass-bg);border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--glass-bg-strong)}*:focus-visible{outline:2px solid rgba(91,158,255,.5);outline-offset:2px}