/*
Theme Name: Sayal SEO Institute Professional
Theme URI: https://institute.williskhan.com/
Author: Sayal SEO Institute
Description: Professional gradient WordPress theme for Sayal SEO Institute. Designed to preserve existing content and URLs.
Version: 8.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sayal-seo-institute
*/
:root{--navy:#071a3d;--navy2:#0a2e67;--blue:#168dff;--purple:#6c4bff;--cyan:#2de2ff;--teal:#16cdb5;--pink:#ff63c5;--text:#10264d;--muted:#64748b;--border:#e4ebf5;--container:1180px}
*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:3px}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.topbar{background:#061633;color:#fff;font-size:13px}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{color:#fff}.mainnav{height:86px;background:#fff;border-bottom:1px solid var(--border)}.mainnav .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:220px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px}.navlinks a{text-decoration:none;font-weight:700}.nav-cta{background:var(--navy);color:#fff!important;padding:12px 18px;border-radius:9px}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(45,226,255,.38),transparent 25%),radial-gradient(circle at 56% 0%,rgba(108,75,255,.50),transparent 35%),radial-gradient(circle at 5% 92%,rgba(22,205,181,.26),transparent 27%),linear-gradient(116deg,#06183a,#0c2f72 43%,#1764a9 74%,#09284e);padding:88px 0 76px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:420px;height:420px;right:-150px;top:-170px;background:rgba(45,226,255,.13);animation:orb 9s ease-in-out infinite alternate}.hero:after{width:320px;height:320px;left:-170px;bottom:-180px;background:rgba(108,75,255,.18);animation:orb 11s ease-in-out -3s infinite alternate}@keyframes orb{to{transform:translate(20px,25px) scale(1.08)}}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#8eeaff}.hero h1{font-size:68px;line-height:1.05;letter-spacing:-2.5px;margin:14px 0 22px;color:#fff}.gradient-text{background:linear-gradient(90deg,#2de2ff,#9c7cff,#ff63c5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:19px;max-width:680px;color:#e8f2ff;margin:0 0 26px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:750;padding:12px 18px;border-radius:9px}.btn-blue{background:#168dff;color:#fff}.btn-outline{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.55);color:#fff}.hero-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:13px;font-weight:700}.hero-points span:before{content:'●';color:#8eeaff;margin-right:8px}.hero-visual{position:relative;min-height:390px;border-radius:28px;padding:22px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.22);box-shadow:0 25px 65px rgba(0,0,0,.2);backdrop-filter:blur(18px);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px)}}.visual-bg{height:255px;border-radius:20px;background:linear-gradient(135deg,rgba(22,141,255,.40),rgba(45,226,255,.08));display:flex;align-items:center;justify-content:center}.dashboard{width:78%;padding:22px;border-radius:16px;background:rgba(3,17,45,.66);border:1px solid rgba(255,255,255,.2)}.dashboard small{color:#9eefff;letter-spacing:1.5px}.dashboard h3{color:#fff;margin:8px 0 15px}.progress{height:8px;border-radius:8px;background:linear-gradient(90deg,#2de2ff 0 76%,rgba(255,255,255,.12) 76%)}.dashboard p{font-size:12px;color:#d8e8ff}.floating{position:absolute;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);padding:12px 15px;border-radius:14px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.14);font-size:13px}.float-right{right:-18px;top:115px}.float-left{left:-18px;bottom:28px}.trust{background:linear-gradient(90deg,#0a2a60,#174a91,#0a6d89);color:#fff}.trust .container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:14px}.section{padding:78px 0}.section-heading{margin-bottom:28px}.section-label{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--purple)}.section h2{font-size:40px;line-height:1.15;margin:9px 0 10px;letter-spacing:-1px}.section-intro{color:var(--muted);margin:0}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading-row a{color:var(--purple);font-weight:800;text-decoration:none}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.course-card{border:1px solid var(--border);border-radius:18px;padding:25px;background:#fff;box-shadow:0 10px 34px rgba(15,35,75,.07);transition:.25s}.course-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(15,35,75,.12)}.course-card .duration{font-size:13px;color:var(--blue);font-weight:800}.course-card h3{font-size:19px;line-height:1.25;margin:13px 0}.course-card p{color:var(--muted);font-size:14px}.course-card .fee{font-size:20px;font-weight:800;color:var(--text);margin-top:15px}.course-link{display:inline-block;margin-top:14px;color:var(--purple);font-weight:800;text-decoration:none}.soft{background:linear-gradient(135deg,#f8fbff,#eef5ff 52%,#f7f0ff)}.placement-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.placement-visual{min-height:350px;border-radius:26px;background:linear-gradient(135deg,#0c2f72,#0d77a3);position:relative;overflow:hidden;padding:70px}.placement-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-70px;background:rgba(45,226,255,.22)}.placement-panel{position:relative;z-index:1;background:rgba(3,17,45,.62);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:25px;color:#fff}.support-pills{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.support-pill{padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:13px;font-weight:800}.note{font-size:12px;color:#64748b}.dark{background:linear-gradient(120deg,#06183a,#102e69,#0a5680);color:#fff}.dark h2,.dark h3{color:#fff}.dark p{color:#e4efff}.experience-grid{display:grid;grid-template-columns:1fr .75fr;gap:55px;align-items:center}.glass{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:28px}.location-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.location-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(15,35,75,.06);text-decoration:none}.location-art{height:90px;background:linear-gradient(135deg,#dceeff,#d9d0ff);display:flex;align-items:center;justify-content:center;color:#7a67e8;font-size:42px}.location-name{padding:14px;font-weight:800;text-align:center}.cta{background:linear-gradient(110deg,#5d3df5,#168dff,#16cdb5);color:#fff;text-align:center;padding:62px 0}.cta h2{color:#fff;font-size:42px}.footer{background:linear-gradient(120deg,#061633,#10366f,#0b5a82);color:#fff;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:55px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:210px;filter:brightness(0) invert(1);opacity:.98}.footer p{color:#d9e8ff}.footer a{color:#fff}.footer h4{color:#fff;margin-top:0}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:16px;text-align:center;font-size:13px}.content-page{padding:70px 0}.content-page h1{font-size:50px;line-height:1.1;margin-top:0}.content-page h2{font-size:32px}.content-page img{max-width:100%;height:auto}.page-hero{padding:70px 0;background:linear-gradient(135deg,#071a3d,#183b86 55%,#0b718a);color:#fff}.page-hero h1{color:#fff;font-size:52px;margin:0 0 12px}.page-hero p{max-width:760px;color:#dcecff}.breadcrumbs{font-size:13px;color:#c7dcf5;margin-bottom:12px}.course-single-grid{display:grid;grid-template-columns:1fr .38fr;gap:45px;align-items:start}.info-card{border:1px solid var(--border);border-radius:20px;padding:25px;background:#fff;box-shadow:0 10px 35px rgba(15,35,75,.08);position:sticky;top:20px}.info-card .price{font-size:32px;font-weight:900}.info-card .meta{display:grid;gap:8px;margin:18px 0}.info-card .meta div{padding:10px 12px;background:#f7faff;border-radius:10px}.admission-form,.verify-form{max-width:850px;border:1px solid var(--border);border-radius:20px;padding:28px;background:#fff;box-shadow:0 12px 35px rgba(15,35,75,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd7e8;border-radius:9px;padding:12px 13px;font:inherit;background:#fff}.field textarea{min-height:120px}.notice{padding:14px 16px;border-radius:12px;background:#f1f7ff;border:1px solid #d7e7ff}.admin-box{padding:18px;border-radius:14px;background:#f8fbff;border:1px solid var(--border)}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;border-radius:7px;padding:10px 13px}.pagination{margin-top:35px}.pagination a,.pagination span{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:8px;margin-right:5px;text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(15,35,75,.06)}.post-card .thumb{aspect-ratio:16/9;background:#eef4fb;overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.post-card .body{padding:20px}.post-card h2{font-size:21px;margin:0 0 10px}.post-card p{color:var(--muted)}
@media(max-width:1050px){.navlinks{gap:14px}.hero-grid{gap:40px}.hero h1{font-size:56px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.placement-grid,.experience-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.container{width:calc(100% - 32px)}.topbar .container{font-size:11px}.mainnav{height:auto;min-height:72px}.mainnav .container{padding:12px 0;flex-wrap:wrap}.brand img{width:220px}.menu-toggle{display:block}.navlinks{display:none;width:100%;padding:15px 0;flex-direction:column;align-items:flex-start;gap:15px}.navlinks.open{display:flex}.hero{padding:60px 0}.hero-grid,.placement-grid,.experience-grid,.course-single-grid{grid-template-columns:1fr}.hero h1{font-size:46px}.hero-visual{max-width:620px;margin:auto}.section{padding:62px 0}.course-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr;gap:30px}.info-card{position:static}.page-hero h1{font-size:42px}}
@media(max-width:520px){.topbar .container{display:block;padding:6px 0}.topbar .container span{display:block;margin:2px 0}.hero h1{font-size:37px;letter-spacing:-1.4px}.hero-copy{font-size:17px}.course-grid,.post-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr 1fr}.trust .container{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.section h2{font-size:31px}.hero-visual{min-height:330px}.visual-bg{height:215px}.floating{font-size:11px}.float-right{right:-8px}.float-left{left:-8px}.placement-visual{padding:35px;min-height:290px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section-heading-row{display:block}.section-heading-row a{display:block;margin-top:12px}.page-hero h1{font-size:35px}}

.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:10px;z-index:9999;background:#fff;color:#071a3d;padding:10px 14px;border-radius:8px}.resource-categories{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.resource-category{padding:8px 13px;border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:13px;font-weight:800;background:#fff}.resource-category.active{background:#071a3d;color:#fff;border-color:#071a3d}.empty-state{padding:30px;border:1px dashed #cbd8ea;border-radius:16px;background:#f8fbff;color:var(--muted)}.course-card .badge{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:999px;background:#eef6ff;color:#168dff;font-size:11px;font-weight:800}.legal-list{padding-left:20px}.print-only{display:none}@media print{.topbar,.mainnav,.cta,.footer,.no-print,.btn,.print-hide{display:none!important}.print-only{display:block}.content-page{padding:0}.invoice-wrap,.certificate-wrap{box-shadow:none!important;border:0!important}}