.platform-public{min-height:100vh;background:linear-gradient(135deg,#eef7ff,#ffffff 45%,#f4eaff);color:#071827}
.platform-public-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 5vw;background:#0099ff;color:#fff}
.platform-public-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900}
.platform-public-brand img{width:42px;height:42px;object-fit:contain}
.platform-public-nav nav{display:flex;gap:14px;flex-wrap:wrap}
.platform-public-nav nav a{color:#fff;text-decoration:none;font-weight:800}
.platform-public-main{padding:60px 5vw}
.platform-public-card{max-width:1180px;margin:0 auto;background:rgba(255,255,255,.9);border:1px solid rgba(0,153,255,.18);border-radius:30px;padding:34px;box-shadow:0 30px 70px rgba(15,23,42,.12);display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}
.platform-public-card.compact{max-width:760px;display:block}
.platform-public-card h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.95;margin:.4rem 0;color:#071827}
.platform-public-card p{color:#4a617a;line-height:1.7}
.platform-form{display:grid;gap:14px}
.platform-form label{display:grid;gap:7px;font-weight:900;color:#17324d}
.platform-form input,.platform-form textarea{width:100%;border:1px solid #cfe0f2;border-radius:14px;padding:14px 16px;font:inherit}
.platform-alert{border-radius:16px;padding:14px 16px;margin:18px 0;font-weight:900}
.platform-alert.success{background:#dcfce7;color:#14532d}
.platform-alert.error{background:#fee2e2;color:#7f1d1d}
.portal-example{padding:18px;border-radius:18px;background:#071827;color:#7dd3fc;font-weight:900;margin:20px 0}
@media(max-width:900px){.platform-public-card{grid-template-columns:1fr}.platform-public-nav{align-items:flex-start;flex-direction:column}}

.platform-theme-toggle{
    height:46px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.55);
    background:rgba(255,255,255,.18);
    color:#ffffff;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}

.platform-theme-toggle:hover{
    background:rgba(255,255,255,.28);
}

body.platform-dark{
    background:linear-gradient(135deg,#07111f,#0f1d33 55%,#21143a) !important;
    color:#dbeafe !important;
}

body.platform-dark .platform-public-card{
    background:rgba(15,23,42,.92) !important;
    color:#dbeafe !important;
    border-color:rgba(0,153,255,.28) !important;
}

body.platform-dark .platform-public-card h1,
body.platform-dark .platform-form label{
    color:#ffffff !important;
}

body.platform-dark .platform-public-card p{
    color:#c9d9ee !important;
}

body.platform-dark .platform-form input,
body.platform-dark .platform-form textarea{
    background:#071827 !important;
    color:#ffffff !important;
    border-color:rgba(0,153,255,.28) !important;
}

body.platform-dark .platform-form input::placeholder{
    color:#7f95ad !important;
}