*{box-sizing:border-box}body{margin:0;background:#090a10;color:#f5f3fa;font:15px system-ui;min-width:1050px}header{height:72px;border-bottom:1px solid #252838;display:flex;align-items:center;padding:0 32px;gap:30px;background:#0b0c12;position:sticky;top:0;z-index:2}.logo{display:flex;align-items:center;gap:10px;font-size:27px;min-width:220px}.logo i{width:43px;height:43px;border:2px solid #a94cff;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;box-shadow:0 0 22px #7e32d966}.logo span,em{color:#ad49ff;font-style:normal}.search{height:44px;max-width:610px;flex:1;background:#151722;border:1px solid #292d3d;border-radius:12px;padding:0 15px;display:flex;align-items:center;font-size:25px;color:#777c91}.search input{background:none;border:0;outline:0;color:white;font-size:15px;width:100%;margin-left:10px}nav{display:flex;gap:8px;margin-left:auto}button{background:#151722;color:#c9ccda;border:1px solid #292d3d;border-radius:9px;padding:9px 12px;cursor:pointer}nav strong{display:grid;place-items:center;width:40px;border-radius:50%;background:linear-gradient(135deg,#7e3cff,#c04cff)}.layout{max-width:1400px;margin:auto;padding:22px;display:grid;grid-template-columns:225px minmax(600px,760px) 285px;gap:22px}aside{border-right:1px solid #252838;padding-right:16px}aside h5{color:#70768a;margin:25px 10px 8px}aside a{display:block;padding:11px;border-radius:9px;color:#a7abbc;margin:2px 0}.active{background:#1b1727;color:white!important;box-shadow:inset 3px 0 #a64cff}.ask{background:linear-gradient(135deg,#873bff,#bf4cff);color:#fff;border:0;font-weight:800;box-shadow:0 8px 25px #873bff33}.me{border-top:1px solid #252838;margin-top:25px;padding:18px 8px;color:#bfc2ce}.me small{display:block;color:#777c90}.hero{padding:26px;border:1px solid #322346;border-radius:17px;background:radial-gradient(circle at 85% 15%,#9b42ff33,transparent 35%),#12131d;display:flex;justify-content:space-between;align-items:center}.hero h1{font-size:31px;margin:8px 0}.hero p{color:#999dad}.cats{display:flex;gap:8px;margin:18px 0;overflow:hidden}.cats button,.head button{border-radius:20px;white-space:nowrap}.sel{background:#8d3cff!important;color:white!important;border-color:#8d3cff!important}.head{display:flex;justify-content:space-between;align-items:end;margin:25px 2px 12px}.head h2{margin:0}.head small{color:#777c90}.question{background:#11131d;border:1px solid #252838;border-radius:15px;padding:20px;margin-bottom:13px}.user{display:flex;gap:10px;color:#bfc2cf}.tag{float:right;color:#ad6cff;background:#1c1828;padding:5px 9px;border-radius:20px;font-size:11px}.question h3{font-size:18px;line-height:1.4}.question p{color:#969aaa;line-height:1.5}.actions{border-top:1px solid #252838;padding-top:11px;display:flex;gap:8px}.actions button{border:0;background:none}.right{border:0;padding:0}.card{background:#11131d;border:1px solid #252838;border-radius:15px;padding:16px;margin-bottom:13px}.card small{display:block;color:#777c90;margin:3px 0 12px}.card button{float:right;color:#b276ff}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:5;place-items:center}.modal.open{display:grid}.modal>div{width:600px;background:#11131d;border:1px solid #39314d;border-radius:18px;padding:24px}.modal input,.modal textarea{width:100%;background:#0b0d14;color:white;border:1px solid #2a2e40;border-radius:10px;padding:13px;margin:8px 0;outline:0;font:inherit}.modal textarea{height:130px}.modal .ask{margin-top:8px;width:100%}.x{float:right;background:none;border:0;font-size:28px}
/* =========================
   BiSor Auth Modal
========================= */

.auth-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(8px);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.auth-modal.open {
    display: flex;
}

.auth-box {
    width: min(420px, 100%);
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 20px 70px rgba(0,0,0,.55);
    position: relative;
}

.auth-close {
    position: absolute;
    right: 18px;
    top: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #292d3d;
    background: #151722;
    color: #aaa;
    cursor: pointer;
    font-size: 18px;
}

.auth-logo {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    background: linear-gradient(135deg,#873bff,#bf4cff);
    color: white;
    font-size: 24px;
    font-weight: 800;
    box-shadow: 0 8px 25px rgba(135,59,255,.35);
}

.auth-box h2 {
    margin: 0 0 7px;
    font-size: 25px;
}

.auth-subtitle {
    color: #969aaa;
    margin-bottom: 22px;
    font-size: 14px;
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-form input {
    width: 100%;
    box-sizing: border-box;
    background: #0b0d14;
    color: white;
    border: 1px solid #2a2e40;
    border-radius: 11px;
    padding: 13px 14px;
    outline: none;
    font-size: 15px;
}

.auth-form input:focus {
    border-color: #9c4dff;
    box-shadow: 0 0 0 3px rgba(156,77,255,.12);
}

.auth-submit {
    width: 100%;
    margin-top: 5px;
    border: 0;
    border-radius: 11px;
    padding: 13px;
    background: linear-gradient(135deg,#873bff,#b94cff);
    color: white;
    font-weight: 800;
    cursor: pointer;
    font-size: 15px;
}

.auth-submit:hover {
    filter: brightness(1.08);
}

.auth-switch {
    text-align: center;
    color: #969aaa;
    font-size: 14px;
    margin-top: 18px;
}

.auth-switch button {
    border: 0;
    background: none;
    color: #b276ff;
    cursor: pointer;
    font-weight: 700;
}

.auth-error {
    display: none;
    background: rgba(255,70,100,.10);
    border: 1px solid rgba(255,70,100,.30);
    color: #ff8da4;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13px;
}

.auth-success {
    display: none;
    background: rgba(80,220,140,.10);
    border: 1px solid rgba(80,220,140,.30);
    color: #78e5a1;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13px;
}

@media (max-width: 600px) {
    .auth-box {
        padding: 23px;
        border-radius: 17px;
    }
}

#profileMenu {
    z-index: 10000;
    width: 220px;
    background: #11131d;
    border: 1px solid #292d3d;
    border-radius: 15px;
    padding: 12px;
    box-shadow: 0 18px 50px rgba(0,0,0,.5);
}

.profile-menu-name {
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    padding: 5px 8px 0;
}

.profile-menu-username {
    color: #888da0;
    font-size: 13px;
    padding: 2px 8px 8px;
}

#profileMenu hr {
    border: 0;
    border-top: 1px solid #292d3d;
    margin: 7px 0;
}

#profileMenu button {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    color: #ddd;
    text-align: left;
    padding: 10px 8px;
    border-radius: 9px;
    cursor: pointer;
}

#profileMenu button:hover {
    background: #1b1727;
    color: #fff;
}

#profileLogout {
    color: #ff8da4 !important;
}

.bisor-logo {
    width: 220px;
    height: auto;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
    display: block;
}

@media (max-width: 700px) {
    .bisor-logo {
        width: 145px;
        max-height: 45px;
    }
}