:root{--site-bg-image:url(/images/bg/rose-bg.jpg);--site-bg-overlay:#0000008c;--bg:#0a0a0a;--ink:#f4f4f4;--muted:#bdb8b2;--line:#2a2a2a;--accent:#d88cff;--card:#111214;--button:#ff3f86;--radius:14px;--shadow:0 10px 30px #00000073,0 1px 0 #ffffff08 inset;--btn-grad:linear-gradient(180deg,#ff2e7b,#ff478b);--focus:0 0 3px #d88cff66}*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background-color:var(--bg);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}body:not(.chat){background:linear-gradient(var(--site-bg-overlay),var(--site-bg-overlay)),var(--site-bg-image)center/cover no-repeat fixed}.btn.default{background:var(--btn-grad);border-radius:30px;padding:15px 22px 16px;font-weight:600;line-height:16px;transition:all .15s ease-in;box-shadow:2px 2px 4px #000000b3}.btn.default:hover{transform:scale(1.04);box-shadow:0 1px 12px #a67bcc80}.main-header{z-index:10;background:#000;justify-content:space-between;align-items:center;padding:20px 45px;display:flex;position:relative;box-shadow:0 1px 12px #a67bcc80}.main-header img{flex-width:400px;max-width:400px}.main-nav li{text-transform:uppercase;margin:0 20px;font-weight:600;display:inline-block;position:relative}button{text-transform:uppercase;cursor:pointer}.main-nav li:hover,.main-nav li:hover>a{color:#a67bcc}.submenu{opacity:0;background:#000;width:200px;height:1px;padding-top:30px;transition:all .25s ease-in;display:none;position:absolute;top:20px;left:-27px}.has-submenu{cursor:pointer}.has-submenu:hover .submenu{opacity:1;height:auto;display:block}.submenu li{margin:0;padding:0;font-weight:400;display:block}.submenu li a{padding:10px 20px 10px 30px;display:block}.submenu li:hover{background:var(--btn-grad)}.submenu li:hover a,.main-nav li.has-submenu:hover a{color:#fff}.account-actions{align-items:center;gap:12px;display:flex}.account-email{opacity:.85;font-size:.85rem}.content{max-width:1200px;margin:0 auto 40px}.footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);margin:0 auto;padding:30px 0;font-size:14px}.legal{margin-bottom:15px}.legal a{color:var(--ink);text-decoration:underline}.modal-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0f1117;border-radius:12px;width:100%;max-width:420px;padding:24px}.modal h3{margin-bottom:15px;font-size:1.4em;font-weight:600}.modal label{margin-bottom:14px;font-size:.9rem;display:block}.modal input,.modal select,.modal textarea{color:#fff;background:#000;border:1px solid #333;border-radius:6px;width:100%;margin-top:4px;padding:8px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.auth-alt{text-align:center;margin-top:15px}@media (max-width:600px){.main-header{padding:25px}.main-header img{max-width:80%}.mobile-nav-panel{background:#0f0f14;border-top:1px solid #ffffff14;padding:20px;animation:.25s forwards slideDown}.mobile-nav-panel ul{margin:0;padding:0;list-style:none}.mobile-nav-panel .mobile-nav-menu{padding-left:10px}.mobile-nav-panel li{margin-bottom:16px}.mobile-nav-panel a,.mobile-nav-panel button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .2s;display:block}.mobile-nav-panel a:hover,.mobile-nav-panel button:hover{opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-panel button{text-transform:none;position:relative}.mobile-parent{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:17px;font-weight:600;display:flex}.mobile-chevron{border-bottom:2px solid #fff;border-right:2px solid #fff;width:7px;height:7px;transition:transform .2s;display:inline-block;position:absolute;top:8px;left:45px;transform:rotate(45deg)}.mobile-chevron.open{top:12px;transform:rotate(225deg)}.mobile-submenu{margin-top:10px;padding-left:14px;list-style:none}.mobile-nav-panel .mobile-submenu{padding:20px 0 0 15px}.mobile-submenu li{margin-bottom:12px}.mobile-submenu a{opacity:.85;font-size:15px}button.login,button.logout{width:auto;margin:25px 0 10px}.main-header .login,.main-header .logout{display:none}.main{padding:0 15px}.centered-buttons .btn:first-child{margin-bottom:15px}.grid{grid-template-columns:repeat(1,minmax(0,1fr))}.content .card img{height:300px}}
