:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-canvas: #06070a;--bg-surface: #0a0c13;--bg-surface-elevated: #0f121d;--bg-card: #0c0e17;--bg-card-hover: #111422;--bg-card-accent: #15192b;--neon-cyan: #00f0ff;--neon-cyan-glow: rgba(0, 240, 255, .35);--neon-pink: #ff2a85;--neon-pink-glow: rgba(255, 42, 133, .35);--neon-amber: #ffb703;--neon-purple: #c084fc;--neon-green: #00ff88;--neon-red: #ff0055;--project-orange: #ffb703;--project-orange-light: #ffc93c;--social-blue: #00f0ff;--social-blue-light: #38bdf8;--volunteer-green: #00ff88;--volunteer-green-light: #4ade80;--sports-sky: #38bdf8;--gaming-purple: #c084fc;--mayday-red: #ff0055;--mayday-red-light: #ff4d88;--text-white: #ffffff;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--border-subtle: rgba(255, 255, 255, .07);--border-card: rgba(255, 255, 255, .12);--border-card-hover: rgba(0, 240, 255, .45);--border-neon-cyan: rgba(0, 240, 255, .6);--border-neon-pink: rgba(255, 42, 133, .6);--border-neon-amber: rgba(255, 183, 3, .6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .8);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .9);--shadow-cyan-glow: 0 0 16px rgba(0, 240, 255, .3);--shadow-pink-glow: 0 0 16px rgba(255, 42, 133, .3);--shadow-red-glow: 0 0 16px rgba(255, 0, 85, .35);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.max-w-7xl{max-width:80rem;margin-left:auto;margin-right:auto}.max-w-6xl{max-width:72rem;margin-left:auto;margin-right:auto}.max-w-5xl{max-width:64rem;margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem;margin-left:auto;margin-right:auto}.max-w-3xl{max-width:48rem;margin-left:auto;margin-right:auto}.laser-line{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(255,42,133,.5),rgba(0,240,255,.5),transparent)}.laser-line-cyan{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.6),transparent)}.laser-line-pink{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(255,42,133,.6),transparent)}.synth-grid-bg{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);background-size:32px 32px}.mayday-pulse{animation:pulseLaserAlert 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseLaserAlert{0%,to{opacity:1;border-color:#f05;box-shadow:0 0 15px #f056}50%{opacity:.85;border-color:#ff00554d;box-shadow:0 0 6px #ff00551a}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.modal-backdrop{background-color:#06070ae0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}button,select,input,textarea{font-family:inherit}.btn-primary{background:#090c15;color:var(--neon-cyan);font-weight:700;border:1px solid var(--neon-cyan);box-shadow:0 0 14px #00f0ff40;text-shadow:0 0 8px rgba(0,240,255,.4);transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;letter-spacing:.025em}.btn-primary:hover{background:#00f0ff14;color:#fff;border-color:#38f9d7;transform:translateY(-1px);box-shadow:0 0 24px #00f0ff8c}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.14);font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-secondary:hover{background:#ffffff0a;border-color:#ff2a8599;color:var(--neon-pink);box-shadow:0 0 16px #ff2a8533}.btn-danger{background:transparent;color:var(--neon-red);font-weight:700;border:1px solid var(--neon-red);box-shadow:0 0 14px #ff00554d;text-shadow:0 0 6px rgba(255,0,85,.5);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-danger:hover{background:#ff005514;color:#fff;box-shadow:0 0 26px #f059;transform:translateY(-1px)}.card-workshop{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.card-workshop:hover{border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff1f,var(--shadow-lg);transform:translateY(-2px)}.badge-project{background:transparent;color:var(--neon-amber);border:1px solid rgba(255,183,3,.65);text-shadow:0 0 8px rgba(255,183,3,.35)}.badge-social{background:transparent;color:var(--neon-cyan);border:1px solid rgba(0,240,255,.65);text-shadow:0 0 8px rgba(0,240,255,.35)}.badge-volunteer{background:transparent;color:var(--neon-green);border:1px solid rgba(0,255,136,.65);text-shadow:0 0 8px rgba(0,255,136,.35)}.badge-sports{background:transparent;color:var(--sports-sky);border:1px solid rgba(56,189,248,.65);text-shadow:0 0 8px rgba(56,189,248,.35)}.badge-gaming{background:transparent;color:var(--gaming-purple);border:1px solid rgba(192,132,252,.65);text-shadow:0 0 8px rgba(192,132,252,.35)}.badge-mayday{background:transparent;color:var(--neon-red);border:1px solid rgba(255,0,85,.75);text-shadow:0 0 8px rgba(255,0,85,.4)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}