:root{--primary: #ff4757;--primary-dark: #e84118;--secondary: #2f3542;--accent: #ffa502;--bg-dark: #0f172a;--bg-darker: #0b1120;--surface: #1e293b;--surface-light: #334155;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--text-inverse: #0f172a;--container-max: 1200px;--header-height: 70px;--border-radius: 12px;--border-radius-lg: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;background-image:radial-gradient(ellipse at top left,rgba(255,71,87,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,165,2,.1) 0%,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px}.page-wrapper{padding-top:calc(var(--header-height) + 30px);padding-bottom:60px;min-height:calc(100vh - var(--header-height))}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:20px}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:24px}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:24px}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--glass-shadow);transition:var(--transition)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:20px;box-shadow:var(--glass-shadow);transition:var(--transition)}.glass-card:hover{background:var(--glass-bg-hover);transform:translateY(-4px);border-color:#fff3}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #ff47574d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff475780}.btn-secondary{background:var(--surface-light);color:var(--text-main);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--text-muted)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:#ff47571a}.btn-full{width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.9rem;font-weight:500}.form-control{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:14px 16px;color:var(--text-main);outline:none;font-size:1rem;transition:var(--transition)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff475733}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-box{width:100%;max-width:450px}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;max-width:600px}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}.page-wrapper{padding-top:calc(var(--header-height) + 15px);padding-bottom:40px}}@media screen and (max-width:640px){.grid-cols-2{grid-template-columns:1fr}.container{padding:0 16px}.glass-panel,.glass-card{padding:16px}}