@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#ef3e42;--primary-hover:#d73337;--bg-dark:#0a0a0a;--bg-card:#ffffff0d;--bg-glass:#ffffff14;--text-primary:#fff;--text-secondary:#a1a1aa;--border-light:#ffffff1a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-lg:0 10px 25px -5px #00000080;--shadow-glass:0 8px 32px 0 #0000005e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#ef3e4214 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ffffff08 0%,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.page-container{width:100%;max-width:1280px;padding:var(--page-padding-top,100px) 24px 40px;flex-direction:column;min-height:100vh;margin:0 auto;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}input,textarea,select{border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:#ffffff0d;padding:12px 16px;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#ffffff14;outline:none}.navbar{background-color:var(--bg-dark);z-index:1000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:80px;padding:0 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 6px #0000004d}.navbar-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo-icon{background-color:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.navbar-logo-text{color:#fff;letter-spacing:1px;font-size:20px;font-weight:800}.navbar-menu{align-items:center;gap:30px;display:flex}.navbar-link{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--primary)}.navbar-link.active:after{content:"";background-color:var(--primary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.navbar-logout{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:500;transition:color .3s;display:flex}.navbar-logout:hover{color:var(--primary)}.navbar-auth-group{align-items:center;gap:20px;display:flex}.navbar-join-btn{background-color:var(--primary);border-radius:var(--radius-sm);transition:var(--transition);padding:8px 16px;font-weight:600;color:#fff!important}.navbar-join-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}@media (max-width:992px){.navbar{padding:0 20px}.navbar-menu{background-color:var(--bg-dark);opacity:0;pointer-events:none;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:20px;width:100%;padding:20px 0;transition:all .3s;position:absolute;top:80px;left:0;transform:translateY(-100%);box-shadow:0 10px 15px #00000080}.navbar-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-btn{display:block}.navbar-link.active:after{display:none}.navbar-auth-group{flex-direction:column;width:100%}}.text-hero{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}.text-h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.text-h2{font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.3}.text-h3{font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.4}.text-body{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.stack-mobile{flex-direction:column;gap:16px;display:flex}@media (min-width:768px){.stack-mobile{flex-direction:row}}.grid-responsive{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:repeat(2,1fr)}.grid-sidebar-layout{grid-template-columns:2fr 1fr}}@media (min-width:1024px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}.grid-responsive-4{grid-template-columns:repeat(4,1fr)}.grid-sidebar-layout{grid-template-columns:1fr 350px}}.auth-layout-container{flex-direction:column;min-height:100vh;display:flex}.auth-form-panel{flex:1;justify-content:center;align-items:center;padding:120px 24px 40px;display:flex}.auth-image-panel{display:none}@media (min-width:768px){.auth-layout-container{flex-direction:row}.auth-image-panel{flex:1;display:block;position:relative}.auth-form-panel{padding-top:24px}}.w-full{width:100%}@media (max-width:767px){.w-full-mobile{width:100%!important}.hide-mobile{display:none!important}}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.m-auto{margin:0 auto}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}body.menu-open{overflow:hidden}@media (max-width:768px){:root{--page-padding-top:80px}}