/* SP WorldTech International Light Platform — 2026-09-29 */
:root{--c-bg:#f6f9fc;--c-panel:#ffffff;--c-panel2:#f8fbff;--c-text:#10233f;--c-muted:#5d7088;--c-blue:#0b63ce;--c-cyan:#08a6b8;--c-gold:#d9a600;--c-green:#159b74;--c-line:#dce7f2;--c-shadow:0 18px 55px rgba(20,55,90,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f6f9fc}body{margin:0;background:#f6f9fc;color:var(--c-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 12%,rgba(11,99,206,.07),transparent 25%),radial-gradient(circle at 88% 18%,rgba(8,166,184,.07),transparent 24%),linear-gradient(rgba(11,99,206,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,99,206,.035) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--c-line)!important;box-shadow:0 8px 28px rgba(25,65,100,.07)!important;backdrop-filter:blur(16px)}
.nav-wrap{min-height:82px;display:flex;align-items:center;gap:18px}.brand-link{flex:0 0 auto}.brand-logo{width:56px!important;height:56px!important;border-radius:14px;object-fit:contain;box-shadow:0 8px 24px rgba(11,99,206,.12)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;flex-wrap:nowrap}.main-nav a{padding:10px 12px;border:0!important;border-radius:10px;text-decoration:none!important;color:#17304d!important;font-weight:750!important;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--c-blue)!important;background:#edf5ff!important}
.main-nav .nav-btn.primary{color:#fff!important}.nav-contact{display:none!important}.mobile-menu-btn{display:none!important}.mobile-menu{display:none!important;border:0!important}.mobile-menu.open{display:flex!important;padding:12px 16px 18px;gap:8px;background:#fff!important;border-top:1px solid var(--c-line)!important}.mobile-menu a{padding:13px;border-radius:10px;text-decoration:none;color:#17304d!important;background:#f7fbff;border:1px solid var(--c-line)}
.hero-section,.inner-hero{position:relative;overflow:hidden;background:#fff}.hero-section{padding:96px 0 84px}.hero-section::before,.inner-hero::before{content:"";position:absolute;width:560px;height:560px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(8,166,184,.12),rgba(8,166,184,0) 68%);pointer-events:none}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(11,99,206,.09),transparent 30%),radial-gradient(circle at 20% 40%,rgba(8,166,184,.07),transparent 26%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900;color:var(--c-blue);margin-bottom:14px}.eyebrow.dark{color:#9b7600}h1,h2{line-height:1.08;margin:0 0 18px}h1{font-size:clamp(2.7rem,6vw,5.3rem);color:#102d50}h2{font-size:clamp(2rem,4vw,3.3rem);color:#12345b}h3{color:#163653;font-size:1.35rem}p,li{color:var(--c-muted);line-height:1.75}.hero-copy p{font-size:1.08rem;max-width:760px}.section-lead{max-width:820px;font-size:1.05rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.primary,.secondary,.ghost-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:900}.primary{background:linear-gradient(135deg,#0b63ce,#08a6b8);color:#fff;box-shadow:0 12px 26px rgba(11,99,206,.20)}.secondary,.ghost-link-btn{background:#fff;border:1px solid var(--c-line);color:#17446e}.primary:hover,.secondary:hover,.ghost-link-btn:hover{transform:translateY(-1px)}
.company-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.company-trust span{padding:8px 11px;border:1px solid var(--c-line);border-radius:999px;background:#f7fbff;font-size:.82rem;font-weight:800;color:#49647f}
.hero-card,.info-card,.pricing-card,.contact-card,.admin-card,.project-card,.policy-card,.gradient-panel,.panel{background:rgba(255,255,255,.96)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-radius:22px;box-shadow:var(--c-shadow);padding:28px}.hero-card{padding:32px}.panel-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eaf8fb;color:#087d8d;font-weight:900;font-size:.8rem}.feature-list{padding-left:20px}
.content-section{padding:84px 0;background:transparent}.content-section.light{background:#fff}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.cards-grid.two{grid-template-columns:repeat(2,1fr)}.cards-grid.four{grid-template-columns:repeat(4,1fr)}.info-card,.project-card,.pricing-card{height:100%}.info-card p,.project-card p,.pricing-card p{margin-bottom:0}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.inner-hero{padding:86px 0;background:linear-gradient(180deg,#ffffff,#f7fbff)}.inner-hero h1{max-width:900px;font-size:clamp(2.5rem,5vw,4.4rem)}.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card.featured{border-color:#9ec9ee!important;transform:translateY(-4px)}.pricing-card ul{padding-left:20px}.pricing-note{font-size:.86rem;color:#71849a}.price{font-size:2rem;color:#0b63ce;font-weight:900;margin:10px 0}.price small{font-size:.9rem;color:#71849a;font-weight:600}
.project-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.project-meta span{font-size:.75rem;padding:6px 9px;border-radius:999px;background:#eef7ff;color:#315b80;border:1px solid #d8e9f7}.map-frame{width:100%;height:390px;border:0;border-radius:22px;box-shadow:var(--c-shadow)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-list{display:grid;gap:12px}.contact-item{padding:16px;border:1px solid var(--c-line);border-radius:14px;background:#f8fbff}.contact-item a{color:var(--c-blue);text-decoration:none}
.policy-card h2{margin-top:28px}.admin-shell{min-height:80vh;padding:70px 0}.admin-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px}.form-stack{display:grid;gap:12px}.form-stack label{font-weight:800;color:#23405e}.form-stack input,.form-stack select,.form-stack textarea{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #cfdeeb;background:#fff;color:#10233f}.status{padding:12px;border-radius:12px;background:#f7fbff;border:1px solid var(--c-line);color:#36516c}.status.success{background:#ecfdf5;border-color:#b8ead5;color:#08734f}
.site-footer{background:#fff!important;border-top:1px solid var(--c-line)!important;margin-top:0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:28px;padding:54px 0 34px}.footer-brand{font-weight:900;color:#17304d;font-size:1.05rem}.footer-logo{width:50px!important;height:50px!important}.footer-links{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.footer-links a,.footer-social a{color:#5f748b!important;text-decoration:none}.footer-links a:hover,.footer-social a:hover{color:var(--c-blue)!important}.footer-bottom{border-top:1px solid var(--c-line)!important;padding:18px 0 30px}.footer-bottom-wrap{display:flex;justify-content:space-between;gap:20px;padding-top:18px}.footer-bottom p{margin:0;font-size:.85rem}
.auth-page{background:#f6f9fc}.auth-portal-main{min-height:calc(100vh - 82px);padding:72px 0}.auth-portal-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.auth-intro h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:700px}.auth-intro p{font-size:1.08rem;max-width:650px}.auth-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.auth-trust span{padding:9px 12px;background:#fff;border:1px solid var(--c-line);border-radius:999px;color:#45627d;font-weight:800}.auth-portal-card{background:#fff;border:1px solid var(--c-line);border-radius:28px;padding:28px;box-shadow:var(--c-shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#f1f6fb;border-radius:14px;margin-bottom:24px}.auth-tab{border:0;background:transparent;color:#5a7189;font-weight:900;padding:12px;border-radius:10px;cursor:pointer}.auth-tab.active{background:#fff;color:#0b63ce;box-shadow:0 5px 18px rgba(20,55,90,.08)}.auth-panel h2{font-size:2rem;margin-bottom:8px}.auth-divider{display:flex;align-items:center;gap:10px;color:#8a9bae;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e0e9f2;flex:1}.google-card{display:flex;justify-content:center;margin:14px 0}.whatsapp-btn{background:#16a34a!important;color:#fff!important;border:0!important}
.ebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ebook-card{display:flex;flex-direction:column;overflow:hidden}.ebook-cover{height:210px;width:100%;object-fit:cover;background:linear-gradient(135deg,#eef6ff,#edfdfa)}.ebook-card .card-body{display:flex;flex-direction:column;gap:10px;flex:1}.ebook-price{font-size:1.5rem;font-weight:900;color:#0b63ce}.ebook-meta{font-size:.88rem;color:#6d8197}.download-btn{margin-top:auto}.dashboard-shell{padding:70px 0}.dashboard-grid-main{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.dashboard-card{background:#fff;border:1px solid var(--c-line);border-radius:22px;padding:24px;box-shadow:var(--c-shadow)}
@media(max-width:980px){.main-nav{display:none}.mobile-menu-btn{display:inline-flex!important;margin-left:auto;background:#fff;color:#0b63ce;border:1px solid var(--c-line);border-radius:11px;padding:10px 13px}.hero-grid,.split-grid,.contact-layout,.admin-grid,.auth-portal-grid{grid-template-columns:1fr}.cards-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.cards-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.hero-section,.content-section{padding:62px 0}.cards-grid,.cards-grid.two,.cards-grid.four,.pricing-grid,.ebook-grid{grid-template-columns:1fr}.brand-logo{width:50px!important;height:50px!important}.footer-grid{grid-template-columns:1fr}.footer-bottom-wrap{flex-direction:column}.auth-portal-main{padding:42px 0}.auth-portal-card{padding:20px}}