:root{
    /* LIGHT THEME (default) */
    --sf-bg-1: #f7f8ff;
    --sf-bg-2: #eef1ff;
    --sf-card: #ffffff;
    --sf-accent: #6c7bff;
    --sf-accent-2: #0ed3a3;
    --sf-text: #0b1020;
    --sf-muted: #5b607a;
    --sf-border: rgba(15,18,50,.12);
    --radius: 1.25rem;
}
[data-theme="dark"]{
    /* DARK THEME */
    --sf-bg-1: #0b1020;
    --sf-bg-2: #12163a;
    --sf-card: rgba(18,23,53,.65);
    --sf-accent: #6c7bff;
    --sf-accent-2: #0ed3a3;
    --sf-text: #e8ecff;
    --sf-muted: #a9b0d1;
    --sf-border: rgba(255,255,255,.08);
    --radius: 1.25rem;
}

body{background: radial-gradient(1200px 800px at 20% 0%, var(--sf-bg-2) 0%, var(--sf-bg-1) 60%, var(--sf-bg-1) 100%); color:var(--sf-text);}
.navbar{background:rgba(255,255,255,.55)!important; backdrop-filter: blur(10px); border-bottom:1px solid var(--sf-border);}
[data-theme="dark"] .navbar{background:rgba(10,14,31,.6)!important;}

.btn-accent{background:linear-gradient(135deg,var(--sf-accent),#9aa3ff); color:#fff; border:none}
.btn-accent:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent; border:1px solid var(--sf-border); color:var(--sf-text)}

.hero{padding: 96px 0 56px; position:relative; overflow:hidden}
.hero::after{content:""; position:absolute; inset:-20% -20% auto auto; height:360px; width:360px; background:radial-gradient(closest-side, rgba(108,123,255,.25), transparent); filter:blur(20px); border-radius:50%}
[data-theme="dark"] .hero::after{background:radial-gradient(closest-side, rgba(108,123,255,.35), transparent)}

.glass{background:rgba(255,255,255,.55); border:1px solid var(--sf-border); border-radius:var(--radius)}
[data-theme="dark"] .glass{background:rgba(20,24,50,.55)}

.card.sf{background:var(--sf-card); border:1px solid var(--sf-border); border-radius:var(--radius); color:var(--sf-text)}

.icon-pill{display:inline-flex; align-items:center; gap:.5rem; padding:.5rem .75rem; border:1px solid var(--sf-border); border-radius:999px; color:var(--sf-muted)}
.feature{border:1px solid var(--sf-border); border-radius:var(--radius); padding:20px; height:100%; background:rgba(255,255,255,.35)}
[data-theme="dark"] .feature{background:rgba(18,23,53,.45)}

.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.15)}
[data-theme="dark"] .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.35)}

.muted{color:var(--sf-muted)}
.price{font-size:2rem; font-weight:800}
.divider{height:1px; width:100%; background:var(--sf-border)}

a{color:#3b49ff}
a:hover{color:#5b66ff}
.code_color{color:#3047bb}
[data-theme="dark"] a{color:#fff}
[data-theme="dark"] a:hover{color:#c7cdff}
[data-theme="dark"] .code_color{color:#dbe1ff}
[data-theme="dark"] .accordion-button{color:#aeb6ff}

.badge-soft{background:rgba(108,123,255,.15); color:#3b49ff; border:1px solid var(--sf-border)}
[data-theme="dark"] .badge-soft{color:#cfd4ff}

.rounded-2xl{border-radius:var(--radius)!important}
.footer{border-top:1px solid var(--sf-border)}
.table>:not(caption)>*>*{background:transparent!important; color:var(--sf-text)}

.nav-pills .nav-link{border:1px solid var(--sf-border)}
[data-theme="dark"] .nav-pills .nav-link{border:1px solid var(--sf-border);color:#fff;}
.nav-pills .nav-link.active{background:linear-gradient(135deg,var(--sf-accent),#9aa3ff)}

.form-control, .form-select{background:rgba(255,255,255,.6); border:1px solid var(--sf-border); color:var(--sf-text)}
.form-control::placeholder{color:#7d86a8}
[data-theme="dark"] .form-control, [data-theme="dark"] .form-select{background:rgba(14,18,40,.5);color:#fff;}
[data-theme="dark"] .form-control::placeholder{color:#93a0d6}
.contact-captcha-input{max-width:140px}
.contact-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

.navbar-brand{background: url('../logo_thin.png') no-repeat center center; background-size: contain; width: 185px; height: 30px; margin-right: 10px;}
[data-theme="dark"] .navbar-brand{background: url('../logo_thin.svg') no-repeat center center; background-size: contain; width: 185px; height: 30px; margin-right: 10px;}