/* SantriFlow landing page — clean branded layout v1.7.5 */
:root{--sf-land-gold:#e6bd58;--sf-land-green:#19b982;--sf-land-deep:#063c33;--sf-land-deeper:#041f1b;--sf-land-line:rgba(229,190,88,.22)}
body{background:radial-gradient(circle at 10% 0%,rgba(27,145,103,.16),transparent 28rem),radial-gradient(circle at 92% 8%,rgba(11,86,81,.18),transparent 32rem),linear-gradient(135deg,#031d18 0%,#06372d 50%,#082d34 100%)!important;background-attachment:fixed!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 28%),radial-gradient(circle at 78% 18%,rgba(230,189,88,.045),transparent 22rem);opacity:1!important}
.institution-banner{position:relative!important;min-height:170px!important;overflow:hidden!important;border:1px solid rgba(230,189,88,.22)!important;border-radius:22px!important;background:linear-gradient(112deg,rgba(5,57,47,.96) 0%,rgba(4,45,39,.94) 52%,rgba(7,48,58,.92) 100%)!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important}.institution-banner::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 82% 34%,rgba(230,189,88,.075),transparent 20rem),linear-gradient(125deg,transparent 0 62%,rgba(26,177,132,.08) 62% 75%,transparent 75%)!important;opacity:1!important}.institution-watermark{display:none!important}.institution-main{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;padding:22px 34px 18px!important}.institution-logo{content:url('/admin/assets/logo_mambaul_huda.webp?v=1.7.5')!important;width:104px!important;height:104px!important;display:block!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))!important}.institution-copy{text-align:left!important;min-width:0!important}.institution-arabic{font-size:clamp(1rem,1.9vw,1.65rem)!important;color:#efcf77!important;text-shadow:none!important}.institution-small{margin-top:5px!important;font-size:.82rem!important;letter-spacing:.12em!important;color:#dfece7!important}.institution-name{margin-top:2px!important;font-size:clamp(2rem,4.4vw,4rem)!important;line-height:.95!important;color:#f7faf8!important;text-shadow:none!important;white-space:nowrap!important}.institution-legal{margin-top:9px!important;font-size:.74rem!important;line-height:1.45!important;color:rgba(230,240,235,.69)!important}.institution-address{position:relative!important;z-index:2!important;padding:8px 18px!important;text-align:center!important;background:rgba(3,35,29,.52)!important;border-top:1px solid rgba(230,189,88,.14)!important;color:#e7d28e!important;font-size:.72rem!important}
.hero-copy,.best-card,.features-panel,.feature-card,.login-card{position:relative!important;overflow:hidden!important;border-color:rgba(230,189,88,.16)!important;background:linear-gradient(145deg,rgba(7,61,50,.88),rgba(4,39,34,.92) 62%,rgba(7,45,54,.88))!important;box-shadow:0 16px 42px rgba(0,0,0,.16)!important}.hero-copy::before,.best-card::before,.features-panel::before,.login-card::before{content:none!important;background:none!important}.hero-copy>* ,.best-card>* ,.features-panel>* ,.login-card>*{position:relative!important;z-index:1!important}.hero-copy{min-height:390px!important;padding:36px 38px!important}.eyebrow{background:rgba(230,189,88,.08)!important;border-color:rgba(230,189,88,.24)!important;color:#f2d675!important}.app-version{color:rgba(238,224,179,.60)!important;border-left-color:rgba(230,189,88,.25)!important}.hero h1{max-width:760px!important;color:#f5faf7!important}.hero h1 em{color:#43d895!important}.objective,.hero p,.best-class,.mini-stat span,.feature-card p{color:rgba(224,238,230,.72)!important}.objective strong{color:#eaca70!important}
/* High-contrast landing actions */
.primary-btn{background:linear-gradient(145deg,#f5d85f,#e4b92f)!important;color:#17382d!important;border:1px solid #ffe782!important;box-shadow:0 7px 18px rgba(229,187,49,.22)!important}.primary-btn:hover{background:linear-gradient(145deg,#ffe779,#efc83e)!important;transform:translateY(-1px)}.ghost-btn{color:#f8fbf9!important;background:rgba(24,121,94,.72)!important;border:1px solid rgba(102,224,180,.58)!important;box-shadow:0 7px 18px rgba(0,0,0,.12)!important}.ghost-btn:hover{background:rgba(35,151,113,.88)!important;border-color:#73e3ba!important;transform:translateY(-1px)}.primary-btn,.ghost-btn{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}.primary-btn .sf-icon,.ghost-btn .sf-icon{color:currentColor!important;stroke:currentColor!important}
.best-tag{color:#f0cc66!important}.features-head{color:#51d99a!important}.mini-stat{background:rgba(255,255,255,.025)!important;border-color:rgba(230,189,88,.08)!important}.student-photo{background:linear-gradient(145deg,rgba(13,91,72,.52),rgba(5,46,44,.76))!important;border-color:rgba(230,189,88,.14)!important}.student-photo .sf-icon{color:#eac863!important}.feature-card{background:linear-gradient(145deg,rgba(9,67,55,.62),rgba(5,44,40,.76))!important}.feature-card .sf-icon{color:#e6c25b!important}.feature-card h3{color:#f2f8f4!important}.field input,.field select{background:rgba(255,255,255,.04)!important;border-color:rgba(230,189,88,.18)!important;color:#f5faf7!important}.field select option{background:#083e34!important}.submit-btn{background:linear-gradient(145deg,#38d990,#15ac78)!important;color:#06221a!important}.modal{backdrop-filter:blur(8px)!important;background:rgba(1,18,15,.72)!important}.login-card{border:1px solid rgba(230,189,88,.25)!important;background:linear-gradient(145deg,rgba(7,67,54,.98),rgba(4,42,37,.98) 68%,rgba(7,48,54,.97))!important}
html[data-sf-theme="light"] body{color:#173d31!important;background:linear-gradient(135deg,#e8f0ec,#f5f8f6 50%,#e8eff2)!important}html[data-sf-theme="light"] body::before{background:radial-gradient(circle at 85% 5%,rgba(40,129,96,.06),transparent 28rem)!important}html[data-sf-theme="light"] .institution-banner{background:linear-gradient(112deg,#f7fbf9 0%,#eff6f2 56%,#eaf1f5 100%)!important;border-color:rgba(48,102,79,.16)!important}html[data-sf-theme="light"] .institution-banner::before{background:radial-gradient(circle at 82% 34%,rgba(193,154,55,.06),transparent 20rem),linear-gradient(125deg,transparent 0 62%,rgba(34,139,101,.045) 62% 75%,transparent 75%)!important}html[data-sf-theme="light"] .institution-arabic{color:#9a741f!important}html[data-sf-theme="light"] .institution-small{color:#315849!important}html[data-sf-theme="light"] .institution-name{color:#14513f!important}html[data-sf-theme="light"] .institution-legal{color:#60786e!important}html[data-sf-theme="light"] .institution-address{background:#e6efeb!important;color:#31594a!important;border-top-color:#c7d7d0!important}html[data-sf-theme="light"] .hero-copy,html[data-sf-theme="light"] .best-card,html[data-sf-theme="light"] .features-panel,html[data-sf-theme="light"] .feature-card,html[data-sf-theme="light"] .login-card{background:linear-gradient(145deg,#f8fbf9,#eef5f1 62%,#e9f1f4)!important;border-color:#c2d3cc!important;color:#173d31!important;box-shadow:0 13px 34px rgba(28,62,49,.07)!important}html[data-sf-theme="light"] .hero h1,html[data-sf-theme="light"] .feature-card h3,html[data-sf-theme="light"] .best-name,html[data-sf-theme="light"] .login-card h2{color:#153c30!important}html[data-sf-theme="light"] .hero p,html[data-sf-theme="light"] .objective,html[data-sf-theme="light"] .best-class,html[data-sf-theme="light"] .mini-stat span,html[data-sf-theme="light"] .feature-card p,html[data-sf-theme="light"] .login-card p,html[data-sf-theme="light"] .field label{color:#587167!important}html[data-sf-theme="light"] .objective strong{color:#8b681f!important}html[data-sf-theme="light"] .primary-btn{background:linear-gradient(145deg,#f2cf4b,#dbaa22)!important;color:#17382d!important;border-color:#c99819!important}html[data-sf-theme="light"] .ghost-btn{color:#fff!important;background:#197a5c!important;border-color:#176b52!important}html[data-sf-theme="light"] .field input,html[data-sf-theme="light"] .field select{background:#f8fbf9!important;color:#173d31!important;border-color:#bdd0c7!important}html[data-sf-theme="light"] .field select option{background:#fff!important;color:#173d31!important}
@media(max-width:760px){body{background-attachment:scroll!important}.institution-banner{min-height:auto!important}.institution-main{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;padding:16px!important}.institution-logo{width:70px!important;height:70px!important;margin:0!important}.institution-copy{text-align:left!important}.institution-arabic{font-size:.82rem!important}.institution-small{font-size:.62rem!important}.institution-name{font-size:clamp(1.45rem,8vw,2.3rem)!important;white-space:normal!important}.institution-legal{display:none!important}.institution-address{font-size:.58rem!important;padding:7px 10px!important}.hero-copy{padding:24px!important;min-height:auto!important}.hero h1{font-size:2.1rem!important}.features{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feature-card{min-height:104px!important}}@media(max-width:420px){.institution-main{grid-template-columns:64px minmax(0,1fr)!important}.institution-logo{width:60px!important;height:60px!important}.institution-name{font-size:1.65rem!important}.institution-address{font-size:.54rem!important}.features{grid-template-columns:1fr 1fr!important}}