@tailwind base;@tailwind components;@tailwind utilities;:root{--glass-border: rgba(255, 255, 255, .08);--glass-surface: rgba(15, 23, 42, .6);--glass-highlight: rgba(255, 255, 255, .05);--brand-emerald: #10b981;--brand-cyan: #22d3ee}body{background-color:#020617;color:#f8fafc;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass-card{background:#020617b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#020617cc;border-color:#ffffff26;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a,inset 0 1px #ffffff1a;transform:translateY(-2px)}.glass-input{background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:#fff;transition:all .3s ease}.glass-input:focus{background:#0f172acc;border-color:var(--brand-emerald);box-shadow:0 0 0 2px #10b98133;outline:none}.glass-button{position:relative;background:linear-gradient(135deg,#10b9811f,#05966914);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1.5px solid rgba(16,185,129,.25);color:#6ee7b7;font-weight:600;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b9811a,inset 0 1px #ffffff14}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:linear-gradient(135deg,#10b98140,#05966926);border-color:#10b98180;color:#d1fae5;box-shadow:0 8px 24px #10b98140,0 0 40px #10b98126,inset 0 1px #ffffff26;transform:translateY(-2px)}.glass-button:hover:before{left:100%}.glass-button:active{transform:translateY(0);box-shadow:0 2px 8px #10b98126,inset 0 2px 4px #0000001a}.btn-primary{position:relative;background:linear-gradient(135deg,#10b981,#059669,#047857);color:#020617;font-weight:700;letter-spacing:.025em;border:none;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b98166,0 2px 6px #10b9814d,0 0 0 1px #ffffff1a inset,0 1px 2px #ffffff4d inset}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.15),transparent 70%);opacity:1}.btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981,#059669);box-shadow:0 12px 28px #10b98180,0 6px 12px #10b98166,0 0 60px #10b98133,0 0 0 1px #fff3 inset,0 1px 3px #fff6 inset;transform:translateY(-3px) scale(1.02)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 14px #10b98166,0 0 0 1px #ffffff1a inset,inset 0 2px 6px #00000026}.btn-secondary{position:relative;background:linear-gradient(135deg,#0f172a80,#0f172a4d);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1.5px solid rgba(255,255,255,.18);color:#f1f5f9;font-weight:600;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .4s ease}.btn-secondary:hover{background:linear-gradient(135deg,#0f172ab3,#0f172a80);border-color:#ffffff59;color:#fff;box-shadow:0 8px 20px #00000040,0 0 0 1px #ffffff1a inset,0 1px 2px #ffffff26 inset;transform:translateY(-2px)}.btn-secondary:hover:before{opacity:1}.btn-secondary:active{transform:translateY(0)}.btn-cyan{position:relative;background:linear-gradient(135deg,#22d3ee33,#06b6d41f);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1.5px solid rgba(34,211,238,.35);color:#67e8f9;font-weight:700;letter-spacing:.025em;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #22d3ee40,0 0 20px #22d3ee1a,0 0 0 1px #ffffff14 inset}.btn-cyan:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.btn-cyan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.3),transparent 70%);opacity:0;transition:opacity .4s ease}.btn-cyan:hover{background:linear-gradient(135deg,#22d3ee59,#06b6d440);border-color:#22d3ee99;color:#cffafe;box-shadow:0 12px 28px #22d3ee66,0 0 60px #22d3ee40,0 0 0 1px #ffffff26 inset;transform:translateY(-3px) scale(1.02)}.btn-cyan:hover:before{left:100%}.btn-cyan:hover:after{opacity:1}.btn-cyan:active{transform:translateY(-1px) scale(1)}.btn-danger{position:relative;background:linear-gradient(135deg,#f43f5e33,#e11d481f);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1.5px solid rgba(244,63,94,.35);color:#fda4af;font-weight:600;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #f43f5e40,0 0 20px #f43f5e1a}.btn-danger:hover{background:linear-gradient(135deg,#f43f5e59,#e11d4840);border-color:#f43f5e99;color:#fecdd3;box-shadow:0 12px 28px #f43f5e66,0 0 60px #f43f5e40;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#0f172a80,#0f172a4d);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001a,inset 0 1px #ffffff0d}.btn-icon:hover{background:linear-gradient(135deg,#0f172ab3,#0f172a80);border-color:#10b98180;color:#10b981;box-shadow:0 6px 16px #10b98133,0 0 30px #10b98126,inset 0 1px #ffffff1a;transform:translateY(-3px)}.btn-icon:active{transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.glass-button:disabled,.btn-cyan:disabled,.btn-danger:disabled,.btn-icon:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.5)}.btn-primary:disabled:hover,.btn-secondary:disabled:hover,.glass-button:disabled:hover,.btn-cyan:disabled:hover,.btn-danger:disabled:hover,.btn-icon:disabled:hover{transform:none!important;box-shadow:none!important;background:inherit;border-color:inherit}.text-gradient-animated{background:linear-gradient(to right,#34d399,#22d3ee,#f472b6,#34d399);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 8s linear infinite}@keyframes gradient-move{0%{background-position:0% center}to{background-position:200% center}}.bg-grid{background-size:50px 50px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.highlight-block{position:relative;display:inline-block;padding:0 .5rem;margin:0 -.5rem}.highlight-block:before{content:"";position:absolute;top:.1rem;right:-.2rem;bottom:.1rem;left:-.2rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:4px;z-index:-1;box-shadow:0 0 20px #10b9811a}.text-highlight-r{color:#fff;position:relative;display:inline-block}.text-highlight-r:after{content:"";position:absolute;bottom:.2em;left:0;width:100%;height:.4em;background:#22d3ee4d;z-index:-1;border-radius:1px}