:root{--hs-bg:#090611;--hs-surface:#110b1e;--hs-surface-2:#181127;--hs-text:#fff;--hs-muted:#b7aec8;--hs-violet:#8b5cf6;--hs-violet-2:#c026d3;--hs-green:#34d399;--hs-border:#33264a;--hs-shadow:0 30px 80px rgba(0,0,0,.35);--hs-radius:22px;--hs-radius-sm:14px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hs-bg);color:var(--hs-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.admin-bar .hs-site-header{top:32px}a{text-underline-offset:3px}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hs-main{min-height:62vh}.hs-main--home{overflow:hidden}.hs-site-header{position:sticky;top:0;z-index:90;background:rgba(9,6,17,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.hs-site-header__inner{min-height:76px;padding:0 20px}.hs-brand-wrap{gap:10px}.hs-brand-wrap .wp-block-site-title{margin:0;font-weight:800;letter-spacing:-.02em}.hs-brand-wrap .wp-block-site-title a{text-decoration:none;color:#fff}.hs-brand-wrap .custom-logo{border-radius:10px}.hs-account-nav{display:flex;align-items:center;gap:8px}.hs-account-nav__links{display:flex;align-items:center;gap:5px}.hs-account-nav a,.hs-account-nav button{font:inherit}.hs-account-nav__link,.hs-account-nav__language-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border-radius:12px;border:1px solid transparent;background:transparent;color:#f6f2ff;text-decoration:none;font-size:.92rem;font-weight:650;cursor:pointer}.hs-account-nav__link:hover,.hs-account-nav__language-trigger:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}.hs-account-nav__link--primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9 55%,#a21caf);box-shadow:0 10px 28px rgba(124,58,237,.25)}.hs-account-nav__link--primary:hover{background:linear-gradient(135deg,#9b72f7,#7c3aed 55%,#bd2fd0)}.hs-account-nav__link--messages{position:relative}.hs-account-nav__badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:99px;background:#fff;color:#5b21b6;font-size:.7rem;font-weight:900}.hs-account-nav__language{position:relative}.hs-account-nav__language-trigger{gap:6px;border-color:rgba(255,255,255,.08)}.hs-language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:8px;background:#160f24;border:1px solid var(--hs-border);border-radius:14px;box-shadow:var(--hs-shadow)}.hs-language-menu[hidden]{display:none}.hs-language-menu button{display:flex;width:100%;justify-content:space-between;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#eee7fa;cursor:pointer}.hs-language-menu button:hover,.hs-language-menu button[aria-checked=true]{background:rgba(139,92,246,.14)}.hs-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--hs-border);border-radius:12px;background:#140d20;color:#fff;cursor:pointer}.hs-menu-toggle span,.hs-menu-toggle:before,.hs-menu-toggle:after{content:"";display:block;width:20px;height:2px;margin:4px auto;background:currentColor;border-radius:5px}.hs-site-footer{margin-top:70px;padding:56px 22px 26px;background:#0d0915;border-top:1px solid rgba(255,255,255,.08)}.hs-site-footer .wp-block-columns{gap:3rem}.hs-site-footer h4{margin-top:0;text-transform:uppercase;letter-spacing:.13em;color:#cbb9ed}.hs-site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hs-site-footer li{margin:0}.hs-site-footer a{text-decoration:none;color:#bfb5ce}.hs-site-footer a:hover{color:#fff}.hs-site-footer .wp-block-separator{opacity:.7;margin-top:32px}.hs-page-shell{padding:78px 22px}.hs-kicker{margin:0 0 14px;color:#d667ff;font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hs-kicker:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:linear-gradient(135deg,var(--hs-violet),var(--hs-violet-2));box-shadow:0 0 20px rgba(192,38,211,.8)}.hs-hero{position:relative;padding:78px 22px 58px}.hs-hero:before{content:"";position:absolute;left:50%;top:-180px;width:820px;height:560px;transform:translateX(-50%);background:radial-gradient(circle,rgba(124,58,237,.25),rgba(124,58,237,0) 68%);pointer-events:none}.hs-hero__inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}.hs-hero__copy{max-width:780px}.hs-hero h1{margin:0;font-size:clamp(2.35rem,6vw,5.25rem);line-height:1.03;letter-spacing:-.052em}.hs-hero h1 strong{font-weight:800;background:linear-gradient(135deg,#fff 0%,#d8c5ff 45%,#e879f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hs-hero__lead{max-width:820px;margin:24px 0 30px;color:#ddd5e8;font-size:clamp(1.05rem,2.1vw,1.35rem);line-height:1.75}.hs-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:#c7bdd5;font-size:.9rem}.hs-proof span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:rgba(255,255,255,.025)}.hs-section{padding:68px 22px}.hs-section--soft{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.03),rgba(255,255,255,.012))}.hs-section__inner{max-width:1180px;margin:0 auto}.hs-section__head{max-width:720px;margin-bottom:30px}.hs-section__head h2{margin:8px 0 10px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em}.hs-section__head p{color:var(--hs-muted);font-size:1.03rem}.hs-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hs-feature-card,.hs-content-card{padding:24px;border:1px solid var(--hs-border);border-radius:var(--hs-radius);background:linear-gradient(180deg,rgba(24,17,39,.9),rgba(14,9,24,.9));box-shadow:0 14px 35px rgba(0,0,0,.15)}.hs-feature-card span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:13px;background:rgba(139,92,246,.13);border:1px solid rgba(139,92,246,.24);color:#c4a7ff;font-weight:900}.hs-feature-card h3{margin:0 0 8px}.hs-feature-card p{margin:0;color:var(--hs-muted)}.hs-cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid rgba(139,92,246,.28);border-radius:28px;background:radial-gradient(circle at 20% 0,rgba(139,92,246,.22),transparent 45%),#100a1b}.hs-cta-band h2{margin:0 0 8px}.hs-cta-band p{margin:0;color:var(--hs-muted)}.hs-button,.hs-plan-button,.hs-account-button,.hs-portal-submit,.hocasec-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9 60%,#a21caf);color:#fff!important;text-decoration:none!important;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(124,58,237,.22)}.hs-button:hover,.hs-plan-button:hover,.hs-account-button:hover,.hs-portal-submit:hover,.hocasec-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.hs-button--ghost,.hs-plan-button--outline{background:transparent!important;border:1px solid var(--hs-border)!important;color:#efe8fb!important;box-shadow:none}.hs-search-block{max-width:1180px;margin:0 auto;padding:24px;border:1px solid var(--hs-border);border-radius:24px;background:rgba(17,11,30,.92);box-shadow:0 20px 60px rgba(0,0,0,.22)}.hs-search-block--hero{margin-top:30px}.hs-search-block__heading{margin-bottom:18px}.hs-search-block__heading h1,.hs-search-block__heading h2{margin:0 0 8px;letter-spacing:-.035em}.hs-search-block__heading p{margin:0;color:var(--hs-muted)}.hs-teacher-search{display:grid;grid-template-columns:1.05fr 1fr 1fr auto;gap:12px;align-items:end}.hs-field{display:grid;gap:7px}.hs-field label{font-size:.8rem;font-weight:800;color:#c2b8cf}.hs-field select,.hs-field input,.hs-field textarea,.hs-portal-form input,.hs-portal-form select,.hs-portal-form textarea,.hocasec-request-form input,.hocasec-request-form select,.hocasec-request-form textarea,.hs-reply-form textarea,.hs-payment-form input,.hs-payment-form select,.hs-payment-form textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--hs-border);border-radius:13px;background:#161020;color:#fff;font:inherit;outline:none}.hs-field textarea,.hs-portal-form textarea,.hocasec-request-form textarea,.hs-payment-form textarea{min-height:120px;resize:vertical}.hs-field input:focus,.hs-field select:focus,.hs-portal-form input:focus,.hs-portal-form select:focus,.hs-portal-form textarea:focus,.hocasec-request-form input:focus,.hocasec-request-form select:focus,.hocasec-request-form textarea:focus,.hs-payment-form input:focus,.hs-payment-form select:focus,.hs-payment-form textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}.hs-search-submit{min-height:48px;padding:0 22px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9 55%,#a21caf);color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}.hs-search-select{position:relative}.hs-search-select__native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.hs-search-select__trigger{position:relative;width:100%;min-height:48px;padding:10px 42px 10px 13px;text-align:left;border:1px solid var(--hs-border);border-radius:13px;background:#161020;color:#f7f2ff;font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-search-select__trigger:after{content:"⌄";position:absolute;right:14px;top:50%;transform:translateY(-55%);color:#bcaed0}.hs-search-select__trigger:focus,.hs-search-select.is-open .hs-search-select__trigger{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}.hs-search-select__panel{position:absolute!important;z-index:150!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;bottom:auto!important;max-height:min(370px,55vh);padding:8px;background:#171020!important;border:1px solid #46355f;border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.55);overflow:hidden}.hs-search-select__panel[hidden]{display:none!important}.hs-search-select__input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #3f3055;border-radius:10px;background:#0d0915;color:#fff;font:inherit;outline:none}.hs-search-select__options{max-height:min(290px,44vh);overflow-y:auto;overscroll-behavior:contain;padding-top:7px;-webkit-overflow-scrolling:touch}.hs-search-select__option{display:block;width:100%;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#eee7f8;text-align:left;font:inherit;cursor:pointer}.hs-search-select__option:hover,.hs-search-select__option.is-active{background:#271a3b}.hs-search-select__option.is-selected{color:#d8c3ff;font-weight:800}.hs-search-select__empty{padding:12px;color:var(--hs-muted);font-size:.9rem}.hs-teacher-list-wrap{max-width:1180px;margin:34px auto 0;padding:0 22px 40px}.hs-teacher-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.hs-teacher-list-head h2{margin:0}.hs-teacher-list-head p{margin:5px 0 0;color:var(--hs-muted)}.hs-teacher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hs-teacher-card{position:relative;overflow:hidden;border:1px solid var(--hs-border);border-radius:22px;background:linear-gradient(180deg,#171022,#0f0a18);transition:transform .2s ease,border-color .2s ease}.hs-teacher-card:hover{transform:translateY(-3px);border-color:#5a4178}.hs-teacher-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#241834}.hs-teacher-card__media img{width:100%;height:100%;object-fit:cover}.hs-teacher-card__avatar{display:grid;place-items:center;width:100%;height:100%;font-size:4rem;font-weight:900;color:#d4c1fa;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.3),transparent 60%),#181024}.hs-teacher-card__badges{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px}.hs-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:rgba(9,6,17,.88);border:1px solid rgba(255,255,255,.12);color:#eee7f8;font-size:.73rem;font-weight:800}.hs-badge--pro{background:linear-gradient(135deg,#7c3aed,#a21caf);border-color:transparent}.hs-badge--verified{color:#baf7db}.hs-teacher-card__body{padding:18px}.hs-teacher-card__body h3{margin:0;font-size:1.22rem}.hs-teacher-card__body h3 a{color:#fff;text-decoration:none}.hs-teacher-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;color:#c6bbd3;font-size:.83rem}.hs-teacher-card__subjects{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.hs-chip{display:inline-flex;padding:5px 8px;border-radius:8px;background:#21162f;color:#d7c9e8;font-size:.76rem}.hs-teacher-card__bio{min-height:48px;margin:12px 0;color:#a99db7;font-size:.88rem}.hs-teacher-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.hs-teacher-card__price strong{display:block}.hs-teacher-card__price small{color:var(--hs-muted)}.hs-teacher-card__view{color:#d8c7fa;text-decoration:none;font-weight:800}.hs-empty-state{padding:40px;border:1px dashed #4a3861;border-radius:20px;text-align:center;color:var(--hs-muted)}.hs-pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.hs-pagination a,.hs-pagination span{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--hs-border);border-radius:10px;background:#130d1c;color:#fff;text-decoration:none}.hs-pagination .current{background:#7c3aed;border-color:#7c3aed}.hs-teacher-profile{max-width:1100px;margin:0 auto;padding:60px 22px}.hs-teacher-profile__top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:start}.hs-teacher-profile__photo{overflow:hidden;aspect-ratio:1/1;border:1px solid var(--hs-border);border-radius:26px;background:#181024}.hs-teacher-profile__photo img{width:100%;height:100%;object-fit:cover}.hs-teacher-profile__photo .hs-teacher-card__avatar{font-size:6rem}.hs-teacher-profile__info h1{margin:8px 0 12px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em}.hs-teacher-profile__facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.hs-teacher-profile__facts span{padding:7px 10px;border-radius:10px;background:#171020;border:1px solid var(--hs-border);color:#d8cedf}.hs-teacher-profile__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hs-profile-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:20px;margin-top:28px}.hs-profile-card{padding:24px;border:1px solid var(--hs-border);border-radius:20px;background:#100a19}.hs-profile-card h2,.hs-profile-card h3{margin-top:0}.hs-profile-card p{color:#c6bbd1}.hs-profile-side-list{display:grid;gap:12px}.hs-profile-side-list div{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.hs-profile-side-list small{display:block;color:var(--hs-muted)}.hs-profile-side-list strong{display:block;margin-top:3px}.hs-portal,.hs-membership-join,.hocasec-request-wrap,.hs-login-card,.hs-student-account,.hs-dashboard,.hs-payment-wrap{max-width:1080px;margin:0 auto;padding:58px 22px;color:#fff}.hs-portal-intro,.hs-join-hero,.hocasec-request-intro,.hs-login-card{max-width:720px;margin:0 auto 24px}.hs-portal-intro h2,.hs-join-hero h2,.hocasec-request-intro h2,.hs-login-card h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:8px 0 10px}.hs-portal-intro p,.hs-join-hero p,.hocasec-request-intro p,.hs-login-card p{color:var(--hs-muted)}.hs-portal-kicker,.hocasec-request-kicker{color:#d86bff;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hs-portal-form,.hocasec-request-form,.hs-payment-form{padding:24px;border:1px solid var(--hs-border);border-radius:22px;background:#100a1a}.hs-form-section{margin-bottom:24px}.hs-form-section__heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:15px}.hs-form-section__heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#241735;color:#d1baff;font-weight:900}.hs-form-section__heading h3{margin:0}.hs-form-section__heading p{margin:2px 0 0;color:var(--hs-muted);font-size:.88rem}.hs-form-grid,.hocasec-form-grid,.hs-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hs-form-grid label,.hocasec-form-grid label,.hs-payment-grid label{display:grid;gap:6px;color:#d6cce1;font-size:.84rem;font-weight:750}.hs-field-wide,.hocasec-form-field--wide,.hs-payment-wide{grid-column:1/-1}.hs-portal-consent,.hocasec-consent{display:flex!important;grid-template-columns:auto 1fr!important;gap:9px!important;align-items:flex-start!important;margin:16px 0!important;color:#c0b4cc!important}.hs-portal-consent input,.hocasec-consent input{width:18px!important;min-height:auto!important;margin-top:3px}.hs-portal-submit,.hocasec-submit{margin-top:5px}.hs-portal-switch{margin:14px 0 0;text-align:center;color:var(--hs-muted)}.hs-portal-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hs-portal-benefits span{padding:7px 10px;border-radius:99px;background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.2);color:#b6f1d6;font-size:.8rem}.hs-account-grid,.hs-plan-grid,.hs-student-account__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.hs-account-card,.hs-plan-grid article,.hs-student-account__actions article,.hs-dashboard-card{padding:24px;border:1px solid var(--hs-border);border-radius:22px;background:#110b1b}.hs-account-card--teacher,.hs-plan-grid article.is-featured{border-color:#6e4e94;background:radial-gradient(circle at 100% 0,rgba(124,58,237,.19),transparent 42%),#120b1d}.hs-account-card h3,.hs-plan-grid h3{margin:7px 0}.hs-account-card p,.hs-account-card li,.hs-plan-grid p,.hs-plan-grid li{color:var(--hs-muted)}.hs-account-card ul,.hs-plan-grid ul{padding-left:18px}.hs-account-label{font-size:.72rem;letter-spacing:.15em;color:#c49cff;font-weight:900}.hs-plan-price{display:flex;align-items:baseline;gap:5px;margin:18px 0}.hs-plan-price strong{font-size:2.2rem}.hs-plan-price small{color:var(--hs-muted)}.hs-dashboard-head,.hs-student-account__head,.hs-inbox__head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hs-dashboard-head h2,.hs-student-account__head h2{margin:5px 0}.hs-dashboard-head p,.hs-student-account__head p{margin:0;color:var(--hs-muted)}.hs-dashboard-logout{color:#d7c7e9}.hs-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.hs-dashboard-stats>div{padding:17px;border:1px solid var(--hs-border);border-radius:16px;background:#110b1a}.hs-dashboard-stats small{display:block;color:var(--hs-muted)}.hs-dashboard-stats strong{display:block;margin-top:6px}.hs-dashboard-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:16px;margin-top:18px}.hs-dashboard-side{display:grid;align-content:start;gap:16px}.hs-dashboard-card__head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.hs-dashboard-card__head h3{margin:0}.hs-dashboard-card__head p{margin:4px 0;color:var(--hs-muted)}.hs-status{display:inline-flex}.hs-inbox{margin:22px 0;padding:22px;border:1px solid var(--hs-border);border-radius:22px;background:#100a19}.hs-inbox__head h3{margin:0}.hs-inbox__head p{margin:5px 0 0;color:var(--hs-muted)}.hs-inbox__count{color:#b9adca;font-size:.83rem}.hs-inbox-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;margin-top:16px;min-height:420px}.hs-conversation-list{display:grid;align-content:start;gap:7px;max-height:620px;overflow:auto}.hs-conversation-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid transparent;border-radius:13px;color:#fff;text-decoration:none}.hs-conversation-item:hover,.hs-conversation-item.is-active{background:#1b1129;border-color:#33264a}.hs-conversation-item small{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hs-muted)}.hs-conversation-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#2a1b3c;color:#dec9ff;font-weight:900}.hs-conversation-item i{font-size:.68rem;color:#9ef0c7;font-style:normal}.hs-thread{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--hs-border);border-radius:16px;overflow:hidden;background:#0c0813}.hs-thread header{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--hs-border)}.hs-thread header small{display:block;color:var(--hs-muted)}.hs-thread-messages{padding:14px;overflow:auto;max-height:450px;display:flex;flex-direction:column;gap:9px}.hs-message{max-width:78%;padding:9px 11px;border-radius:13px 13px 13px 4px;background:#21152f;color:#f4eef9}.hs-message.is-mine{align-self:flex-end;border-radius:13px 13px 4px 13px;background:#5b2ca4}.hs-message p{margin:0}.hs-message time{display:block;margin-top:5px;font-size:.68rem;opacity:.65}.hs-reply-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--hs-border)}.hs-reply-form textarea{min-height:46px;height:46px;resize:none}.hs-reply-form button{border:0;border-radius:12px;padding:0 16px;background:#7c3aed;color:#fff;font-weight:800;cursor:pointer}.hs-inbox-empty{padding:35px;text-align:center;color:var(--hs-muted)}.hocasec-selected-teacher,.hocasec-message-login{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;padding:16px;border:1px solid var(--hs-border);border-radius:16px;background:#120c1c}.hocasec-selected-teacher__avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#2d1d42;color:#e1d0ff;font-weight:900}.hocasec-form-notice{margin:0 auto 16px;max-width:1080px;padding:12px 14px;border-radius:12px;border:1px solid}.hocasec-form-notice--success{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.25);color:#c5f5df}.hocasec-form-notice--error{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.25);color:#ffd3d3}.hs-login-card{padding:28px;border:1px solid var(--hs-border);border-radius:22px;background:#110b1a}.hs-login-card form{display:grid;gap:13px}.hs-login-card label{display:block;margin-bottom:6px;color:#d8cfe1}.hs-login-card input[type=text],.hs-login-card input[type=password]{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--hs-border);border-radius:12px;background:#161020;color:#fff}.hs-login-card input[type=submit]{min-height:48px;padding:0 18px;border:0;border-radius:13px;background:#7c3aed;color:#fff;font-weight:800;cursor:pointer}.hs-thanks{max-width:760px;margin:0 auto;padding:80px 22px;text-align:center}.hs-thanks__icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border-radius:24px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25);color:#7ce5b4;font-size:2rem}.hs-thanks h1{margin:0 0 12px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em}.hs-thanks p{color:var(--hs-muted);font-size:1.05rem}.hs-thanks__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}.hs-payment-wrap{max-width:900px}.hs-payment-summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid #604387;border-radius:18px;background:rgba(124,58,237,.1)}.hs-payment-summary h2{margin:0}.hs-payment-summary strong{font-size:1.4rem}.hs-payment-security{margin-top:13px;color:var(--hs-muted);font-size:.82rem}.hs-iyzico-shell{padding:20px;border:1px solid var(--hs-border);border-radius:22px;background:#fff;color:#111}.hs-payment-status{padding:24px;border:1px solid var(--hs-border);border-radius:20px;background:#110b1a}.hs-payment-status strong{display:block;margin-bottom:5px}.hs-about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hs-about-values>div{padding:22px;border:1px solid var(--hs-border);border-radius:18px;background:#110b1b}.hs-about-values h3{margin:0 0 7px}.hs-about-values p{margin:0;color:var(--hs-muted)}.hs-faq-list{display:grid;gap:10px}.hs-faq-list details{padding:16px 18px;border:1px solid var(--hs-border);border-radius:14px;background:#110b1a}.hs-faq-list summary{cursor:pointer;font-weight:800}.hs-faq-list p{color:var(--hs-muted)}.hs-empty-page{padding:100px 22px}.hs-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.hs-editor-preview{padding:18px;border:1px dashed #8b5cf6;border-radius:12px;background:#f5f3ff;color:#2b1748}.hs-editor-preview strong{display:block;margin-bottom:4px}.is-style-plain{list-style:none!important;padding-left:0!important} @media(max-width:1000px){.hs-teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-teacher-search{grid-template-columns:1fr 1fr}.hs-search-submit{grid-column:1/-1}.hs-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-dashboard-layout,.hs-profile-grid{grid-template-columns:1fr}.hs-teacher-profile__top{grid-template-columns:240px 1fr}.hs-inbox-grid{grid-template-columns:250px minmax(0,1fr)}} @media(max-width:782px){body.admin-bar .hs-site-header{top:46px}.hs-site-header__inner{min-height:66px;padding:0 14px}.hs-menu-toggle{display:block}.hs-account-nav__links{display:none;position:absolute;left:14px;right:14px;top:calc(100% + 1px);padding:12px;flex-direction:column;align-items:stretch;background:#100a19;border:1px solid var(--hs-border);border-radius:0 0 16px 16px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.hs-account-nav.is-open .hs-account-nav__links{display:flex}.hs-account-nav__link,.hs-account-nav__language-trigger{width:100%;justify-content:flex-start;min-height:45px}.hs-account-nav__language{width:100%}.hs-language-menu{position:static;margin-top:6px;box-shadow:none}.hs-hero{padding-top:56px}.hs-card-grid,.hs-about-values{grid-template-columns:1fr}.hs-cta-band{align-items:flex-start;flex-direction:column}.hs-teacher-profile__top{grid-template-columns:1fr}.hs-teacher-profile__photo{max-width:280px}.hs-inbox-grid{grid-template-columns:1fr}.hs-conversation-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.hs-thread{min-height:420px}.hs-account-grid,.hs-plan-grid,.hs-student-account__actions{grid-template-columns:1fr}} @media(max-width:640px){.hs-hero,.hs-section,.hs-page-shell{padding-left:16px;padding-right:16px}.hs-hero h1{font-size:clamp(2.25rem,11vw,3.4rem)}.hs-search-block{padding:16px;border-radius:19px}.hs-teacher-search{grid-template-columns:1fr}.hs-search-submit{grid-column:auto}.hs-teacher-list-wrap{padding-left:16px;padding-right:16px}.hs-teacher-grid{grid-template-columns:1fr}.hs-form-grid,.hocasec-form-grid,.hs-payment-grid{grid-template-columns:1fr}.hs-field-wide,.hocasec-form-field--wide,.hs-payment-wide{grid-column:auto}.hs-dashboard-stats{grid-template-columns:1fr 1fr}.hs-dashboard-head,.hs-student-account__head,.hs-inbox__head{flex-direction:column}.hs-conversation-list{grid-template-columns:1fr}.hs-message{max-width:90%}.hs-reply-form{grid-template-columns:1fr}.hs-reply-form button{min-height:44px}.hocasec-selected-teacher,.hocasec-message-login{align-items:flex-start;flex-direction:column}.hs-payment-summary{grid-template-columns:1fr}.hs-teacher-card__footer{align-items:flex-start;flex-direction:column}.hs-site-footer{padding-left:16px;padding-right:16px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hs-button:hover,.hs-plan-button:hover,.hs-account-button:hover,.hs-portal-submit:hover,.hocasec-submit:hover,.hs-teacher-card:hover{transform:none}} /* Gutenberg-authored public pages */ .hs-home-section{max-width:1180px;margin:0 auto;padding:62px 22px}.hs-home-section>h2{margin:6px 0 24px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em}.hs-feature-grid{gap:16px}.hs-feature-grid>.wp-block-column{padding:24px;border:1px solid var(--hs-border);border-radius:var(--hs-radius);background:linear-gradient(180deg,rgba(24,17,39,.9),rgba(14,9,24,.9));box-shadow:0 14px 35px rgba(0,0,0,.15)}.hs-feature-grid h3{margin-top:0}.hs-feature-grid p{color:var(--hs-muted)}.hs-info-page{max-width:900px;margin:0 auto;padding:72px 22px}.hs-info-page>h1{margin:.2em 0 .35em;font-size:clamp(2.2rem,5vw,4.3rem);letter-spacing:-.045em}.hs-info-page>p{color:var(--hs-muted);font-size:1.04rem}.hs-info-page h2{margin-top:2.1rem}.hs-info-page .wp-block-details{margin:10px 0;padding:17px 19px;border:1px solid var(--hs-border);border-radius:15px;background:#110b1a}.hs-info-page .wp-block-details summary{cursor:pointer;font-weight:800;color:#fff}.hs-info-page .wp-block-details p{color:var(--hs-muted)}.hs-legal-page{max-width:920px}.hs-legal-page h2{font-size:1.35rem}.hs-legal-page a{color:#dccbff} /* iyzico membership / payment page */ .hs-payment-panel{max-width:920px;margin:0 auto;padding:72px 22px}.hs-payment-panel>h1{margin:.2em 0 .4em;font-size:clamp(2.1rem,5vw,3.8rem);letter-spacing:-.04em}.hs-payment-panel>p{color:var(--hs-muted)}.hs-payment-notice{margin:18px 0;padding:14px 16px;border:1px solid var(--hs-border);border-radius:14px;background:#110b1a;color:#d9d0e5}.hs-payment-notice.is-success{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08);color:#c8f7e2}.hs-payment-notice.is-error{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08);color:#ffd2d2}.hs-payment-current{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:18px;border:1px solid rgba(139,92,246,.35);border-radius:18px;background:rgba(139,92,246,.08)}.hs-payment-current small,.hs-payment-current span{display:block;color:var(--hs-muted)}.hs-payment-current strong{display:block;margin:3px 0;font-size:1.3rem}.hs-payment-form{display:grid;gap:22px;margin-top:22px}.hs-payment-form fieldset{margin:0;padding:20px;border:1px solid var(--hs-border);border-radius:18px;background:#100a19}.hs-payment-form legend{padding:0 8px;font-weight:900}.hs-payment-help{margin:0 0 14px;color:var(--hs-muted);font-size:.88rem}.hs-payment-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hs-payment-plan{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--hs-border);border-radius:14px;background:#161020;cursor:pointer}.hs-payment-plan:has(input:checked){border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}.hs-payment-plan input{width:18px!important;min-height:auto!important;height:18px}.hs-payment-plan span{display:flex;flex:1;justify-content:space-between;gap:10px}.hs-payment-plan small{color:var(--hs-muted)}.hs-payment-checkout{max-width:980px}.hs-iyzico-checkout{margin-top:22px;padding:18px;border-radius:18px;background:#fff;color:#111;overflow:hidden} /* Profile image control */ .hs-portal-form input[type=file]{padding:10px;line-height:1.2}.hs-portal-form input[type=file]::file-selector-button{margin-right:10px;padding:8px 11px;border:0;border-radius:9px;background:#2b1b42;color:#fff;cursor:pointer} @media(max-width:640px){.hs-home-section,.hs-info-page,.hs-payment-panel{padding-left:16px;padding-right:16px}.hs-feature-grid{display:grid!important;grid-template-columns:1fr}.hs-payment-plan-grid{grid-template-columns:1fr}.hs-payment-current{align-items:flex-start;flex-direction:column}.hs-payment-current form,.hs-payment-current .hs-button{width:100%}} /* HocaSeç 2.1.0 — canonical premium home and FSE repair design. */ .hs-site-header__inner{position:relative;max-width:1180px;margin-inline:auto} .hs-brand-wrap{position:relative;align-items:center} .hs-brand-wrap::before{content:"H";display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px 12px 12px 5px;background:linear-gradient(145deg,#a879ff,#6d28d9);color:#fff;font-size:18px;font-weight:900;box-shadow:0 0 30px rgba(139,92,246,.24)} .hs-brand-wrap:has(.wp-block-site-logo img)::before{display:none} .hs-brand-wrap .wp-block-site-title{font-size:1.28rem!important} .hs-brand-wrap .wp-block-site-title a{font-weight:850;letter-spacing:-.035em} .hs-brand-wrap .wp-block-site-title a::first-letter{color:#fff} .hs-home-hero{position:relative;overflow:hidden;margin:0!important;padding:74px 22px 62px;background:radial-gradient(circle at 76% 36%,rgba(139,92,246,.28),transparent 28%),radial-gradient(circle at 10% 10%,rgba(103,58,183,.14),transparent 31%),linear-gradient(135deg,#0a0611 0%,#160a25 55%,#22103a 100%);border-bottom:1px solid rgba(190,165,255,.10)} .hs-home-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(204,184,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(204,184,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 95%)} .hs-home-hero::after{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-240px;border:1px solid rgba(183,154,255,.14);border-radius:50%;background:radial-gradient(circle,rgba(137,82,247,.10),transparent 64%);pointer-events:none} .hs-home-hero__grid{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:68px;align-items:center;margin-top:0!important;margin-bottom:0!important} .hs-home-hero__copy,.hs-home-hero__visual{min-width:0} .hs-home-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#d0c0ff;font-size:.74rem;font-weight:850;letter-spacing:.105em;text-transform:uppercase} .hs-home-eyebrow span{display:inline-block;width:26px;height:3px;background:#76e7b6;border-radius:99px;box-shadow:0 0 18px rgba(118,231,182,.24)} .hs-home-title{max-width:700px;margin:0!important;color:#fbfaff;font-size:clamp(3rem,5.2vw,5.15rem)!important;line-height:.99!important;letter-spacing:-.057em!important;font-weight:830!important} .hs-home-title span{display:inline-block;margin-top:.13em;background:linear-gradient(90deg,#eadfff,#a984ff 70%,#d2c2ff);-webkit-background-clip:text;background-clip:text;color:transparent} .hs-home-lead{max-width:670px;margin:26px 0 0!important;color:#bdb2ca;font-size:1.03rem;line-height:1.72} .hs-home-hero .hs-search-block{max-width:none;margin:28px 0 0;padding:10px;border-color:rgba(190,164,255,.20);border-radius:16px;background:rgba(21,12,34,.92);box-shadow:0 24px 68px rgba(4,1,10,.42)} .hs-home-hero .hs-teacher-search{grid-template-columns:1.15fr 1fr 1.08fr auto;gap:0} .hs-home-hero .hs-field{gap:2px;padding:3px 11px;border-right:1px solid rgba(191,168,255,.14)} .hs-home-hero .hs-field label{color:#9f93ad;font-size:.65rem;letter-spacing:.035em;text-transform:uppercase} .hs-home-hero .hs-search-select__trigger{min-height:38px;padding:5px 28px 5px 0;border:0;border-radius:0;background:transparent;box-shadow:none!important;font-size:.83rem;font-weight:700} .hs-home-hero .hs-search-select__trigger:after{right:2px} .hs-home-hero .hs-search-submit{min-height:48px;margin-left:10px;padding-inline:19px;border-radius:11px;font-size:.84rem} .hs-home-proof{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 0!important;color:#c4b9d1;font-size:.83rem;font-weight:620} .hs-home-proof span::first-letter{color:#76e7b6} .hs-home-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0 0!important;padding-top:20px;border-top:1px solid rgba(191,168,255,.14)} .hs-home-metrics>.wp-block-column{padding-right:18px} .hs-home-metrics h3{margin:0 0 2px!important;color:#d8c8ff;font-size:1rem!important} .hs-home-metrics p{margin:0!important;color:#91859f;font-size:.71rem;line-height:1.45} .hs-home-showcase{position:relative;min-height:520px;display:grid;place-items:center} .hs-home-showcase::before{content:"";position:absolute;width:95%;height:90%;border-radius:46% 54% 42% 58% / 60% 42% 58% 40%;background:radial-gradient(circle at 60% 24%,rgba(231,221,255,.12),transparent 22%),linear-gradient(145deg,rgba(135,74,234,.32),rgba(51,22,86,.22));border:1px solid rgba(194,170,255,.14);box-shadow:inset 0 0 110px rgba(218,202,255,.04),0 36px 100px rgba(4,1,10,.30);animation:hs-home-blob 13s ease-in-out infinite alternate} .hs-home-showcase__frame{position:relative;z-index:5;width:min(88%,500px);margin-top:38px;padding:14px;border:1px solid rgba(213,195,255,.26);border-radius:42px 42px 24px 24px;background:radial-gradient(circle at 90% 8%,rgba(157,105,248,.14),transparent 30%),linear-gradient(155deg,rgba(25,13,41,.95),rgba(12,7,21,.95));box-shadow:0 34px 100px rgba(4,1,10,.48);backdrop-filter:blur(22px);animation:hs-home-breathe 7s ease-in-out infinite} .hs-home-showcase__head{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 9px 10px;color:#cfc1df;font-size:.64rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase} .hs-home-showcase__head>span{display:inline-flex;align-items:center;gap:9px}.hs-home-showcase__head i{width:8px;height:8px;border-radius:50%;background:#76e7b6;box-shadow:0 0 0 6px rgba(118,231,182,.08),0 0 22px rgba(118,231,182,.46);animation:hs-home-pulse 1.8s ease-in-out infinite}.hs-home-showcase__head small{color:#897b99;font-size:.60rem;font-weight:650;letter-spacing:0;text-transform:none} .hs-home-showcase__slides{position:relative;min-height:330px} .hs-home-pro-card{position:absolute;visibility:hidden;inset:0;display:flex;flex-direction:column;overflow:hidden;padding:24px;color:#f9f6ff!important;text-decoration:none!important;background:radial-gradient(circle at 94% 0%,rgba(156,107,248,.18),transparent 34%),linear-gradient(145deg,rgba(37,19,59,.98),rgba(20,11,33,.98));border:1px solid rgba(208,185,255,.18);border-radius:30px 30px 16px 16px;opacity:0;pointer-events:none;transform:translate3d(30px,0,0) scale(.965);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .55s;box-shadow:inset 0 1px rgba(255,255,255,.06)} .hs-home-pro-card.is-active{visibility:visible;z-index:2;opacity:1;pointer-events:auto;transform:none} .hs-home-pro-card__top{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px} .hs-home-pro-card__avatar{display:grid;place-items:center;overflow:hidden;width:92px;height:102px;border-radius:22px;background:linear-gradient(145deg,#a878ff,#6d28d9);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:28px;font-weight:900;box-shadow:0 18px 42px rgba(18,5,35,.34)} .hs-home-pro-card__avatar img{width:100%;height:100%;object-fit:cover}.hs-home-pro-card__badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:9px}.hs-home-pro-badge,.hs-home-verified-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:.55rem;font-weight:900}.hs-home-pro-badge{color:#241036;background:linear-gradient(135deg,#e4d5ff,#aa7bff);letter-spacing:.075em}.hs-home-verified-badge{color:#8df0c7;background:rgba(118,231,182,.09);border:1px solid rgba(118,231,182,.12)} .hs-home-pro-card__identity h2{overflow:hidden;margin:0 0 4px;color:#fff;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.08;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.hs-home-pro-card__identity p{overflow:hidden;margin:0;color:#b8abc6;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.hs-home-pro-card--empty .hs-home-pro-card__identity p{overflow:visible;white-space:normal} .hs-home-pro-card__facts{display:grid;grid-template-columns:.82fr .88fr 1.3fr;gap:12px;padding:20px 0;margin-top:20px;border-top:1px solid rgba(207,183,255,.11);border-bottom:1px solid rgba(207,183,255,.11)}.hs-home-pro-card__facts span{display:flex;min-width:0;flex-direction:column;gap:4px}.hs-home-pro-card__facts small{color:#81748f;font-size:.52rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.hs-home-pro-card__facts strong{overflow:hidden;color:#eee8f7;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.hs-home-pro-card__footer{display:flex;align-items:flex-end;justify-content:space-between;min-height:55px;margin-top:auto;gap:16px}.hs-home-pro-card__footer strong{color:#d8c5ff;font-size:.80rem}.hs-home-pro-card__footer span{color:#83ebc0;font-size:.70rem;font-weight:780;white-space:nowrap} .hs-home-showcase__dots{display:flex;align-items:center;justify-content:center;min-height:34px;padding:10px 6px 0;gap:7px}.hs-home-showcase__dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(209,188,255,.25);cursor:pointer;transition:width .3s ease,background .3s ease}.hs-home-showcase__dots button.is-active{width:30px;background:linear-gradient(90deg,#a675ff,#76e7b6);box-shadow:0 0 18px rgba(156,109,246,.28)} .hs-home-showcase__orbit{position:absolute;z-index:7;inset:0;pointer-events:none}.hs-orbit-symbol{position:absolute;z-index:8;display:grid;place-items:center;width:54px;height:54px;color:#eee7ff;background:linear-gradient(145deg,rgba(53,26,83,.98),rgba(16,8,27,.96));border:1px solid rgba(218,200,255,.31);border-radius:17px 17px 10px 17px;box-shadow:0 18px 42px rgba(5,1,12,.35);font-size:1.2rem;font-weight:900}.hs-orbit-symbol--sum{top:20px;left:48%}.hs-orbit-symbol--language{top:43%;right:0}.hs-orbit-symbol--pi{right:6%;bottom:0}.hs-orbit-symbol--book{left:0;top:44%} .hs-home-trust{padding:24px 22px;background:#0b0712;border-bottom:1px solid rgba(191,166,255,.10)} .hs-home-trust__grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0!important}.hs-home-trust__grid>.wp-block-column{padding:8px 22px;border-right:1px solid rgba(191,166,255,.11)}.hs-home-trust__grid>.wp-block-column:first-child{padding-left:0}.hs-home-trust__grid>.wp-block-column:last-child{border-right:0}.hs-home-trust h3{margin:0!important;color:#f8f5ff;font-size:.90rem!important}.hs-home-trust p{margin:3px 0 0!important;color:#9f93ad;font-size:.73rem} .hs-home-section{padding-top:70px;padding-bottom:70px}.hs-home-section>h2{max-width:760px}.hs-subject-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hs-subject-cards>.wp-block-column{padding:20px;border:1px solid rgba(190,165,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(25,14,40,.97),rgba(14,8,23,.97));box-shadow:0 18px 54px rgba(4,1,10,.24)}.hs-subject-cards h3{margin:0 0 6px!important;font-size:1rem!important}.hs-subject-cards p{margin:0 0 8px!important;color:var(--hs-muted);font-size:.82rem}.hs-subject-cards a{color:#cbb8ff;text-decoration:none;font-weight:750}.hs-home-cta{max-width:1180px;margin:0 auto!important;padding:0 22px 74px} .hs-thanks{position:relative;margin-top:34px;margin-bottom:34px;padding:86px 26px;border:1px solid rgba(139,92,246,.22);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.20),transparent 38%),linear-gradient(145deg,#120b1e,#0c0813);box-shadow:0 28px 85px rgba(0,0,0,.32)} .hs-thanks__icon{box-shadow:0 0 36px rgba(52,211,153,.14)} @keyframes hs-home-blob{0%{border-radius:42% 58% 48% 52% / 56% 40% 60% 44%;transform:rotate(-1deg)}50%{border-radius:53% 47% 58% 42% / 44% 57% 43% 56%}100%{border-radius:46% 54% 42% 58% / 60% 42% 58% 40%;transform:translate3d(6px,-8px,0) rotate(2deg)}} @keyframes hs-home-breathe{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}} @keyframes hs-home-pulse{0%,100%{opacity:.7;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}} @media(max-width:1080px){.hs-home-hero__grid{grid-template-columns:1fr;gap:38px}.hs-home-hero__visual{width:min(100%,650px);margin-inline:auto}.hs-home-showcase{min-height:500px}.hs-home-title{max-width:760px}.hs-home-hero .hs-search-block{max-width:760px}.hs-subject-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-home-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-home-trust__grid>.wp-block-column{border-bottom:1px solid rgba(191,166,255,.11)}.hs-home-trust__grid>.wp-block-column:nth-child(2n){border-right:0}} @media(max-width:782px){.hs-home-hero{padding-top:54px}.hs-brand-wrap::before{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:16px}.hs-brand-wrap .wp-block-site-title{font-size:1.12rem!important}.hs-home-showcase__frame{width:min(92%,500px)}.hs-orbit-symbol{width:46px;height:46px;font-size:1rem}.hs-home-hero .hs-teacher-search{grid-template-columns:1fr 1fr;gap:9px}.hs-home-hero .hs-field{border-right:0}.hs-home-hero .hs-search-select__trigger{min-height:44px;padding:7px 36px 7px 11px;border:1px solid var(--hs-border);border-radius:11px;background:#161020}.hs-home-hero .hs-search-select__trigger:after{right:12px}.hs-home-hero .hs-search-submit{grid-column:1/-1;margin-left:0}.hs-home-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-home-trust__grid>.wp-block-column:first-child{padding-left:22px}} @media(max-width:640px){.hs-home-hero{padding:46px 16px 40px}.hs-home-title{font-size:clamp(2.55rem,13vw,4rem)!important}.hs-home-lead{font-size:.96rem}.hs-home-proof{gap:10px}.hs-home-proof span{font-size:.76rem}.hs-home-metrics{grid-template-columns:1fr;gap:11px}.hs-home-metrics>.wp-block-column{padding:0}.hs-home-showcase{min-height:475px}.hs-home-showcase__frame{width:calc(100% - 18px);margin-top:34px;padding:11px;border-radius:32px 32px 22px 22px}.hs-home-showcase__slides{min-height:355px}.hs-home-pro-card{padding:19px}.hs-home-pro-card__top{grid-template-columns:74px minmax(0,1fr);gap:13px}.hs-home-pro-card__avatar{width:74px;height:86px;border-radius:18px}.hs-home-pro-card__facts{grid-template-columns:1fr 1fr}.hs-home-pro-card__facts span:last-child{grid-column:1/-1}.hs-home-pro-card__footer{align-items:flex-start;flex-direction:column;gap:5px}.hs-orbit-symbol{width:42px;height:42px}.hs-home-trust{padding-left:16px;padding-right:16px}.hs-home-trust__grid,.hs-subject-cards{grid-template-columns:1fr}.hs-home-trust__grid>.wp-block-column{border-right:0}.hs-home-section{padding-top:52px;padding-bottom:52px}.hs-home-cta{padding-left:16px;padding-right:16px}} @media(prefers-reduced-motion:reduce){.hs-home-showcase::before,.hs-home-showcase__frame,.hs-home-showcase__head i{animation:none!important}.hs-home-pro-card{transition:none!important}} /* ========================================================================== HocaSeç 2.2.1 — resilient premium homepage / cache-safe release ========================================================================== */ body{overflow-x:hidden} .hs-main--home{padding:0!important;max-width:none!important} .hs-main--home>.wp-block-post-content,.hs-main--home .wp-block-post-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .hs-main--home .alignfull{max-width:none!important} /* Header: keep one clean navigation row on desktop. */ .hs-site-header{background:rgba(8,5,14,.94);border-bottom:1px solid rgba(206,184,255,.10);box-shadow:0 10px 34px rgba(0,0,0,.16)} .hs-site-header__inner{width:min(100%,1221px);min-height:78px;margin-inline:auto;padding-inline:20px!important} .hs-brand-wrap{flex:0 0 auto} .hs-brand-wrap .wp-block-site-title{white-space:nowrap} .hs-account-nav{min-width:0} .hs-account-nav__links{justify-content:flex-end;flex-wrap:nowrap} .hs-account-nav__link,.hs-account-nav__language-trigger{white-space:nowrap} /* Hero: matches the cleaner older HocaSeç visual while retaining Gutenberg editability. */ .hs-home-hero{position:relative;isolation:isolate;overflow:hidden;margin:0!important;padding:76px 22px 68px!important;background: radial-gradient(circle at 78% 35%,rgba(128,73,224,.28),transparent 30%), radial-gradient(circle at 12% 0%,rgba(96,54,164,.14),transparent 30%), linear-gradient(135deg,#09060f 0%,#12091f 52%,#201035 100%)!important;border-bottom:1px solid rgba(198,174,255,.10)} .hs-home-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(212,194,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(212,194,255,.038) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 68%,transparent 100%);pointer-events:none} .hs-home-hero::after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-250px;bottom:-360px;border:1px solid rgba(203,183,255,.13);border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.10),transparent 64%);pointer-events:none} .hs-home-hero__grid{width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;gap:66px!important;align-items:center!important} .hs-home-hero__copy,.hs-home-hero__visual{width:auto!important;min-width:0!important;flex-basis:auto!important} .hs-home-hero__copy{position:relative;z-index:3} .hs-home-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 23px!important;color:#c7b9dd!important;font-size:.72rem!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase} .hs-home-eyebrow span{display:inline-block;width:26px;height:3px;border-radius:999px;background:linear-gradient(90deg,#5ee2af,#8b5cf6);box-shadow:0 0 18px rgba(94,226,175,.28)} .hs-home-title{max-width:700px!important;margin:0!important;color:#fff!important;font-size:clamp(3.5rem,5.2vw,5.25rem)!important;font-weight:850!important;line-height:.96!important;letter-spacing:-.059em!important;text-wrap:balance} .hs-home-title span{display:inline-block;margin-top:.12em;background:linear-gradient(92deg,#f0e8ff 0%,#b894ff 56%,#d4c4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .hs-home-lead{max-width:690px;margin:27px 0 0!important;color:#b8adca!important;font-size:1.05rem!important;line-height:1.72!important} /* Search: 3 filters + 1 button, no collisions. */ .hs-home-hero .hs-search-block{position:relative;z-index:20;width:100%;max-width:none!important;margin:30px 0 0!important;padding:10px!important;border:1px solid rgba(198,174,255,.20)!important;border-radius:17px!important;background:rgba(18,10,30,.94)!important;box-shadow:0 24px 70px rgba(4,1,10,.38)!important;overflow:visible!important} .hs-home-hero .hs-teacher-search{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.06fr) auto!important;gap:0!important;align-items:stretch!important} .hs-home-hero .hs-field{display:grid!important;grid-template-rows:auto 1fr;min-width:0;padding:3px 12px!important;border-right:1px solid rgba(193,168,255,.14)} .hs-home-hero .hs-field label{margin:0 0 2px;color:#9689a7!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase} .hs-home-hero .hs-search-select{min-width:0} .hs-home-hero .hs-search-select__trigger{width:100%!important;min-height:39px!important;padding:5px 30px 5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f8f5ff!important;box-shadow:none!important;font-size:.84rem!important;font-weight:750!important} .hs-home-hero .hs-search-select__trigger::after{right:1px!important;color:#b7a6cf} .hs-home-hero .hs-search-submit{align-self:stretch;min-height:50px!important;margin-left:10px!important;padding:0 20px!important;border-radius:11px!important;background:linear-gradient(135deg,#965cff,#7335df 62%,#8f38d4)!important;box-shadow:0 11px 28px rgba(120,57,224,.26)!important;font-size:.83rem!important;font-weight:850!important} .hs-home-hero .hs-search-submit:hover{filter:brightness(1.08);transform:translateY(-1px)} .hs-home-hero .hs-search-select__panel{z-index:400!important;top:calc(100% + 8px)!important;bottom:auto!important;max-height:min(380px,55vh)!important;background:#171020!important;border-color:#4b3868!important;box-shadow:0 26px 70px rgba(0,0,0,.58)!important} .hs-home-proof{display:flex!important;flex-wrap:wrap;gap:16px!important;margin:19px 0 0!important;color:#b8adca!important;font-size:.78rem!important} .hs-home-proof span{display:inline-flex;align-items:center;gap:5px;padding:0!important;border:0!important;background:none!important} .hs-home-proof span::first-letter{color:#6be1b2} .hs-home-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:26px 0 0!important;padding-top:22px!important;border-top:1px solid rgba(196,173,250,.14)} .hs-home-metrics>.wp-block-column{min-width:0!important;padding:0 20px 0 0!important} .hs-home-metrics h3{margin:0 0 3px!important;color:#dbcaff!important;font-size:1.05rem!important;font-weight:850!important} .hs-home-metrics p{margin:0!important;color:#8f849e!important;font-size:.70rem!important;line-height:1.45!important} /* Right-side Pro showcase. */ .hs-home-hero__visual{position:relative;z-index:2} .hs-home-showcase{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;min-height:520px!important} .hs-home-showcase::before{content:"";position:absolute;width:96%;height:90%;border:1px solid rgba(200,178,255,.14);border-radius:47% 53% 44% 56%/58% 43% 57% 42%;background:radial-gradient(circle at 65% 22%,rgba(232,221,255,.10),transparent 22%),linear-gradient(145deg,rgba(129,71,223,.30),rgba(49,22,82,.18));box-shadow:inset 0 0 110px rgba(221,205,255,.04),0 38px 105px rgba(4,1,10,.32);animation:hs-home-blob 14s ease-in-out infinite alternate} .hs-home-showcase__frame{position:relative!important;z-index:5!important;width:min(88%,500px)!important;margin-top:38px!important;padding:14px!important;border:1px solid rgba(214,197,255,.27)!important;border-radius:41px 41px 24px 24px!important;background:radial-gradient(circle at 90% 8%,rgba(158,106,249,.14),transparent 30%),linear-gradient(155deg,rgba(25,13,41,.96),rgba(12,7,21,.97))!important;box-shadow:0 34px 100px rgba(4,1,10,.48)!important;backdrop-filter:blur(18px)} .hs-home-showcase__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:40px!important;padding:0 9px 10px!important;color:#c9bcd8!important;font-size:.63rem!important;font-weight:850!important;letter-spacing:.05em!important;text-transform:uppercase} .hs-home-showcase__head>span{display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:0} .hs-home-showcase__head i{display:inline-block!important;flex:0 0 8px;width:8px!important;height:8px!important;border-radius:50%!important;background:#6fe4b6!important;box-shadow:0 0 0 6px rgba(111,228,182,.07),0 0 20px rgba(111,228,182,.45)!important} .hs-home-showcase__head small{flex:0 0 auto;color:#897d97!important;font-size:.59rem!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important} .hs-home-showcase__slides{position:relative!important;min-height:330px!important} .hs-home-pro-card{position:absolute!important;visibility:hidden!important;inset:0!important;display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:hidden!important;padding:24px!important;color:#f9f6ff!important;text-decoration:none!important;background:radial-gradient(circle at 95% 0%,rgba(157,106,249,.18),transparent 34%),linear-gradient(145deg,rgba(37,19,59,.99),rgba(20,11,33,.99))!important;border:1px solid rgba(208,185,255,.18)!important;border-radius:30px 30px 16px 16px!important;opacity:0!important;pointer-events:none!important;transform:translate3d(26px,0,0) scale(.975)!important;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1),visibility .5s!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important} .hs-home-pro-card.is-active{visibility:visible!important;z-index:2!important;opacity:1!important;pointer-events:auto!important;transform:none!important} .hs-home-pro-card__top{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:18px!important} .hs-home-pro-card__avatar{display:grid!important;place-items:center!important;overflow:hidden!important;width:92px!important;height:102px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:linear-gradient(145deg,#a979ff,#6f2be0)!important;color:#fff!important;font-size:27px!important;font-weight:900!important;box-shadow:0 18px 42px rgba(18,5,35,.34)!important} .hs-home-pro-card__avatar img{width:100%!important;height:100%!important;object-fit:cover!important} .hs-home-pro-card__identity{min-width:0!important} .hs-home-pro-card__badges{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:9px!important} .hs-home-pro-badge,.hs-home-verified-badge{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;font-size:.55rem!important;font-weight:900!important;line-height:1!important} .hs-home-pro-badge{color:#251038!important;background:linear-gradient(135deg,#e4d5ff,#aa7bff)!important;letter-spacing:.07em!important} .hs-home-verified-badge{color:#8df0c7!important;background:rgba(118,231,182,.09)!important;border:1px solid rgba(118,231,182,.12)!important} .hs-home-pro-card__identity h2{overflow:hidden!important;margin:0 0 5px!important;color:#fff!important;font-size:clamp(1.35rem,2vw,1.72rem)!important;line-height:1.08!important;letter-spacing:-.037em!important;text-overflow:ellipsis!important;white-space:nowrap!important} .hs-home-pro-card__identity p{overflow:hidden!important;margin:0!important;color:#b8abc6!important;font-size:.77rem!important;line-height:1.55!important;text-overflow:ellipsis!important;white-space:nowrap!important} .hs-home-pro-card--empty .hs-home-pro-card__identity p{overflow:visible!important;white-space:normal!important} .hs-home-pro-card__facts{display:grid!important;grid-template-columns:.82fr .9fr 1.28fr!important;gap:12px!important;padding:20px 0!important;margin-top:20px!important;border-top:1px solid rgba(207,183,255,.11)!important;border-bottom:1px solid rgba(207,183,255,.11)!important} .hs-home-pro-card__facts span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important} .hs-home-pro-card__facts small{color:#81748f!important;font-size:.52rem!important;font-weight:780!important;letter-spacing:.04em!important;text-transform:uppercase!important} .hs-home-pro-card__facts strong{overflow:hidden!important;color:#eee8f7!important;font-size:.72rem!important;text-overflow:ellipsis!important;white-space:nowrap!important} .hs-home-pro-card__footer{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;min-height:55px!important;margin-top:auto!important;gap:16px!important} .hs-home-pro-card__footer strong{color:#d8c5ff!important;font-size:.80rem!important} .hs-home-pro-card__footer span{color:#7ce7b7!important;font-size:.70rem!important;font-weight:800!important;white-space:nowrap!important} .hs-home-showcase__orbit{position:absolute!important;z-index:7!important;inset:0!important;pointer-events:none!important} .hs-orbit-symbol{position:absolute!important;z-index:8!important;display:grid!important;place-items:center!important;width:54px!important;height:54px!important;border:1px solid rgba(218,200,255,.30)!important;border-radius:17px 17px 10px 17px!important;background:linear-gradient(145deg,rgba(53,26,83,.98),rgba(16,8,27,.96))!important;color:#eee7ff!important;box-shadow:0 18px 42px rgba(5,1,12,.35)!important;font-size:1.16rem!important;font-weight:900!important} .hs-orbit-symbol--sum{top:20px!important;left:48%!important}.hs-orbit-symbol--language{top:43%!important;right:0!important;color:#70e2b2!important}.hs-orbit-symbol--pi{right:6%!important;bottom:0!important}.hs-orbit-symbol--book{left:0!important;top:44%!important} /* 2.2.6: animated orbit around the Pro showcase. The orbit turns as one unit while each symbol counter-rotates, so the badges travel around the card but stay readable. */ .hs-home-showcase__orbit{ transform-origin:50% 50%!important; animation:hs-showcase-orbit 24s linear infinite!important; will-change:transform; } .hs-orbit-symbol{ transform-origin:50% 50%!important; animation:hs-showcase-orbit-counter 24s linear infinite!important; will-change:transform; transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important; } .hs-home-showcase:hover .hs-orbit-symbol{ border-color:rgba(218,200,255,.46)!important; box-shadow:0 20px 46px rgba(5,1,12,.42),0 0 22px rgba(150,105,246,.10)!important; } @keyframes hs-showcase-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes hs-showcase-orbit-counter{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}} /* Lower homepage: cleaner hierarchy and more card-like separation. */ .hs-home-trust{margin:0!important;padding:26px 22px!important;background:#0b0712!important;border-top:1px solid rgba(191,166,255,.07)!important;border-bottom:1px solid rgba(191,166,255,.10)!important} .hs-home-trust__grid{width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important} .hs-home-trust__grid>.wp-block-column{min-width:0!important;padding:10px 24px!important;border-right:1px solid rgba(191,166,255,.11)!important} .hs-home-trust__grid>.wp-block-column:first-child{padding-left:0!important}.hs-home-trust__grid>.wp-block-column:last-child{border-right:0!important} .hs-home-trust h3{margin:0 0 5px!important;color:#f8f5ff!important;font-size:.90rem!important}.hs-home-trust p{margin:0!important;color:#978bA6!important;font-size:.73rem!important;line-height:1.55!important} .hs-home-section{width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important;padding:72px 22px!important} .hs-home-section>.hs-kicker{margin-bottom:10px!important} .hs-home-section>h2{max-width:760px!important;margin:0 0 28px!important;font-size:clamp(2rem,4vw,3.25rem)!important;line-height:1.06!important;letter-spacing:-.043em!important} .hs-subject-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important} .hs-subject-cards>.wp-block-column,.hs-feature-grid>.wp-block-column{min-width:0!important;padding:23px!important;border:1px solid rgba(190,165,255,.14)!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.08),transparent 38%),linear-gradient(145deg,rgba(25,14,40,.98),rgba(14,8,23,.98))!important;box-shadow:0 18px 54px rgba(4,1,10,.22)!important;transition:transform .22s ease,border-color .22s ease,background .22s ease!important} .hs-subject-cards>.wp-block-column:hover,.hs-feature-grid>.wp-block-column:hover{transform:translateY(-3px)!important;border-color:rgba(182,145,255,.32)!important} .hs-subject-cards h3,.hs-feature-grid h3{margin:0 0 8px!important;color:#fff!important;font-size:1.02rem!important} .hs-subject-cards p,.hs-feature-grid p{margin:0 0 9px!important;color:#a99eb8!important;font-size:.82rem!important;line-height:1.55!important} .hs-subject-cards a{color:#cfbbff!important;text-decoration:none!important;font-weight:800!important} .hs-home-cta{width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important;padding:0 22px 82px!important} .hs-home-cta .hs-cta-band{padding:38px!important;border-color:rgba(153,105,255,.28)!important;border-radius:26px!important;background:radial-gradient(circle at 18% 0%,rgba(139,92,246,.24),transparent 45%),linear-gradient(145deg,#130b21,#0d0816)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important} .hs-home-cta .wp-block-button__link{min-height:48px;padding:12px 18px!important;border-radius:13px!important;font-weight:850!important} /* Inner pages / thank-you: polished but restrained. */ .hs-page-shell,.hs-info-page{width:min(100%,940px)!important;margin-inline:auto!important} .hs-thanks{width:min(calc(100% - 32px),760px)!important;margin:44px auto!important;padding:82px 28px!important} .hs-thanks h1{text-wrap:balance} /* Desktop/tablet stability. */ @media(max-width:1180px){ .hs-home-hero__grid{gap:44px!important} .hs-home-title{font-size:clamp(3.2rem,5.3vw,4.75rem)!important} .hs-home-showcase__frame{width:min(92%,480px)!important} } @media(max-width:1080px){ .hs-home-hero{padding-top:62px!important} .hs-home-hero__grid{grid-template-columns:1fr!important;gap:42px!important} .hs-home-hero__copy{max-width:780px;margin-inline:auto} .hs-home-title{max-width:760px!important} .hs-home-hero .hs-search-block{max-width:780px!important} .hs-home-hero__visual{width:min(100%,650px)!important;margin-inline:auto!important} .hs-home-showcase{min-height:500px!important} .hs-home-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .hs-home-trust__grid>.wp-block-column{border-bottom:1px solid rgba(191,166,255,.11)!important} .hs-home-trust__grid>.wp-block-column:nth-child(2n){border-right:0!important} .hs-subject-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:782px){ body.admin-bar .hs-site-header{top:46px} .hs-site-header__inner{min-height:68px;padding-inline:16px!important} .hs-home-hero{padding:50px 16px 48px!important} .hs-home-title{font-size:clamp(2.65rem,12vw,4.1rem)!important} .hs-home-lead{font-size:.97rem!important} .hs-home-hero .hs-teacher-search{grid-template-columns:1fr 1fr!important;gap:9px!important} .hs-home-hero .hs-field{padding:0!important;border-right:0!important} .hs-home-hero .hs-search-select__trigger{min-height:46px!important;padding:7px 36px 7px 11px!important;border:1px solid var(--hs-border)!important;border-radius:11px!important;background:#161020!important} .hs-home-hero .hs-search-select__trigger::after{right:12px!important} .hs-home-hero .hs-search-submit{grid-column:1/-1!important;margin-left:0!important;min-height:48px!important} .hs-home-proof{gap:10px 14px!important} .hs-home-showcase__frame{width:min(92%,500px)!important} .hs-orbit-symbol{width:46px!important;height:46px!important;font-size:1rem!important} .hs-home-trust__grid>.wp-block-column:first-child{padding-left:24px!important} .hs-cta-band{align-items:flex-start!important;flex-direction:column!important} } @media(max-width:600px){ .hs-home-showcase__orbit,.hs-orbit-symbol{animation-duration:30s!important} .hs-home-hero{padding-top:42px!important} .hs-home-eyebrow{font-size:.65rem!important;margin-bottom:18px!important} .hs-home-title{font-size:clamp(2.55rem,13.2vw,3.55rem)!important;line-height:.98!important} .hs-home-lead{margin-top:20px!important;line-height:1.62!important} .hs-home-hero .hs-search-block{margin-top:24px!important;padding:11px!important} .hs-home-hero .hs-teacher-search{grid-template-columns:1fr!important;gap:9px!important} .hs-home-hero .hs-search-submit{grid-column:auto!important} .hs-home-proof{font-size:.74rem!important} .hs-home-metrics{grid-template-columns:1fr!important;gap:12px!important;padding-top:17px!important} .hs-home-metrics>.wp-block-column{padding:0!important} .hs-home-metrics p{font-size:.72rem!important} .hs-home-showcase{min-height:455px!important} .hs-home-showcase__frame{width:calc(100% - 18px)!important;margin-top:32px!important;padding:10px!important;border-radius:30px 30px 20px 20px!important} .hs-home-showcase__head{padding-inline:7px!important} .hs-home-showcase__slides{min-height:348px!important} .hs-home-pro-card{padding:18px!important;border-radius:24px 24px 14px 14px!important} .hs-home-pro-card__top{grid-template-columns:72px minmax(0,1fr)!important;gap:13px!important} .hs-home-pro-card__avatar{width:72px!important;height:84px!important;border-radius:18px!important} .hs-home-pro-card__identity h2{font-size:1.25rem!important} .hs-home-pro-card__facts{grid-template-columns:1fr 1fr!important;gap:10px!important} .hs-home-pro-card__facts span:last-child{grid-column:1/-1!important} .hs-home-pro-card__footer{align-items:flex-start!important;flex-direction:column!important;gap:5px!important} .hs-orbit-symbol{width:40px!important;height:40px!important;font-size:.9rem!important} .hs-home-trust{padding:10px 16px!important} .hs-home-trust__grid,.hs-subject-cards{grid-template-columns:1fr!important} .hs-home-trust__grid>.wp-block-column{padding:15px 0!important;border-right:0!important;border-bottom:1px solid rgba(191,166,255,.11)!important} .hs-home-trust__grid>.wp-block-column:first-child{padding-left:0!important}.hs-home-trust__grid>.wp-block-column:last-child{border-bottom:0!important} .hs-home-section{padding:54px 16px!important} .hs-home-section>h2{font-size:clamp(1.85rem,9vw,2.65rem)!important} .hs-home-cta{padding:0 16px 62px!important} .hs-home-cta .hs-cta-band{padding:26px!important} .hs-home-cta .wp-block-buttons{width:100%}.hs-home-cta .wp-block-button{flex:1 1 100%}.hs-home-cta .wp-block-button__link{width:100%} .hs-thanks{margin:24px auto!important;padding:58px 20px!important;border-radius:24px!important} } @media(prefers-reduced-motion:reduce){.hs-home-showcase::before,.hs-home-showcase__frame,.hs-home-showcase__orbit,.hs-orbit-symbol{animation:none!important}.hs-home-pro-card{transition:none!important}.hs-subject-cards>.wp-block-column,.hs-feature-grid>.wp-block-column{transition:none!important}} /* 2.2.1 signup chooser: progressive enhancement. The Üye Ol link still works as a normal link when JavaScript is unavailable. */ body.hs-modal-open{overflow:hidden} .hs-signup-modal[hidden]{display:none!important} .hs-signup-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px} .hs-signup-modal__backdrop{position:absolute;inset:0;background:rgba(4,2,10,.78);backdrop-filter:blur(8px)} .hs-signup-modal__dialog{position:relative;z-index:1;width:min(100%,640px);padding:32px;border:1px solid rgba(181,138,255,.25);border-radius:28px;background:linear-gradient(180deg,#161023 0%,#0f0a18 100%);box-shadow:0 32px 90px rgba(0,0,0,.55);color:#fff} .hs-signup-modal__dialog h2{margin:8px 42px 8px 0;font-size:clamp(28px,4vw,40px);line-height:1.05} .hs-signup-modal__dialog>p:not(.hs-kicker){margin:0 0 24px;color:var(--wp--preset--color--muted,#b9b0c8);line-height:1.65} .hs-signup-modal__close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#1f1630;color:#fff;font-size:28px;line-height:1;cursor:pointer} .hs-signup-modal__choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px} .hs-signup-modal__choice{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#171021;color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease} .hs-signup-modal__choice:hover,.hs-signup-modal__choice:focus-visible{transform:translateY(-2px);border-color:rgba(160,92,255,.7);background:#201431;outline:none} .hs-signup-modal__choice>span{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#a855f7);font-weight:900;font-size:20px} .hs-signup-modal__choice--teacher>span{background:linear-gradient(135deg,#8b5cf6,#5b21b6)} .hs-signup-modal__choice strong{font-size:17px} .hs-signup-modal__choice small{color:#b9b0c8} .hs-signup-modal__all{display:block;margin-top:18px;text-align:center;color:#c8a7ff;font-weight:700;text-decoration:none} .hs-signup-modal__all:hover{text-decoration:underline} html[dir="rtl"] .hs-signup-modal__dialog h2{margin-right:0;margin-left:42px} html[dir="rtl"] .hs-signup-modal__close{right:auto;left:18px} @media(max-width:620px){.hs-signup-modal{padding:14px;align-items:end}.hs-signup-modal__dialog{padding:26px 18px 20px;border-radius:24px}.hs-signup-modal__choices{grid-template-columns:1fr}.hs-signup-modal__dialog h2{font-size:30px}.hs-signup-modal__choice{padding:15px}} /* 2.2.3 homepage combobox fix Keep the reusable combobox unchanged everywhere else. On the homepage only, let the dropdown escape the hero, give the menu enough reading width, and keep it above the trust strip and following sections. */ .hs-home-hero{overflow:visible!important;z-index:12} .hs-home-hero .hs-home-hero__grid, .hs-home-hero .hs-home-hero__copy, .hs-home-hero .hs-search-block, .hs-home-hero .hs-teacher-search, .hs-home-hero .hs-field, .hs-home-hero .hs-search-select{overflow:visible!important} .hs-home-hero .hs-search-block{z-index:80!important} .hs-home-hero .hs-search-select{position:relative!important;z-index:1} .hs-home-hero .hs-search-select.is-open{z-index:1600!important} .hs-home-hero .hs-search-select__panel{ z-index:1700!important; left:0!important; right:auto!important; width:min(310px,calc(100vw - 32px))!important; min-width:max(100%,250px)!important; max-width:310px!important; max-height:min(390px,58vh)!important; overflow:hidden!important; } .hs-home-hero .hs-search-select__input{font-size:.88rem!important} .hs-home-hero .hs-search-select__options{max-height:min(300px,46vh)!important} .hs-home-hero .hs-search-select__option{ min-height:42px!important; padding:10px 12px!important; font-size:.92rem!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere!important; } .hs-home-hero .hs-field:nth-of-type(3) .hs-search-select__panel{left:auto!important;right:0!important} .hs-home-trust{position:relative;z-index:1} @media(max-width:782px){ .hs-home-hero .hs-search-select__panel{ width:min(300px,calc(100vw - 32px))!important; min-width:min(250px,calc(100vw - 32px))!important; } .hs-home-hero .hs-field:nth-of-type(even) .hs-search-select__panel{left:auto!important;right:0!important} } @media(max-width:600px){ .hs-home-hero .hs-search-select__panel{ left:0!important; right:auto!important; width:100%!important; min-width:100%!important; max-width:100%!important; } } /* 2.2.3 SEO-rich homepage sections. Every text element remains a native Gutenberg block; CSS supplies the premium visual rhythm so mobile never degenerates into a wall of plain paragraphs. */ .hs-seo-section{position:relative;padding:82px 22px;overflow:hidden} .hs-seo-section:before{content:"";position:absolute;inset:auto -180px -220px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 68%);pointer-events:none} .hs-seo-section--search,.hs-seo-section--guide{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.027),rgba(255,255,255,.012))} .hs-seo-section--modes{background:radial-gradient(circle at 14% 20%,rgba(124,58,237,.13),transparent 32%),#0b0712} .hs-seo-section--locations{padding-top:66px;padding-bottom:82px;background:linear-gradient(135deg,rgba(139,92,246,.07),rgba(192,38,211,.035) 52%,rgba(52,211,153,.025))} .hs-seo-section__inner,.hs-seo-location{position:relative;z-index:1;max-width:1180px!important;margin-inline:auto!important} .hs-seo-head{max-width:840px;margin-bottom:32px} .hs-seo-head h2,.hs-seo-location h2{margin:7px 0 14px;font-size:clamp(2rem,4.4vw,3.45rem);line-height:1.06;letter-spacing:-.045em} .hs-seo-lead{max-width:820px;margin:0;color:#c1b7cf;font-size:1.04rem;line-height:1.75} .hs-seo-grid{display:grid!important;gap:16px!important;margin-top:30px!important} .hs-seo-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))!important} .hs-seo-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))!important} .hs-seo-grid>.wp-block-column{margin:0!important;min-width:0} .hs-seo-card,.hs-seo-tip{position:relative;padding:25px!important;border:1px solid rgba(182,148,255,.15);border-radius:22px;background:linear-gradient(180deg,rgba(27,18,43,.88),rgba(14,9,24,.94));box-shadow:0 18px 46px rgba(0,0,0,.14);overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease} .hs-seo-card:after,.hs-seo-tip:after{content:"";position:absolute;right:-65px;bottom:-75px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 68%);pointer-events:none} .hs-seo-card:hover,.hs-seo-tip:hover{transform:translateY(-3px);border-color:rgba(163,112,255,.35);background:linear-gradient(180deg,rgba(32,21,51,.95),rgba(15,10,25,.98))} .hs-seo-icon,.hs-seo-number,.hs-city-panel__icon{display:grid!important;place-items:center;width:52px;height:52px;margin:0 0 21px!important;border:1px solid rgba(167,121,255,.26);border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(192,38,211,.08));color:#d9c6ff;font-size:1.25rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.06)} .hs-seo-number{font-size:.82rem;letter-spacing:.08em;color:#c9a8ff} .hs-seo-card h3,.hs-seo-tip h3{position:relative;z-index:1;margin:0 0 9px!important;font-size:1.08rem;line-height:1.28;letter-spacing:-.02em} .hs-seo-card>p:not(.hs-seo-icon):not(.hs-seo-card__link),.hs-seo-tip>p:not(.hs-seo-number){position:relative;z-index:1;margin:0!important;color:#b9afc8;line-height:1.66;font-size:.94rem} .hs-seo-card__link{position:relative;z-index:2;margin:20px 0 0!important} .hs-seo-card__link a{color:#d5bdff;text-decoration:none;font-weight:800;font-size:.9rem} .hs-seo-card__link a:hover{color:#fff} .hs-mode-card:nth-child(1) .hs-seo-icon{color:#73f0bf;border-color:rgba(52,211,153,.25);background:rgba(52,211,153,.08)} .hs-mode-card:nth-child(2) .hs-seo-icon{color:#ddbfff} .hs-mode-card:nth-child(3) .hs-seo-icon{color:#f2a8ff;border-color:rgba(232,121,249,.22);background:rgba(232,121,249,.07)} .hs-guide-grid .hs-seo-tip{padding-top:22px!important} .hs-seo-location{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;gap:56px!important;align-items:center} .hs-seo-location__copy{min-width:0} .hs-city-panel{position:relative;padding:28px!important;border:1px solid rgba(170,126,255,.22);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.16),transparent 42%),rgba(17,11,30,.88);box-shadow:0 24px 64px rgba(0,0,0,.22)} .hs-city-panel h3{margin:0 0 17px!important;font-size:1.3rem} .hs-city-panel__icon{margin-bottom:18px!important} .hs-city-chips{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important} .hs-city-chips p{margin:0!important} .hs-city-chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#ddd3ec;text-decoration:none;font-size:.86rem;font-weight:750;transition:background .18s ease,border-color .18s ease,transform .18s ease} .hs-city-chips a:hover{transform:translateY(-1px);background:rgba(139,92,246,.14);border-color:rgba(139,92,246,.35);color:#fff} .hs-city-panel__all{margin:20px 0 0!important} .hs-city-panel__all a{color:#bfa1ff;text-decoration:none;font-weight:850} .hs-city-panel__all a:hover{color:#fff} html[dir="rtl"] .hs-seo-card:after,html[dir="rtl"] .hs-seo-tip:after{right:auto;left:-65px} @media(max-width:1050px){ .hs-seo-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))!important} .hs-seo-location{grid-template-columns:1fr!important;gap:30px!important} .hs-city-panel{max-width:760px} } @media(max-width:782px){ .hs-seo-section{padding:58px 16px} .hs-seo-section--locations{padding-top:52px;padding-bottom:62px} .hs-seo-head{margin-bottom:22px} .hs-seo-head h2,.hs-seo-location h2{font-size:clamp(1.9rem,8vw,2.65rem);line-height:1.08} .hs-seo-lead{font-size:.96rem;line-height:1.68} .hs-seo-grid--three,.hs-seo-grid--four{grid-template-columns:1fr!important;gap:12px!important;margin-top:22px!important} /* Compact icon-led rows are intentionally different from desktop cards: this prevents the long homepage from feeling like stacked plain text on phones. */ .hs-seo-card,.hs-seo-tip{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:14px!important;row-gap:4px!important;padding:18px!important;border-radius:18px} .hs-seo-icon,.hs-seo-number{grid-column:1!important;grid-row:1/4!important;width:48px;height:48px;margin:0!important;border-radius:14px;font-size:1.05rem} .hs-seo-number{font-size:.76rem} .hs-seo-card h3,.hs-seo-tip h3{grid-column:2!important;grid-row:1!important;margin:1px 0 4px!important;font-size:1rem} .hs-seo-card>p:not(.hs-seo-icon):not(.hs-seo-card__link),.hs-seo-tip>p:not(.hs-seo-number){grid-column:2!important;grid-row:2!important;font-size:.88rem!important;line-height:1.55!important} .hs-seo-card__link{grid-column:2!important;grid-row:3!important;margin:8px 0 0!important} .hs-city-panel{padding:22px!important;border-radius:21px} .hs-city-panel__icon{width:48px;height:48px;margin-bottom:15px!important} .hs-city-chips{gap:7px!important} .hs-city-chips a{min-height:36px;padding-inline:11px;font-size:.82rem} } @media(max-width:420px){ .hs-seo-section{padding-inline:14px} .hs-seo-card,.hs-seo-tip{grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;padding:16px!important} .hs-seo-icon,.hs-seo-number{width:44px;height:44px} .hs-city-panel{padding:18px!important} } /* 2.2.5 — legal, merchant and payment readiness */ .hs-site-footer{position:relative;border-top:1px solid rgba(166,130,255,.16);background:#08050f;padding-top:58px;padding-bottom:28px} .hs-footer-grid{grid-template-columns:1.25fr .72fr .95fr 1.25fr;gap:38px;align-items:start} .hs-footer-brand p{max-width:340px}.hs-footer-small{font-size:12px;line-height:1.6;color:rgba(235,230,248,.48)} .hs-site-footer h4{margin:0 0 14px;color:#fff}.hs-site-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.hs-site-footer a{color:rgba(239,235,248,.76);text-decoration:none}.hs-site-footer a:hover{color:#fff} .hs-business-info{display:grid;gap:10px}.hs-business-info__row{display:grid;gap:2px}.hs-business-info__row span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(235,230,248,.45)}.hs-business-info__row strong{font-size:12px;line-height:1.45;color:rgba(255,255,255,.84);font-weight:600;overflow-wrap:anywhere}.hs-business-info__admin-warning{padding:10px 12px;border:1px solid rgba(255,190,73,.28);background:rgba(255,190,73,.08);border-radius:10px;font-size:11px;color:#f8d99d} .hs-footer-payments{margin-top:34px;padding:18px 20px;border:1px solid rgba(166,130,255,.16);background:rgba(255,255,255,.025);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:22px}.hs-footer-payments__copy{display:grid;gap:4px;max-width:520px}.hs-footer-payments__copy strong{font-size:13px;color:#fff}.hs-footer-payments__copy span{font-size:11px;color:rgba(235,230,248,.62);line-height:1.55}.hs-payment-marks{display:flex;align-items:center;justify-content:flex-end;flex:none;min-width:0}.hs-official-payment-band{display:block;width:min(456px,42vw);height:auto;max-width:100%;object-fit:contain;object-position:center right} .hs-legal-page{max-width:930px!important}.hs-legal-page>h1{max-width:760px}.hs-legal-page .hs-legal-intro,.hs-info-lead-text{font-size:clamp(17px,2vw,21px);line-height:1.65;color:rgba(242,238,250,.72);max-width:820px}.hs-legal-page>h2{margin-top:42px;padding-top:24px;border-top:1px solid rgba(166,130,255,.14);font-size:clamp(21px,2.4vw,30px)}.hs-legal-page>p{line-height:1.8;color:rgba(242,238,250,.72)}.hs-legal-update{margin-top:44px!important;padding:14px 16px;border:1px solid rgba(166,130,255,.15);background:rgba(144,83,255,.06);border-radius:12px}.hs-legal-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(180,140,255,.24);border-radius:12px;background:linear-gradient(135deg,rgba(143,78,255,.24),rgba(95,225,177,.06));font-weight:800;color:#d8c5ff;margin-bottom:15px}.hs-how-page .hs-feature-grid>.wp-block-column{border:1px solid rgba(166,130,255,.14);border-radius:18px;padding:22px;background:rgba(255,255,255,.025)} .hs-cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:999999;margin:auto;max-width:980px;padding:17px 18px;border:1px solid rgba(177,139,255,.28);border-radius:16px;background:rgba(12,8,22,.97);box-shadow:0 20px 70px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:space-between;gap:20px;backdrop-filter:blur(16px)}.hs-cookie-banner[hidden]{display:none!important}.hs-cookie-banner strong{color:#fff}.hs-cookie-banner p{margin:5px 0 0;font-size:12px;line-height:1.55;color:rgba(240,235,250,.68)}.hs-cookie-banner a{color:#cbb2ff}.hs-cookie-actions{display:flex;gap:9px;flex:none}.hs-cookie-actions button{border:1px solid rgba(177,139,255,.25);background:#151020;color:#fff;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}.hs-cookie-actions button.is-primary{background:linear-gradient(135deg,#8c4cff,#6f27db);border-color:transparent} .hs-portal-consent a{color:#c8aaff;text-decoration:underline;text-underline-offset:2px} @media(max-width:1100px){.hs-footer-grid{grid-template-columns:1fr 1fr}.hs-footer-business-col{grid-column:1/-1}.hs-footer-business-col .hs-business-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}} @media(max-width:700px){.hs-site-footer{padding-top:38px}.hs-footer-grid{grid-template-columns:1fr;gap:28px}.hs-footer-business-col{grid-column:auto}.hs-footer-business-col .hs-business-info{grid-template-columns:1fr}.hs-footer-payments{align-items:flex-start;flex-direction:column}.hs-payment-marks{width:100%;justify-content:flex-start}.hs-official-payment-band{width:min(100%,456px);object-position:center left}.hs-cookie-banner{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}.hs-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.hs-cookie-actions button{width:100%}.hs-legal-page>h2{margin-top:30px;padding-top:20px}.hs-how-page .hs-feature-grid{gap:12px}.hs-how-page .hs-feature-grid>.wp-block-column{padding:17px}} /* 2.2.8 membership controls: block theme owns public styling, so the billing switch is fully styled here instead of relying on the legacy portal stylesheet. */ .hs-plans{scroll-margin-top:100px}.hs-plans .hs-info-lead{max-width:780px;margin:0 auto 22px}.hs-billing-toggle{display:flex!important;width:max-content;max-width:100%;margin:0 auto 26px!important;padding:5px;border:1px solid rgba(190,165,255,.18);border-radius:999px;background:#120b1d;box-shadow:inset 0 1px rgba(255,255,255,.035)}.hs-billing-toggle button{appearance:none;border:0;background:transparent;color:#aaa0b9;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:999px;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.hs-billing-toggle button span{padding:4px 7px;border-radius:999px;background:rgba(52,211,153,.12);color:#65e0b3;font-size:.66rem;font-weight:900}.hs-billing-toggle button.is-active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 8px 24px rgba(109,40,217,.25)}.hs-billing-toggle button:focus-visible{outline:2px solid #c9b3ff;outline-offset:3px}.hs-price-yearly[hidden],.hs-price-monthly[hidden]{display:none!important}.hs-plans .hs-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:880px;margin:0 auto}.hs-plans .hs-plan-grid article{position:relative;display:flex;min-width:0;min-height:420px;flex-direction:column;padding:25px;border:1px solid rgba(190,165,255,.18);border-radius:22px;background:linear-gradient(145deg,#120b1e,#0d0816)}.hs-plans .hs-plan-featured{border-color:rgba(147,92,246,.50);background:radial-gradient(circle at 90% 0,rgba(139,92,246,.20),transparent 40%),linear-gradient(145deg,#1c0d2d,#100918)}.hs-plans .hs-plan-label{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#d8c5ff}.hs-plans .hs-plan-popular{position:absolute;top:22px;right:22px;padding:5px 8px;border-radius:999px;background:rgba(139,92,246,.15);color:#dbc9ff;font-size:.7rem;font-weight:850}.hs-plans .hs-plan-grid h3{margin:7px 0 14px;font-size:1.35rem}.hs-plans .hs-plan-price{margin:0 0 14px;font-size:1.5rem;color:#d7c4ff}.hs-plans .hs-price-caption{margin:-8px 0 18px;color:var(--hs-muted);font-size:.78rem}.hs-plans .hs-plan-grid ul{margin:0 0 22px;padding-left:20px;color:#cbbfd7;line-height:1.7}.hs-plans .hs-plan-button{margin-top:auto}.hs-plan-note{max-width:880px;margin:16px auto 0;color:var(--hs-muted);font-size:.82rem;line-height:1.55} .hs-payment-upgrade{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin:20px 0;padding:22px;border:1px solid rgba(139,92,246,.38);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.15),transparent 40%),#100a19}.hs-payment-upgrade h2{margin:2px 0 8px;font-size:1.45rem}.hs-payment-upgrade p{margin:0 0 10px;color:var(--hs-muted);line-height:1.6}.hs-payment-upgrade small{display:block;margin-top:8px;color:#9e94ab;font-size:.74rem;line-height:1.5}.hs-upgrade-difference{display:inline-flex;padding:7px 10px;border-radius:10px;background:rgba(52,211,153,.09);color:#7ce5b4;font-size:.9rem}.hs-payment-upgrade form{margin:0}.hs-payment-upgrade .hs-button{white-space:nowrap} /* Official iyzico payment band must stay visible on narrow phones as well. */ .hs-footer-payments,.hs-payment-marks,.hs-official-payment-band{visibility:visible!important;opacity:1!important}.hs-payment-marks{overflow:visible!important}.hs-official-payment-band{display:block!important;object-fit:contain!important} @media(max-width:700px){.hs-plans .hs-plan-grid{grid-template-columns:1fr}.hs-billing-toggle{width:100%;max-width:360px}.hs-billing-toggle button{flex:1;justify-content:center;padding-inline:10px}.hs-payment-upgrade{grid-template-columns:1fr}.hs-payment-upgrade .hs-button{width:100%;white-space:normal}.hs-footer-payments{display:flex!important;width:100%!important;overflow:visible!important}.hs-payment-marks{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:center!important;overflow:visible!important}.hs-official-payment-band{display:block!important;width:100%!important;max-width:456px!important;min-width:0!important;height:auto!important;margin:4px auto 0!important;visibility:visible!important;opacity:1!important}} /* 2.2.9 reliability fixes */ .hs-account-icon{display:none!important} .hs-signup-modal__choice>span:first-child{display:none!important} /* Billing switch works with current button markup and legacy radio markup. */ .hs-billing-toggle{display:flex!important;width:max-content;max-width:100%;margin:0 auto 26px!important;padding:5px!important;border:1px solid rgba(190,165,255,.22)!important;border-radius:999px!important;background:#120b1d!important;gap:4px!important} .hs-billing-toggle button,.hs-billing-toggle label{appearance:none!important;border:0!important;background:transparent!important;color:#aaa0b9!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:9px 18px!important;border-radius:999px!important;font:inherit!important;font-size:.86rem!important;font-weight:800!important;cursor:pointer!important} .hs-billing-toggle button span,.hs-billing-toggle label span{padding:4px 7px!important;border-radius:999px!important;background:rgba(52,211,153,.12)!important;color:#65e0b3!important;font-size:.66rem!important;font-weight:900!important} .hs-billing-toggle button.is-active,.hs-plans[data-billing="monthly"] .hs-billing-toggle [data-hs-billing="monthly"],.hs-plans[data-billing="yearly"] .hs-billing-toggle [data-hs-billing="yearly"],#hs-billing-monthly:checked~.hs-billing-toggle label[for="hs-billing-monthly"],#hs-billing-yearly:checked~.hs-billing-toggle label[for="hs-billing-yearly"]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;color:#fff!important;box-shadow:0 8px 24px rgba(109,40,217,.25)!important} .hs-plans[data-billing="monthly"] .hs-price-monthly{display:block!important} .hs-plans[data-billing="monthly"] .hs-price-yearly{display:none!important} .hs-plans[data-billing="yearly"] .hs-price-monthly{display:none!important} .hs-plans[data-billing="yearly"] .hs-price-yearly{display:block!important} /* Official payment logos: normal footer + PHP fallback. */ .hs-official-payment-band{display:block!important;width:min(456px,100%)!important;max-width:100%!important;height:auto!important;visibility:visible!important;opacity:1!important} .hs-mobile-payment-fallback{display:none} @media(max-width:700px){ .hs-footer-payments{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;overflow:visible!important} .hs-payment-marks{display:flex!important;width:100%!important;min-height:46px!important;align-items:center!important;justify-content:center!important;overflow:visible!important} .hs-official-payment-band{width:100%!important;max-width:456px!important;min-height:24px!important;margin:6px auto 0!important} .hs-mobile-payment-fallback{display:grid!important;gap:10px;width:calc(100% - 32px);max-width:520px;margin:22px auto 0;padding:16px;border:1px solid rgba(166,130,255,.18);border-radius:14px;background:rgba(255,255,255,.025)} .hs-mobile-payment-fallback strong{font-size:12px;color:#fff} .hs-mobile-payment-fallback img{display:block!important;width:100%!important;max-width:456px!important;height:auto!important;margin:0 auto!important;visibility:visible!important;opacity:1!important} .hs-billing-toggle{width:100%!important;max-width:360px!important} .hs-billing-toggle button,.hs-billing-toggle label{flex:1!important;padding-inline:10px!important} } /* 2.2.10 branded password recovery */ .hs-login-card input[type=email]{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--hs-border);border-radius:12px;background:#161020;color:#fff;font:inherit;outline:none}.hs-login-card input[type=email]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}.hs-login-help{margin:10px 0 0!important;text-align:center}.hs-password-help-button{width:100%}.hs-password-card{max-width:720px}.hs-portal-notice{padding:12px 14px;margin:14px 0;border:1px solid;border-radius:12px;font-size:.92rem;line-height:1.55}.hs-portal-notice--success{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.28);color:#c5f5df}.hs-portal-notice--error{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.28);color:#ffd3d3}@media(max-width:600px){.hs-password-card,.hs-login-card{padding:22px 18px}.hs-password-help-button{min-height:46px}} /* 2.2.12 — compact teacher search results on phones. Search cards become readable list rows instead of image-first tiles. */ @media (max-width:640px){ .hs-teacher-list-wrap{padding-left:14px!important;padding-right:14px!important} .hs-teacher-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important} .hs-teacher-card{ display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; align-items:start!important; min-height:142px!important; overflow:hidden!important; border-radius:18px!important; } .hs-teacher-card__media{ width:104px!important; height:118px!important; min-height:118px!important; aspect-ratio:auto!important; align-self:start!important; margin:12px 0 12px 12px!important; border-radius:15px!important; overflow:hidden!important; } .hs-teacher-card__media img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } .hs-teacher-card__avatar{font-size:2.3rem!important} .hs-teacher-card__badges{ top:7px!important; left:7px!important; right:7px!important; gap:4px!important; } .hs-teacher-card__badges .hs-badge{ padding:4px 6px!important; font-size:.58rem!important; line-height:1!important; } .hs-teacher-card__body{ min-width:0!important; padding:13px 13px 12px 12px!important; } .hs-teacher-card__body h3{ margin:0 0 5px!important; font-size:1.05rem!important; line-height:1.2!important; } .hs-teacher-card__body h3 a{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .hs-teacher-card__meta{ gap:5px!important; margin:5px 0!important; font-size:.74rem!important; line-height:1.35!important; } .hs-teacher-card__subjects{ gap:4px!important; margin:7px 0!important; max-height:28px!important; overflow:hidden!important; } .hs-teacher-card__subjects .hs-chip{ padding:4px 7px!important; font-size:.65rem!important; line-height:1.1!important; } .hs-teacher-card__bio, .hs-teacher-card__bio + p.hs-teacher-card__meta{ display:none!important; } .hs-teacher-card__footer{ display:flex!important; flex-direction:row!important; align-items:flex-end!important; justify-content:space-between!important; gap:8px!important; margin-top:7px!important; padding-top:8px!important; } .hs-teacher-card__price{min-width:0!important} .hs-teacher-card__price strong{ font-size:.88rem!important; white-space:nowrap!important; } .hs-teacher-card__price small{ display:block!important; margin-top:2px!important; font-size:.64rem!important; white-space:nowrap!important; } .hs-teacher-card__footer>div:last-child{ flex:0 0 auto!important; white-space:nowrap!important; font-size:.74rem!important; } .hs-teacher-card__view{font-size:.74rem!important} } @media (max-width:380px){ .hs-teacher-card{grid-template-columns:88px minmax(0,1fr)!important;min-height:128px!important} .hs-teacher-card__media{width:88px!important;height:104px!important;min-height:104px!important;margin:11px 0 11px 11px!important;border-radius:13px!important} .hs-teacher-card__body{padding:11px 10px!important} .hs-teacher-card__body h3{font-size:.98rem!important} .hs-teacher-card__meta{font-size:.68rem!important} .hs-teacher-card__subjects .hs-chip{font-size:.61rem!important} .hs-teacher-card__price strong{font-size:.82rem!important} .hs-teacher-card__price small,.hs-teacher-card__view,.hs-teacher-card__footer>div:last-child{font-size:.62rem!important} } /* 2.2.13 — teacher search results use a compact list on every viewport. This intentionally overrides the old image-first card/grid layout so a portrait photo can never consume the result page by itself. */ .hs-teacher-list-wrap{ width:min(100%,1180px)!important; margin-inline:auto!important; } .hs-teacher-grid{ display:grid!important; grid-template-columns:1fr!important; gap:14px!important; width:100%!important; } .hs-teacher-card{ display:grid!important; grid-template-columns:156px minmax(0,1fr)!important; align-items:stretch!important; width:100%!important; min-width:0!important; min-height:178px!important; overflow:hidden!important; border:1px solid var(--hs-border)!important; border-radius:20px!important; background:linear-gradient(180deg,#171022,#0f0a18)!important; } .hs-teacher-card__media{ position:relative!important; display:block!important; width:156px!important; height:100%!important; min-height:178px!important; max-height:218px!important; aspect-ratio:auto!important; overflow:hidden!important; border-radius:0!important; background:#241834!important; } .hs-teacher-card__media img{ display:block!important; width:100%!important; height:100%!important; min-height:178px!important; max-height:218px!important; object-fit:cover!important; object-position:center!important; } .hs-teacher-card__avatar{ width:100%!important; height:100%!important; min-height:178px!important; font-size:3rem!important; } .hs-teacher-card__badges{ top:10px!important; left:10px!important; right:auto!important; z-index:2!important; } .hs-teacher-card__body{ display:flex!important; flex-direction:column!important; min-width:0!important; padding:18px 20px!important; } .hs-teacher-card__body h3{ margin:0!important; font-size:1.22rem!important; line-height:1.2!important; } .hs-teacher-card__body h3 a{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .hs-teacher-card__meta{ margin:8px 0 0!important; gap:7px!important; font-size:.82rem!important; } .hs-teacher-card__subjects{ margin:10px 0 0!important; } .hs-teacher-card__bio{ min-height:0!important; margin:10px 0 0!important; font-size:.84rem!important; line-height:1.45!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .hs-teacher-card__footer{ margin-top:auto!important; padding-top:12px!important; } .hs-teacher-card__price strong{ font-size:1rem!important; } .hs-teacher-card__view{ white-space:nowrap!important; } @media (max-width:782px){ .hs-teacher-card{ grid-template-columns:118px minmax(0,1fr)!important; min-height:150px!important; border-radius:18px!important; } .hs-teacher-card__media{ width:118px!important; min-height:150px!important; max-height:188px!important; } .hs-teacher-card__media img, .hs-teacher-card__avatar{ min-height:150px!important; max-height:188px!important; } .hs-teacher-card__body{padding:14px!important} .hs-teacher-card__body h3{font-size:1.05rem!important} .hs-teacher-card__bio{display:none!important} .hs-teacher-card__body .hs-teacher-card__bio + p.hs-teacher-card__meta{display:none!important} } @media (max-width:520px){ .hs-teacher-list-wrap{padding-left:12px!important;padding-right:12px!important} .hs-teacher-grid{gap:10px!important} .hs-teacher-card{ grid-template-columns:88px minmax(0,1fr)!important; min-height:126px!important; border-radius:16px!important; } .hs-teacher-card__media{ width:88px!important; height:auto!important; min-height:126px!important; max-height:154px!important; margin:0!important; border-radius:0!important; } .hs-teacher-card__media img, .hs-teacher-card__avatar{ min-height:126px!important; max-height:154px!important; } .hs-teacher-card__avatar{font-size:2rem!important} .hs-teacher-card__badges{top:7px!important;left:7px!important;gap:4px!important} .hs-teacher-card__badges .hs-badge{padding:3px 5px!important;font-size:.58rem!important} .hs-teacher-card__body{padding:10px 11px!important} .hs-teacher-card__body h3{font-size:.96rem!important} .hs-teacher-card__meta{font-size:.67rem!important;gap:4px!important;margin-top:5px!important} .hs-teacher-card__subjects{gap:4px!important;margin-top:6px!important;max-height:24px!important;overflow:hidden!important} .hs-teacher-card__subjects .hs-chip{padding:3px 5px!important;font-size:.6rem!important} .hs-teacher-card__footer{gap:6px!important;padding-top:7px!important;align-items:flex-end!important;flex-direction:row!important} .hs-teacher-card__price strong{font-size:.76rem!important} .hs-teacher-card__price small{display:block!important;font-size:.58rem!important} .hs-teacher-card__footer>div:last-child{font-size:.62rem!important;white-space:nowrap!important} .hs-teacher-card__view{font-size:.62rem!important} } /* HocaSeç 2.2.14 — paid-through-period subscription management */ .hs-subscription-card{position:relative;overflow:hidden;border-color:rgba(139,92,246,.28)!important;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.16),transparent 42%),#110b1a!important} .hs-subscription-card.is-cancelled{border-color:rgba(245,158,11,.28)!important;background:radial-gradient(circle at 100% 0,rgba(245,158,11,.11),transparent 42%),#110b1a!important} .hs-subscription-eyebrow{display:inline-flex;margin-bottom:8px;color:#c4a7ff;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .hs-subscription-card.is-cancelled .hs-subscription-eyebrow{color:#f6c66a} .hs-subscription-card h3{margin:0 0 10px} .hs-subscription-card p{margin:10px 0 14px;color:var(--hs-muted);line-height:1.6} .hs-subscription-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0} .hs-subscription-meta>div{padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)} .hs-subscription-meta small,.hs-subscription-meta strong{display:block} .hs-subscription-meta small{margin-bottom:4px;color:#9e94ab;font-size:.7rem} .hs-subscription-meta strong{font-size:.84rem;line-height:1.35} .hs-subscription-card form{margin:12px 0 0} .hs-subscription-card form .hs-button{width:100%} .hs-subscription-manage-link{display:inline-flex;margin-top:12px;color:#c8b5f5;text-decoration:none;font-size:.82rem;font-weight:800} .hs-subscription-manage-link:hover{color:#fff} .hs-payment-current.is-cancelled{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.07)} @media(max-width:520px){.hs-subscription-meta{grid-template-columns:1fr}.hs-subscription-card .hs-button{white-space:normal;text-align:center}} /* 2.3.0 production rendering optimizations. */ .hs-main--home .hs-section, .hs-site-footer{ content-visibility:auto; contain-intrinsic-size:1px 620px; } .hs-teacher-card, .hs-feature-card, .hs-content-card, .hs-dashboard-card{ contain:layout paint; } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important} *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} } /* 2.3.1 — signup chooser polish + public teacher pricing page */ .hs-signup-modal__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px} .hs-signup-modal__choice{display:grid!important;grid-template-columns:54px minmax(0,1fr) 24px!important;grid-template-rows:1fr!important;gap:14px!important;align-items:center!important;min-width:0!important;min-height:94px!important;padding:18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:linear-gradient(145deg,#171021,#120b1d)!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important} .hs-signup-modal__choice:hover,.hs-signup-modal__choice:focus-visible{transform:translateY(-2px);border-color:rgba(160,92,255,.72)!important;background:linear-gradient(145deg,#211431,#160d24)!important;outline:none} .hs-signup-modal__choice>span:first-child{display:grid!important} .hs-signup-modal__icon{width:54px!important;height:54px!important;border-radius:16px!important;place-items:center!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important} .hs-signup-modal__choice--teacher .hs-signup-modal__icon{background:linear-gradient(135deg,#8b5cf6,#5b21b6)!important} .hs-signup-modal__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .hs-signup-modal__copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:5px!important} .hs-signup-modal__copy strong{display:block!important;font-size:17px!important;line-height:1.2!important;white-space:normal!important} .hs-signup-modal__copy small{display:block!important;color:#b9b0c8!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important} .hs-signup-modal__arrow{display:block!important;color:#c9adff!important;font-size:20px!important;font-weight:800!important;text-align:right!important;transition:transform .18s ease} .hs-signup-modal__choice:hover .hs-signup-modal__arrow{transform:translateX(3px)} .hs-pricing-page{max-width:1120px!important;margin:0 auto!important;padding:64px 22px 90px!important} .hs-pricing-hero{max-width:900px!important;margin:0 auto 34px!important;text-align:center!important} .hs-pricing-hero h1{margin:10px 0 14px!important;font-size:clamp(2.4rem,6vw,4.7rem)!important;line-height:1!important;letter-spacing:-.05em!important} .hs-pricing-lead{max-width:780px;margin:0 auto!important;color:var(--hs-muted)!important;font-size:1.05rem!important;line-height:1.75!important} .hs-pricing-trust{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:9px!important;margin-top:22px!important} .hs-pricing-trust p{margin:0!important;padding:8px 11px!important;border:1px solid rgba(52,211,153,.2)!important;border-radius:999px!important;background:rgba(52,211,153,.06)!important;color:#bdebd5!important;font-size:.78rem!important;font-weight:750!important} .hs-pricing-page>.hs-plans{margin:18px 0 48px!important;padding:30px 0!important} .hs-pricing-details{padding:32px!important;border:1px solid var(--hs-border)!important;border-radius:26px!important;background:linear-gradient(145deg,#100a19,#0c0813)!important} .hs-pricing-details>h2{text-align:center!important;margin:0 0 24px!important;font-size:clamp(1.8rem,4vw,2.6rem)!important} .hs-pricing-steps,.hs-pricing-info-grid{gap:14px!important} .hs-pricing-steps>.wp-block-column,.hs-pricing-info-grid>.wp-block-column{padding:20px!important;border:1px solid rgba(190,165,255,.13)!important;border-radius:18px!important;background:#120b1c!important} .hs-pricing-step-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0 0 14px!important;border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;font-weight:900!important} .hs-pricing-steps h3,.hs-pricing-info-grid h3{margin:0 0 8px!important;font-size:1.04rem!important} .hs-pricing-steps p:not(.hs-pricing-step-icon),.hs-pricing-info-grid p{margin:0!important;color:var(--hs-muted)!important;line-height:1.65!important;font-size:.9rem!important} .hs-pricing-info-grid{margin-top:14px!important} .hs-pricing-legal-note{margin-top:18px!important;padding:18px 20px!important;border:1px solid rgba(139,92,246,.24)!important;border-radius:18px!important;background:rgba(139,92,246,.07)!important} .hs-pricing-legal-note h3{margin:0 0 7px!important}.hs-pricing-legal-note p{margin:0!important;color:#c9bfd4!important;line-height:1.65!important}.hs-pricing-legal-note a{color:#d7bdff!important} .hs-pricing-final-cta{margin-top:28px!important;padding:34px 24px!important;text-align:center!important;border:1px solid rgba(169,112,255,.28)!important;border-radius:26px!important;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.22),transparent 55%),#100918!important} .hs-pricing-final-cta h2{margin:8px 0 10px!important;font-size:clamp(1.8rem,4vw,2.7rem)!important}.hs-pricing-final-cta>p:not(.hs-kicker){max-width:680px;margin:0 auto 18px!important;color:var(--hs-muted)!important}.hs-pricing-final-cta .wp-block-button__link{min-height:48px;display:inline-flex;align-items:center;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-weight:850} @media(max-width:1120px){.hs-account-nav__links{gap:12px}.hs-account-nav__link--plans{font-size:.82rem}} @media(max-width:760px){ .hs-signup-modal__choices{grid-template-columns:1fr!important} .hs-signup-modal__choice{min-height:84px!important;grid-template-columns:50px minmax(0,1fr) 20px!important;padding:15px!important} .hs-signup-modal__icon{width:50px!important;height:50px!important} .hs-pricing-page{padding:44px 15px 70px!important} .hs-pricing-details{padding:20px 14px!important} .hs-pricing-steps,.hs-pricing-info-grid{display:grid!important;grid-template-columns:1fr!important} .hs-pricing-steps>.wp-block-column,.hs-pricing-info-grid>.wp-block-column{padding:17px!important} .hs-pricing-trust{justify-content:flex-start!important}.hs-pricing-trust p{width:100%;text-align:left;border-radius:14px!important} .hs-pricing-final-cta{padding:28px 16px!important} } /* ============================================================ HocaSeç 2.3.2 — signup modal hardening Reset legacy generic span styling so icon/copy/arrow cannot inherit the same fixed 52px box. This intentionally lives at the end of the stylesheet to survive saved/legacy theme CSS. ============================================================ */ .hs-signup-modal__choices{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; align-items:stretch!important; } .hs-signup-modal__choice{ display:grid!important; grid-template-columns:54px minmax(0,1fr) 22px!important; grid-template-rows:minmax(58px,auto)!important; align-items:center!important; column-gap:14px!important; row-gap:0!important; min-width:0!important; min-height:94px!important; padding:16px 16px!important; overflow:hidden!important; } .hs-signup-modal__choice > .hs-signup-modal__icon{ grid-column:1!important; grid-row:1!important; display:grid!important; place-items:center!important; width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; margin:0!important; padding:0!important; border:0!important; border-radius:16px!important; background:linear-gradient(135deg,#7c3aed,#a855f7)!important; color:#fff!important; font-size:0!important; line-height:1!important; } .hs-signup-modal__choice--teacher > .hs-signup-modal__icon{ background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important; } .hs-signup-modal__choice > .hs-signup-modal__icon svg{ display:block!important; width:27px!important; height:27px!important; margin:0!important; fill:none!important; stroke:currentColor!important; } .hs-signup-modal__choice > .hs-signup-modal__copy{ grid-column:2!important; grid-row:1!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; gap:5px!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:inherit!important; font-size:inherit!important; line-height:inherit!important; place-items:initial!important; } .hs-signup-modal__choice > .hs-signup-modal__copy strong{ display:block!important; width:100%!important; margin:0!important; color:#fff!important; font-size:17px!important; font-weight:800!important; line-height:1.2!important; white-space:normal!important; overflow-wrap:anywhere!important; } .hs-signup-modal__choice > .hs-signup-modal__copy small{ display:block!important; width:100%!important; margin:0!important; color:#b9b0c8!important; font-size:13px!important; font-weight:500!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere!important; } .hs-signup-modal__choice > .hs-signup-modal__arrow{ grid-column:3!important; grid-row:1!important; display:block!important; place-self:center end!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#c9adff!important; font-size:20px!important; font-weight:900!important; line-height:1!important; } @media (max-width:700px){ .hs-signup-modal__dialog{width:min(100%,560px)!important;} .hs-signup-modal__choices{grid-template-columns:1fr!important;} .hs-signup-modal__choice{grid-template-columns:50px minmax(0,1fr) 20px!important;min-height:82px!important;padding:14px!important;} .hs-signup-modal__choice > .hs-signup-modal__icon{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border-radius:14px!important;} .hs-signup-modal__choice > .hs-signup-modal__copy strong{font-size:16px!important;} .hs-signup-modal__choice > .hs-signup-modal__copy small{font-size:12.5px!important;} } @media (max-width:420px){ .hs-signup-modal{padding:10px!important;} .hs-signup-modal__dialog{padding:22px 14px 18px!important;border-radius:20px!important;} .hs-signup-modal__dialog h2{font-size:28px!important;} .hs-signup-modal__choice{grid-template-columns:46px minmax(0,1fr) 18px!important;gap:11px!important;min-height:78px!important;padding:12px!important;} .hs-signup-modal__choice > .hs-signup-modal__icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;} } /* ========================================================================== HocaSeç Futuristic 3.0.0 — visual layer Keeps all existing Core markup/content and only reinterprets the presentation. ========================================================================== */ :root{ --hs-bg:#050714; --hs-surface:#091022; --hs-surface-2:#0d1630; --hs-text:#f7f9ff; --hs-muted:#8f9bb5; --hs-violet:#7c5cff; --hs-violet-2:#c35cff; --hs-green:#4df5d6; --hs-border:#24365d; --hs-shadow:0 26px 80px rgba(0,0,0,.42); --hs-radius:18px; --hs-radius-sm:11px; --hs-cyan:#4df5d6; --hs-blue:#5790ff; --hs-magenta:#c35cff; --hs-grid:rgba(82,111,171,.065); --hs-panel:rgba(9,16,34,.82); --hs-panel-strong:rgba(8,14,30,.96); } html{background:#050714} body{ background: radial-gradient(circle at 16% 12%,rgba(56,224,211,.07),transparent 25%), radial-gradient(circle at 84% 20%,rgba(124,92,255,.11),transparent 30%), linear-gradient(180deg,#060917 0%,#050714 100%); color:var(--hs-text); font-size:15px; letter-spacing:-.006em; overflow-x:hidden; } body:before{ content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background-image: linear-gradient(var(--hs-grid) 1px,transparent 1px), linear-gradient(90deg,var(--hs-grid) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.15) 60%,transparent 96%); } ::selection{background:rgba(77,245,214,.22);color:#fff} /* Compact, product-like typography */ .hs-main h1,.hs-main h2,.hs-main h3,.hs-main h4{text-wrap:balance} .hs-page-shell>h1,.hs-search-block__heading h1,.hs-legal-page>h1{font-size:clamp(2rem,4vw,3.4rem)!important;letter-spacing:-.038em!important} .hs-page-shell>h2,.hs-section__head h2,.hs-seo-head h2,.hs-home-section>h2,.hs-home-cta h2{font-size:clamp(1.55rem,2.8vw,2.35rem)!important;letter-spacing:-.03em!important} .hs-kicker,.hs-home-eyebrow{font-size:.67rem!important;letter-spacing:.26em!important;font-weight:850!important} /* Header: thin, glassy, technical */ .hs-site-header{ background:rgba(5,7,20,.78)!important; border-bottom:1px solid rgba(97,136,210,.12)!important; box-shadow:0 10px 36px rgba(0,0,0,.18); backdrop-filter:blur(22px) saturate(125%); } .hs-site-header:after{ content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px; background:linear-gradient(90deg,transparent 0%,rgba(77,245,214,.25) 28%,rgba(124,92,255,.4) 58%,transparent 100%); opacity:.65;pointer-events:none } .hs-site-header__inner{min-height:66px!important;padding:0 22px!important} .hs-brand-wrap{gap:9px!important} .hs-brand-wrap .custom-logo{width:34px!important;height:34px!important;border-radius:9px!important;box-shadow:0 0 0 1px rgba(77,245,214,.16),0 0 26px rgba(124,92,255,.16)} .hs-brand-wrap .wp-block-site-title{font-size:1rem!important;font-weight:760!important;letter-spacing:-.025em!important} .hs-account-nav{gap:4px!important} .hs-account-nav__links{gap:2px!important} .hs-account-nav__link,.hs-account-nav__language-trigger{ min-height:36px!important;padding:0 10px!important;border-radius:9px!important;font-size:.75rem!important;font-weight:680!important;color:#dce3f5!important } .hs-account-nav__link:hover,.hs-account-nav__language-trigger:hover{background:rgba(77,245,214,.045)!important;border-color:rgba(77,245,214,.16)!important;color:#fff!important} .hs-account-nav__link--primary{ min-height:38px!important;padding-inline:14px!important; background:linear-gradient(110deg,#6d5bff,#9c4dff 60%,#46e4d0)!important; box-shadow:0 10px 28px rgba(93,72,255,.22)!important } .hs-account-nav__language-trigger{border-color:rgba(121,145,196,.17)!important} .hs-language-menu{background:#091022!important;border-color:rgba(77,245,214,.18)!important;border-radius:11px!important;box-shadow:0 22px 60px rgba(0,0,0,.55)!important} /* Homepage hero: smaller title, more breathing room, geometric glow */ .hs-main--home{overflow:clip!important} .hs-home-hero{ min-height:min(820px,calc(100vh - 66px)); padding:54px 22px 78px!important; background: radial-gradient(circle at 75% 47%,rgba(91,79,255,.18),transparent 26%), radial-gradient(circle at 84% 62%,rgba(77,245,214,.07),transparent 25%), linear-gradient(180deg,rgba(3,7,19,.2),rgba(3,7,19,.68)); isolation:isolate; } .hs-home-hero:before{ content:"";position:absolute;right:-150px;top:36px;width:720px;height:720px;z-index:-1;pointer-events:none; background: linear-gradient(30deg,transparent 48.9%,rgba(77,245,214,.22) 49%,rgba(77,245,214,.22) 49.18%,transparent 49.3%), linear-gradient(150deg,transparent 48.9%,rgba(124,92,255,.2) 49%,rgba(124,92,255,.2) 49.18%,transparent 49.3%); clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%); border:1px solid rgba(77,245,214,.08); opacity:.52;transform:rotate(calc(var(--hs-hero-scroll,0) * 8deg));transition:transform .12s linear } .hs-home-hero:after{ content:"";position:absolute;left:6%;bottom:8%;width:82px;height:82px;border:1px solid rgba(77,245,214,.2);z-index:-1; clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%); box-shadow:0 0 50px rgba(77,245,214,.05);opacity:.65 } .hs-home-hero__grid{max-width:1180px!important;gap:clamp(42px,7vw,92px)!important;align-items:center!important} .hs-home-hero__copy{flex-basis:51%!important;min-width:0} .hs-home-hero__visual{flex-basis:49%!important;min-width:0;perspective:1200px} .hs-home-eyebrow{margin-bottom:17px!important;color:#8fa0bf!important;display:flex!important;align-items:center!important;gap:10px!important} .hs-home-eyebrow span{width:30px!important;height:1px!important;border-radius:0!important;background:linear-gradient(90deg,#4df5d6,#7c5cff)!important;box-shadow:0 0 15px rgba(77,245,214,.5)} .hs-home-title{ margin:0!important; max-width:700px; font-size:clamp(2.7rem,5.15vw,4.45rem)!important; line-height:.99!important; letter-spacing:-.055em!important; font-weight:780!important; } .hs-home-title span{ background:linear-gradient(105deg,#f8f7ff 0%,#c1b5ff 42%,#aa7cff 70%,#58e8d6 122%); -webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 12px 28px rgba(105,78,230,.08)) } .hs-home-lead{max-width:640px!important;margin:22px 0 24px!important;color:#9da8bf!important;font-size:.95rem!important;line-height:1.75!important} .hs-home-proof{gap:7px!important;margin:15px 0 0!important;font-size:.69rem!important;color:#8390a9!important} .hs-home-proof span{padding:5px 8px!important;border:1px solid rgba(102,131,189,.13)!important;background:rgba(7,14,30,.44)!important;border-radius:8px!important} .hs-home-proof span::first-letter{color:var(--hs-cyan)} .hs-home-metrics{margin-top:27px!important;padding-top:18px!important;border-top:1px solid rgba(89,119,178,.14)!important;gap:0!important} .hs-home-metrics>.wp-block-column{padding-right:22px!important} .hs-home-metrics h3{margin:0!important;font-size:.92rem!important;color:#eef3ff!important;letter-spacing:-.02em!important} .hs-home-metrics p{margin:4px 0 0!important;font-size:.64rem!important;line-height:1.45!important;color:#65738e!important;max-width:145px} /* Search feels like a compact instrument panel */ .hs-home-hero .hs-search-block{ margin:28px 0 0!important;padding:9px!important;max-width:700px!important; border:1px solid rgba(107,133,188,.18)!important;border-radius:13px!important; background:linear-gradient(180deg,rgba(9,16,35,.9),rgba(6,11,25,.92))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.24)!important } .hs-home-hero .hs-teacher-search{grid-template-columns:1fr 1fr 1fr auto!important;gap:5px!important} .hs-home-hero .hs-field{gap:4px!important} .hs-home-hero .hs-field label{padding-left:9px!important;font-size:.56rem!important;letter-spacing:.05em!important;color:#6f7d98!important;text-transform:uppercase!important} .hs-home-hero .hs-search-select__trigger{min-height:42px!important;border-radius:8px!important;border-color:rgba(92,120,179,.14)!important;background:#091125!important;font-size:.76rem!important;color:#e5ebfb!important} .hs-home-hero .hs-search-submit{min-height:42px!important;border-radius:8px!important;padding:0 16px!important;font-size:.73rem!important;background:linear-gradient(115deg,#6a59ff,#9e50ff 66%,#4debd7)!important;box-shadow:none!important} .hs-home-hero .hs-search-select__panel{border-radius:10px!important;background:#081020!important;border-color:rgba(77,245,214,.2)!important;box-shadow:0 24px 64px rgba(0,0,0,.65)!important} .hs-home-hero .hs-search-select__input{background:#0b1630!important;border-color:rgba(111,142,201,.15)!important;border-radius:8px!important;font-size:.75rem!important} .hs-home-hero .hs-search-select__option{font-size:.76rem!important;border-radius:7px!important} .hs-home-hero .hs-search-select__option:hover,.hs-home-hero .hs-search-select__option[aria-selected="true"]{background:linear-gradient(90deg,rgba(124,92,255,.17),rgba(77,245,214,.07))!important} /* Futuristic Pro teacher stack */ .hs-home-showcase{ min-height:520px!important; transform:translate3d(0,calc(var(--hs-hero-scroll,0) * -18px),0) rotateX(calc(var(--hs-hero-scroll,0) * 1.5deg)); transition:transform .1s linear; } .hs-home-showcase:before{ background:radial-gradient(circle at 50% 45%,rgba(116,82,255,.22),transparent 56%)!important; filter:blur(2px) } .hs-home-showcase:after{ content:"";position:absolute;inset:55px 20px 36px 20px;border:1px solid rgba(77,245,214,.08);pointer-events:none; clip-path:polygon(12% 0,88% 0,100% 16%,100% 84%,88% 100%,12% 100%,0 84%,0 16%); opacity:.7 } .hs-home-showcase__frame{ width:min(92%,490px)!important;padding:10px!important;border-radius:19px!important; background:linear-gradient(145deg,rgba(12,21,46,.86),rgba(8,14,30,.95))!important; border:1px solid rgba(97,130,193,.23)!important; box-shadow:0 32px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.03)!important; backdrop-filter:blur(18px) } .hs-home-showcase__frame:before{content:"";position:absolute;inset:-1px;border-radius:19px;padding:1px;background:linear-gradient(120deg,rgba(77,245,214,.42),transparent 26%,transparent 70%,rgba(195,92,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5} .hs-home-showcase__head{padding:8px 10px 12px!important;font-size:.57rem!important;letter-spacing:.08em!important;color:#8794af!important;border-bottom:1px solid rgba(98,126,187,.1)} .hs-home-showcase__head>span i{background:#4df5d6!important;box-shadow:0 0 15px rgba(77,245,214,.75)!important} .hs-home-showcase__head small{font-size:.54rem!important;color:#65728b!important} .hs-home-showcase__slides{position:relative!important;min-height:356px!important;overflow:visible!important;perspective:1100px} .hs-home-pro-card{ position:absolute!important;inset:0!important; display:block!important;padding:20px!important;border-radius:14px!important; background:linear-gradient(160deg,rgba(14,24,52,.97),rgba(7,13,29,.98))!important; border:1px solid rgba(93,124,187,.2)!important; box-shadow:0 22px 60px rgba(0,0,0,.35)!important; transform-origin:50% 92%!important; transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),filter .55s ease!important; } .hs-home-pro-card:not(.is-active){pointer-events:none} .hs-home-pro-card.is-active{z-index:6!important;opacity:1!important;transform:translate3d(0,0,0) rotate(0deg) scale(1)!important;filter:none!important} .hs-home-pro-card.hs-stack-next{z-index:5!important;opacity:.48!important;transform:translate3d(18px,18px,-20px) rotate(2.1deg) scale(.965)!important;filter:saturate(.78) brightness(.78)!important} .hs-home-pro-card.hs-stack-next2{z-index:4!important;opacity:.22!important;transform:translate3d(34px,33px,-45px) rotate(4deg) scale(.93)!important;filter:saturate(.55) brightness(.62)!important} .hs-home-pro-card.hs-stack-prev{z-index:3!important;opacity:.12!important;transform:translate3d(-18px,18px,-50px) rotate(-2deg) scale(.92)!important;filter:saturate(.45) brightness(.55)!important} .hs-home-pro-card__top{grid-template-columns:78px minmax(0,1fr)!important;gap:15px!important} .hs-home-pro-card__avatar{width:78px!important;height:92px!important;border-radius:11px!important;border:1px solid rgba(77,245,214,.18)!important;background:linear-gradient(145deg,#7458ff,#b04dff)!important;box-shadow:0 15px 35px rgba(70,45,190,.22)} .hs-home-pro-card__avatar img{border-radius:10px!important} .hs-home-pro-card__identity h2{margin:7px 0 3px!important;font-size:1.25rem!important;letter-spacing:-.035em!important} .hs-home-pro-card__identity p{font-size:.7rem!important;color:#8490a8!important} .hs-home-pro-badge,.hs-home-verified-badge{font-size:.5rem!important;border-radius:5px!important;padding:4px 6px!important} .hs-home-pro-badge{background:rgba(189,91,255,.14)!important;color:#d8b0ff!important;border:1px solid rgba(189,91,255,.2)!important} .hs-home-verified-badge{background:rgba(77,245,214,.09)!important;color:#6ff9df!important;border:1px solid rgba(77,245,214,.17)!important} .hs-home-pro-card__facts{margin-top:19px!important;padding-top:15px!important;gap:9px!important;border-top:1px solid rgba(100,129,190,.12)!important} .hs-home-pro-card__facts small{font-size:.47rem!important;letter-spacing:.09em!important;color:#53617b!important;text-transform:uppercase!important} .hs-home-pro-card__facts strong{font-size:.66rem!important;color:#dbe3f5!important} .hs-home-pro-card__footer{margin-top:20px!important;padding-top:14px!important;border-top:1px solid rgba(100,129,190,.12)!important;font-size:.7rem!important} .hs-home-pro-card__footer span{color:#5bf0d5!important} .hs-home-showcase__dots{bottom:-17px!important} .hs-home-showcase__dots button{width:18px!important;height:2px!important;border-radius:0!important;background:#263553!important} .hs-home-showcase__dots button.is-active{background:linear-gradient(90deg,#4df5d6,#8b5cf6)!important;box-shadow:0 0 14px rgba(77,245,214,.35)} .hs-home-showcase__orbit{opacity:.72!important} .hs-orbit-symbol{ width:44px!important;height:44px!important;border-radius:11px!important; background:rgba(8,16,34,.86)!important;border:1px solid rgba(83,119,187,.22)!important;color:#b5c5e8!important; box-shadow:0 16px 35px rgba(0,0,0,.3),inset 0 0 18px rgba(124,92,255,.04)!important; font-size:.9rem!important } .hs-orbit-symbol--language{color:#5bf5d7!important;border-color:rgba(77,245,214,.28)!important} /* Trust strip becomes a thin data rail */ .hs-home-trust{padding:0 22px!important;background:#050816!important;border-top:1px solid rgba(87,118,180,.12)!important;border-bottom:1px solid rgba(87,118,180,.12)!important} .hs-home-trust__grid{max-width:1180px!important;margin:0 auto!important;gap:0!important} .hs-home-trust__grid>.wp-block-column{padding:18px 26px!important;border-right:1px solid rgba(87,118,180,.11)!important;position:relative} .hs-home-trust__grid>.wp-block-column:first-child{padding-left:0!important} .hs-home-trust__grid>.wp-block-column:last-child{border-right:0!important} .hs-home-trust__grid h3{margin:0 0 3px!important;font-size:.75rem!important;color:#dce5f8!important;letter-spacing:-.01em!important} .hs-home-trust__grid h3::first-letter{color:#4df5d6} .hs-home-trust__grid p{margin:0!important;font-size:.62rem!important;color:#66748d!important} /* Sections: alternating editorial layout, less card-wall feeling */ .hs-home-section,.hs-seo-section{position:relative!important} .hs-home-section{max-width:1180px!important;padding:92px 22px!important} .hs-seo-section{padding:96px 22px!important;background:transparent!important} .hs-seo-section:before,.hs-seo-section:after,.hs-home-section:before{pointer-events:none} .hs-seo-section:before{ width:480px!important;height:480px!important;right:-230px!important;bottom:-180px!important; background:radial-gradient(circle,rgba(124,92,255,.09),transparent 70%)!important } .hs-seo-section--modes:after,.hs-seo-section--locations:after{ content:"";position:absolute;left:-130px;top:13%;width:300px;height:300px; background:linear-gradient(135deg,rgba(77,245,214,.03),transparent 64%); border:1px solid rgba(77,245,214,.08);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);opacity:.7 } .hs-seo-section__inner,.hs-seo-location{max-width:1180px!important} .hs-seo-head{max-width:680px!important;margin-bottom:34px!important} .hs-seo-head h2,.hs-home-section>h2{margin:7px 0 11px!important;font-size:clamp(1.65rem,3vw,2.45rem)!important;line-height:1.12!important;letter-spacing:-.035em!important} .hs-seo-lead,.hs-home-section>p{max-width:690px!important;font-size:.84rem!important;line-height:1.78!important;color:#8390aa!important} .hs-kicker{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;color:#6f7f9e!important} .hs-kicker:before{width:22px!important;height:1px!important;border-radius:0!important;margin:0!important;background:linear-gradient(90deg,#4df5d6,#805cff)!important;box-shadow:none!important} .hs-seo-grid,.hs-subject-cards,.hs-feature-grid{gap:12px!important} .hs-seo-card,.hs-seo-tip,.hs-subject-cards>.wp-block-column,.hs-feature-grid>.wp-block-column{ position:relative;overflow:hidden; padding:20px!important;border-radius:13px!important; border:1px solid rgba(85,117,180,.16)!important; background:linear-gradient(160deg,rgba(11,20,43,.72),rgba(6,11,25,.86))!important; box-shadow:none!important; transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease,box-shadow .3s ease!important; transform:perspective(900px) rotateX(var(--hs-tilt-x,0deg)) rotateY(var(--hs-tilt-y,0deg)) translateY(0) } .hs-seo-card:before,.hs-seo-tip:before,.hs-subject-cards>.wp-block-column:before,.hs-feature-grid>.wp-block-column:before{ content:"";position:absolute;left:0;top:0;width:42px;height:1px;background:linear-gradient(90deg,#4df5d6,#8b5cf6);opacity:.65 } .hs-seo-card:hover,.hs-seo-tip:hover,.hs-subject-cards>.wp-block-column:hover,.hs-feature-grid>.wp-block-column:hover{ border-color:rgba(77,245,214,.28)!important;background:linear-gradient(160deg,rgba(14,27,56,.84),rgba(7,13,29,.9))!important; box-shadow:0 22px 55px rgba(0,0,0,.2),0 0 0 1px rgba(124,92,255,.03)!important } .hs-seo-card h3,.hs-seo-tip h3,.hs-subject-cards h3,.hs-feature-grid h3{font-size:.94rem!important;margin:0 0 8px!important;letter-spacing:-.02em!important} .hs-seo-card p,.hs-seo-tip p,.hs-subject-cards p,.hs-feature-grid p{font-size:.73rem!important;line-height:1.7!important;color:#77849e!important} .hs-seo-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;margin:0 0 22px!important;border-radius:9px!important;border:1px solid rgba(77,245,214,.14)!important;background:rgba(77,245,214,.045)!important;color:#65f4da!important;font-size:.98rem!important} .hs-seo-number{font-size:.62rem!important;letter-spacing:.2em!important;color:#58efd7!important;margin-bottom:20px!important} .hs-seo-card__link a,.hs-subject-cards a,.hs-city-panel a{font-size:.68rem!important;text-decoration:none!important;color:#a9b9dc!important} .hs-seo-card__link a:hover,.hs-subject-cards a:hover,.hs-city-panel a:hover{color:#58efd7!important} /* Subject cards: asymmetric editorial rhythm */ .hs-subject-cards{display:grid!important;grid-template-columns:1.25fr .9fr .9fr 1.05fr!important} .hs-subject-cards>.wp-block-column:nth-child(2),.hs-subject-cards>.wp-block-column:nth-child(4){transform:translateY(24px)} .hs-subject-cards>.wp-block-column:nth-child(2):hover,.hs-subject-cards>.wp-block-column:nth-child(4):hover{transform:translateY(18px)} /* City / CTA panels */ .hs-seo-location{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:60px!important;align-items:center!important} .hs-city-panel{ padding:28px!important;border-radius:15px!important;border:1px solid rgba(77,245,214,.16)!important; background:linear-gradient(145deg,rgba(10,21,42,.78),rgba(7,13,29,.94))!important;box-shadow:0 30px 80px rgba(0,0,0,.22)!important } .hs-city-panel__icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(77,245,214,.18)!important;border-radius:10px!important;color:#55edd6!important;background:rgba(77,245,214,.04)!important} .hs-city-chips{gap:7px!important} .hs-city-chips p a{padding:6px 9px!important;border-radius:7px!important;border-color:rgba(97,129,190,.14)!important;background:rgba(9,17,36,.65)!important;font-size:.64rem!important} .hs-home-cta{padding:34px 22px 100px!important} .hs-cta-band{ min-height:170px;padding:34px 38px!important;border-radius:15px!important; border:1px solid rgba(77,245,214,.17)!important; background: linear-gradient(90deg,rgba(77,245,214,.035),transparent 28%), radial-gradient(circle at 80% 0,rgba(124,92,255,.2),transparent 38%), #081022!important; box-shadow:0 34px 90px rgba(0,0,0,.26)!important;overflow:hidden;position:relative } .hs-cta-band:after{content:"";position:absolute;right:-70px;top:-115px;width:270px;height:270px;border:1px solid rgba(77,245,214,.11);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);transform:rotate(24deg)} .hs-cta-band h2{font-size:clamp(1.45rem,2.8vw,2.2rem)!important} .hs-cta-band p{font-size:.78rem!important;color:#8190aa!important} .wp-block-button__link,.hs-button,.hs-plan-button,.hs-account-button,.hs-portal-submit,.hocasec-submit,.hs-search-submit{ border-radius:9px!important;font-size:.76rem!important;min-height:43px!important;box-shadow:none!important } .wp-block-button__link:not(.has-background),.hs-button,.hs-plan-button,.hs-account-button,.hs-portal-submit,.hocasec-submit{ background:linear-gradient(110deg,#6d5cff,#9c4dff 62%,#4ce6d4)!important } .is-style-outline .wp-block-button__link,.hs-button--ghost,.hs-plan-button--outline{background:rgba(7,13,29,.45)!important;border:1px solid rgba(98,130,191,.22)!important} /* Teacher search/results inherit the new visual system without changing layout logic */ .hs-search-block:not(.hs-search-block--hero){border-radius:15px!important;border-color:rgba(83,115,178,.18)!important;background:rgba(8,15,32,.9)!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important} .hs-search-block__heading h1,.hs-search-block__heading h2{font-size:clamp(1.6rem,3vw,2.35rem)!important} .hs-search-block__heading p{font-size:.78rem!important;color:#7d8aa4!important} .hs-field label{font-size:.65rem!important;color:#71809a!important} .hs-field input,.hs-field select,.hs-field textarea,.hs-portal-form input,.hs-portal-form select,.hs-portal-form textarea,.hocasec-request-form input,.hocasec-request-form select,.hocasec-request-form textarea,.hs-reply-form textarea,.hs-payment-form input,.hs-payment-form select,.hs-payment-form textarea,.hs-search-select__trigger{ border-radius:9px!important;border-color:rgba(87,119,181,.18)!important;background:#091126!important;color:#eef3ff!important;font-size:.82rem!important } .hs-teacher-card{ border-color:rgba(86,118,181,.17)!important;background:linear-gradient(145deg,rgba(10,19,40,.86),rgba(6,12,27,.94))!important;border-radius:14px!important;box-shadow:none!important } .hs-teacher-card:hover{border-color:rgba(77,245,214,.25)!important;box-shadow:0 22px 60px rgba(0,0,0,.2)!important} .hs-teacher-card__body h3{font-size:1rem!important} .hs-teacher-card__meta,.hs-teacher-card__bio,.hs-teacher-card__price small{color:#7d8aa3!important} .hs-chip{border-radius:6px!important;background:rgba(124,92,255,.08)!important;border-color:rgba(124,92,255,.16)!important;font-size:.64rem!important} /* Signup modal: sharp glass panel, safe selectors so icon/text never collide */ .hs-signup-modal{backdrop-filter:blur(12px) saturate(80%)!important;background:rgba(2,4,12,.72)!important} .hs-signup-modal__dialog{max-width:720px!important;padding:32px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(12,20,43,.98),rgba(7,12,27,.99))!important;border-color:rgba(77,245,214,.18)!important;box-shadow:0 42px 120px rgba(0,0,0,.62)!important} .hs-signup-modal__dialog h2{font-size:clamp(1.65rem,3.4vw,2.45rem)!important;letter-spacing:-.04em!important} .hs-signup-modal__dialog>p{font-size:.78rem!important;color:#8290aa!important} .hs-signup-modal__choices{gap:10px!important} .hs-signup-modal__choice{grid-template-columns:44px minmax(0,1fr) 24px!important;min-height:88px!important;padding:14px!important;border-radius:12px!important;background:#091126!important;border-color:rgba(86,118,181,.18)!important} .hs-signup-modal__choice:hover{border-color:rgba(77,245,214,.28)!important;background:#0b1730!important} .hs-signup-modal__choice>span:first-child{width:44px!important;height:44px!important;border-radius:10px!important;background:linear-gradient(135deg,#6e5cff,#a24eff)!important} .hs-signup-modal__choice strong{font-size:.83rem!important} .hs-signup-modal__choice small{font-size:.66rem!important;color:#74819a!important;line-height:1.45!important} .hs-signup-modal__choice .hs-signup-choice__arrow{background:none!important;width:auto!important;height:auto!important;color:#4df5d6!important;font-size:.9rem!important} .hs-signup-modal__all{font-size:.72rem!important;color:#aabaff!important} /* Footer: compact technical footer */ .hs-site-footer{margin-top:0!important;padding:54px 22px 24px!important;background:#040713!important;border-top:1px solid rgba(77,245,214,.1)!important;position:relative} .hs-site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(77,245,214,.35),rgba(124,92,255,.35),transparent)} .hs-site-footer .wp-block-columns{gap:2.2rem!important} .hs-site-footer h4{font-size:.62rem!important;color:#7888a6!important;letter-spacing:.16em!important} .hs-site-footer p,.hs-site-footer li,.hs-site-footer a{font-size:.69rem!important;line-height:1.65!important;color:#71809a!important} .hs-footer-payments{border-radius:12px!important;background:#081020!important;border-color:rgba(88,120,183,.14)!important;padding:16px 18px!important} .hs-footer-payments__copy strong{font-size:.72rem!important}.hs-footer-payments__copy span{font-size:.63rem!important;color:#71809a!important} .hs-official-payment-band{max-height:28px!important;width:auto!important} /* Motion system: JS adds .hs-motion-ready and reveals only when supported. */ .hs-motion-ready .hs-reveal{opacity:0;transform:translate3d(0,26px,0) scale(.985);filter:blur(4px);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .78s cubic-bezier(.2,.8,.2,1),filter .72s ease} .hs-motion-ready .hs-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)} .hs-motion-ready .hs-reveal:nth-child(2){transition-delay:.07s}.hs-motion-ready .hs-reveal:nth-child(3){transition-delay:.14s}.hs-motion-ready .hs-reveal:nth-child(4){transition-delay:.21s} .hs-motion-ready .hs-home-title{animation:hs-fx-title-in .9s cubic-bezier(.2,.8,.2,1) both} .hs-motion-ready .hs-home-lead{animation:hs-fx-title-in .9s .08s cubic-bezier(.2,.8,.2,1) both} .hs-motion-ready .hs-home-hero .hs-search-block{animation:hs-fx-title-in .9s .16s cubic-bezier(.2,.8,.2,1) both} @keyframes hs-fx-title-in{from{opacity:0;transform:translate3d(0,24px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:none}} /* Responsive */ @media(max-width:1080px){ .hs-home-title{font-size:clamp(2.45rem,5.7vw,3.8rem)!important} .hs-home-hero__grid{gap:34px!important} .hs-home-showcase__frame{width:min(96%,450px)!important} .hs-home-hero .hs-teacher-search{grid-template-columns:1fr 1fr!important} .hs-home-hero .hs-search-submit{grid-column:1/-1!important} .hs-seo-location{gap:32px!important} } @media(max-width:900px){ .hs-site-header__inner{min-height:62px!important} .hs-home-hero{min-height:auto;padding-top:52px!important} .hs-home-hero__grid{display:grid!important;grid-template-columns:1fr!important} .hs-home-hero__copy,.hs-home-hero__visual{width:100%!important;flex-basis:auto!important} .hs-home-hero__copy{max-width:720px;margin-inline:auto} .hs-home-hero__visual{margin-top:20px} .hs-home-showcase{min-height:500px!important;max-width:570px;margin-inline:auto} .hs-subject-cards{grid-template-columns:1fr 1fr!important} .hs-subject-cards>.wp-block-column:nth-child(2),.hs-subject-cards>.wp-block-column:nth-child(4){transform:none} .hs-seo-location{grid-template-columns:1fr!important} } @media(max-width:782px){ body.admin-bar .hs-site-header{top:46px} .hs-menu-toggle{width:39px!important;height:39px!important;border-radius:9px!important;background:#081020!important;border-color:rgba(87,119,180,.18)!important} .hs-account-nav.is-open .hs-account-nav__links{background:#071020!important;border:1px solid rgba(77,245,214,.16)!important;border-radius:12px!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important} .hs-account-nav.is-open .hs-account-nav__link,.hs-account-nav.is-open .hs-account-nav__language-trigger{font-size:.78rem!important;justify-content:flex-start!important} .hs-home-hero{padding-inline:16px!important} .hs-home-title{font-size:clamp(2.25rem,11vw,3.35rem)!important;line-height:1.01!important} .hs-home-lead{font-size:.84rem!important;max-width:560px!important} .hs-home-hero .hs-search-block{max-width:100%!important} .hs-home-hero .hs-teacher-search{grid-template-columns:1fr 1fr!important} .hs-home-showcase{min-height:460px!important} .hs-home-showcase__frame{width:min(94%,440px)!important} .hs-home-trust__grid{display:grid!important;grid-template-columns:1fr 1fr!important} .hs-home-trust__grid>.wp-block-column{padding:15px 14px!important;border-bottom:1px solid rgba(87,118,180,.1)!important} .hs-home-trust__grid>.wp-block-column:nth-child(2n){border-right:0!important} .hs-home-section,.hs-seo-section{padding:70px 16px!important} .hs-seo-grid--three,.hs-seo-grid--four,.hs-feature-grid{grid-template-columns:1fr 1fr!important} .hs-cta-band{align-items:flex-start!important;flex-direction:column!important} } @media(max-width:620px){ body{font-size:14px} .hs-site-header__inner{padding-inline:14px!important} .hs-brand-wrap .wp-block-site-title{font-size:.94rem!important} .hs-home-hero{padding:38px 14px 60px!important;background:radial-gradient(circle at 65% 36%,rgba(101,74,222,.15),transparent 31%),#050714!important} .hs-home-hero:before{right:-330px;top:110px;opacity:.3} .hs-home-eyebrow{font-size:.58rem!important} .hs-home-title{font-size:clamp(2.08rem,12vw,2.9rem)!important;letter-spacing:-.052em!important} .hs-home-lead{margin:18px 0 20px!important;font-size:.79rem!important;line-height:1.7!important} .hs-home-hero .hs-teacher-search{grid-template-columns:1fr!important} .hs-home-hero .hs-search-submit{grid-column:auto!important} .hs-home-proof{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} .hs-home-proof span{font-size:.61rem!important} .hs-home-metrics{gap:6px!important} .hs-home-metrics>.wp-block-column{padding-right:8px!important} .hs-home-metrics h3{font-size:.78rem!important}.hs-home-metrics p{font-size:.56rem!important} .hs-home-showcase{min-height:430px!important;margin-top:10px} .hs-home-showcase__frame{width:calc(100% - 24px)!important;border-radius:15px!important} .hs-home-showcase__slides{min-height:320px!important} .hs-home-pro-card{padding:15px!important} .hs-home-pro-card__top{grid-template-columns:64px minmax(0,1fr)!important} .hs-home-pro-card__avatar{width:64px!important;height:76px!important} .hs-home-pro-card__identity h2{font-size:1.03rem!important} .hs-home-pro-card__facts{grid-template-columns:1fr 1fr!important} .hs-home-pro-card__facts span:last-child{grid-column:1/-1!important} .hs-orbit-symbol{width:38px!important;height:38px!important;font-size:.78rem!important} .hs-home-trust__grid{grid-template-columns:1fr!important} .hs-home-trust__grid>.wp-block-column{border-right:0!important;padding-inline:0!important} .hs-home-trust__grid h3{font-size:.7rem!important}.hs-home-trust__grid p{font-size:.59rem!important} .hs-home-section,.hs-seo-section{padding:58px 14px!important} .hs-seo-head h2,.hs-home-section>h2{font-size:1.65rem!important} .hs-seo-lead{font-size:.76rem!important} .hs-seo-grid--three,.hs-seo-grid--four,.hs-feature-grid,.hs-subject-cards{grid-template-columns:1fr!important} .hs-seo-card,.hs-seo-tip,.hs-subject-cards>.wp-block-column,.hs-feature-grid>.wp-block-column{padding:17px!important} .hs-seo-card h3,.hs-seo-tip h3,.hs-subject-cards h3,.hs-feature-grid h3{font-size:.86rem!important} .hs-seo-card p,.hs-seo-tip p,.hs-subject-cards p,.hs-feature-grid p{font-size:.69rem!important} .hs-home-cta{padding:18px 14px 70px!important} .hs-cta-band{min-height:0;padding:25px 20px!important} .hs-signup-modal{padding:12px!important;align-items:flex-end!important} .hs-signup-modal__dialog{padding:24px 16px 18px!important;border-radius:17px!important} .hs-signup-modal__dialog h2{font-size:1.6rem!important} .hs-signup-modal__choices{grid-template-columns:1fr!important} .hs-signup-modal__choice{min-height:78px!important} .hs-site-footer{padding:42px 16px 22px!important} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .hs-motion-ready .hs-reveal,.hs-motion-ready .hs-home-title,.hs-motion-ready .hs-home-lead,.hs-motion-ready .hs-home-hero .hs-search-block{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important} .hs-home-showcase{transform:none!important}.hs-home-pro-card{transition:none!important} } /* Stack visibility correction after legacy transition rules. */ .hs-home-pro-card{display:flex!important;flex-direction:column!important} .hs-home-pro-card.hs-stack-next,.hs-home-pro-card.hs-stack-next2,.hs-home-pro-card.hs-stack-prev{visibility:visible!important;pointer-events:none!important} /* Final type cap: intentionally more restrained than the classic HocaSeç theme. */ @media(min-width:1081px){.hs-home-title{font-size:clamp(2.65rem,4.65vw,4.05rem)!important}} /* ========================================================= HocaSeç Futuristic 3.0.1 — visible scroll-linked motion ========================================================= */ .hs-kinetic-ready body{overflow-x:hidden} .hs-kinetic-stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;opacity:.9} .wp-site-blocks{position:relative;z-index:1} .hs-kinetic-grid{position:absolute;inset:-80px;background-image:linear-gradient(rgba(94,126,188,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,126,188,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.24) 74%,transparent);will-change:transform} .hs-kinetic-geo{position:absolute;display:grid;place-items:center;will-change:transform;opacity:.34;filter:drop-shadow(0 0 24px rgba(91,79,255,.12))} .hs-kinetic-geo:before,.hs-kinetic-geo:after,.hs-kinetic-geo i{content:"";position:absolute;inset:0;border:1px solid currentColor;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)} .hs-kinetic-geo:after{inset:18%;opacity:.55;transform:rotate(30deg)} .hs-kinetic-geo i{inset:36%;opacity:.7;transform:rotate(60deg)} .hs-kinetic-geo--a{width:300px;height:300px;right:-72px;top:18vh;color:rgba(77,245,214,.46)} .hs-kinetic-geo--b{width:440px;height:440px;left:-180px;top:54vh;color:rgba(141,91,255,.39)} .hs-kinetic-geo--c{width:180px;height:180px;right:8vw;top:76vh;color:rgba(214,77,255,.42)} .hs-kinetic-orb{position:absolute;border-radius:50%;will-change:transform;filter:blur(1px);opacity:.22} .hs-kinetic-orb--a{width:420px;height:420px;left:58vw;top:32vh;background:radial-gradient(circle,rgba(108,74,255,.18),rgba(108,74,255,0) 68%)} .hs-kinetic-orb--b{width:360px;height:360px;left:4vw;top:8vh;background:radial-gradient(circle,rgba(77,245,214,.10),rgba(77,245,214,0) 69%)} .hs-scroll-progress{position:fixed;z-index:120;left:0;right:0;top:0;height:2px;pointer-events:none;background:rgba(255,255,255,.02)} .hs-scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#4df5d6 0%,#7658ff 45%,#d44cff 100%);box-shadow:0 0 16px rgba(98,81,255,.72);will-change:transform} /* Sections visibly enter from alternating sides and continue to float with scroll. */ .hs-kinetic-ready .hs-kinetic-section{position:relative;opacity:.16;filter:blur(7px);transform:translate3d(var(--hs-enter-x,0),52px,0) scale(.975);transition:opacity .8s cubic-bezier(.2,.78,.2,1),transform .9s cubic-bezier(.2,.78,.2,1),filter .8s ease;will-change:transform,opacity,filter} .hs-kinetic-ready .hs-kinetic-section.is-kinetic-visible{opacity:1;filter:blur(0);transform:translate3d(0,var(--hs-local-y,0),0) rotateZ(var(--hs-local-rot,0deg)) scale(1)} .hs-kinetic-ready .hs-kinetic-section:after{content:"";position:absolute;left:50%;bottom:8px;width:min(420px,72%);height:1px;transform:translateX(-50%) scaleX(var(--hs-local-progress,.3));transform-origin:center;background:linear-gradient(90deg,transparent,rgba(77,245,214,.28),rgba(123,89,255,.33),transparent);opacity:.8;pointer-events:none} /* Card choreography. */ .hs-kinetic-card{transition-delay:var(--hs-card-delay,0ms)!important;transform-style:preserve-3d} .hs-kinetic-ready .hs-kinetic-section:not(.is-kinetic-visible) .hs-kinetic-card{opacity:.2;transform:translate3d(0,24px,0) rotateX(5deg) scale(.985)} .hs-kinetic-ready .hs-kinetic-section.is-kinetic-visible .hs-kinetic-card{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.78,.2,1),border-color .3s ease,box-shadow .3s ease} /* Hero typography and search subtly separate from the background as page scrolls. */ .hs-kinetic-ready .hs-home-hero__copy{transform:translate3d(0,var(--hs-kinetic-hero-y,0),0);will-change:transform} .hs-kinetic-ready .hs-home-hero:before{transform:rotate(var(--hs-kinetic-hero-rot,0deg))!important} /* Teacher profile showcase has a much more obvious scroll-linked 3D turn. */ .hs-kinetic-ready .hs-home-showcase{transform:translate3d(var(--hs-showcase-scroll-x,0),var(--hs-showcase-scroll-y,0),0) rotateY(var(--hs-showcase-scroll-ry,0deg))!important;transform-style:preserve-3d;will-change:transform} .hs-kinetic-ready .hs-home-showcase__frame{transform:perspective(1100px) rotateZ(var(--hs-frame-rz,0deg));transform-origin:50% 55%;will-change:transform} .hs-kinetic-ready .hs-home-showcase__orbit{animation-duration:18s!important} .hs-kinetic-ready .hs-orbit-symbol{animation-duration:18s!important} @media(max-width:782px){ .hs-kinetic-stage{opacity:.58} .hs-kinetic-geo--a{width:210px;height:210px;right:-90px}.hs-kinetic-geo--b{width:270px;height:270px;left:-150px}.hs-kinetic-geo--c{width:130px;height:130px;right:-25px} .hs-kinetic-orb--a{width:280px;height:280px}.hs-kinetic-orb--b{width:230px;height:230px} .hs-kinetic-ready .hs-kinetic-section{--hs-enter-x:0!important;transform:translate3d(0,36px,0) scale(.985)} .hs-kinetic-ready .hs-kinetic-section.is-kinetic-visible{transform:translate3d(0,var(--hs-local-y,0),0) scale(1)} .hs-scroll-progress{height:2px} } @media(prefers-reduced-motion:reduce){ .hs-kinetic-stage,.hs-scroll-progress{display:none!important} .hs-kinetic-ready .hs-kinetic-section,.hs-kinetic-ready .hs-kinetic-card,.hs-kinetic-ready .hs-home-hero__copy,.hs-kinetic-ready .hs-home-showcase,.hs-kinetic-ready .hs-home-showcase__frame{opacity:1!important;filter:none!important;transform:none!important;transition:none!important} } /* ========================================================= HocaSeç Futuristic 3.0.2 — Pro teacher "digital book" The live Pro showcase remains Core-driven. This layer only changes how the already-rotating profiles are presented. ========================================================= */ .hs-book-showcase .hs-home-showcase__frame{ perspective:1500px!important; transform-style:preserve-3d!important; overflow:visible!important; isolation:isolate; } .hs-book-showcase .hs-home-showcase__slides{ perspective:1450px!important; transform-style:preserve-3d!important; isolation:isolate; } /* A subtle page block behind the current profile. */ .hs-book-showcase .hs-home-showcase__slides:before, .hs-book-showcase .hs-home-showcase__slides:after{ content:""; position:absolute; pointer-events:none; border:1px solid rgba(100,129,190,.14); border-radius:14px; background:linear-gradient(145deg,rgba(15,25,51,.92),rgba(8,14,31,.94)); box-shadow:0 12px 38px rgba(1,4,14,.24); } .hs-book-showcase .hs-home-showcase__slides:before{inset:7px -7px -7px 7px;z-index:0;opacity:.62} .hs-book-showcase .hs-home-showcase__slides:after{inset:13px -13px -13px 13px;z-index:-1;opacity:.34} .hs-book-showcase .hs-home-pro-card{ transform-origin:2% 50%!important; transform-style:preserve-3d!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; transition:transform .88s cubic-bezier(.18,.72,.18,1),opacity .58s ease,filter .58s ease,box-shadow .58s ease!important; box-shadow:inset 10px 0 22px rgba(3,8,25,.18),0 20px 46px rgba(2,5,17,.22)!important; } .hs-book-showcase .hs-home-pro-card.is-active{ box-shadow:inset 12px 0 22px rgba(3,8,25,.16),0 24px 55px rgba(2,5,17,.3)!important; } /* Spine and page-edge illusion. */ .hs-book-showcase .hs-home-pro-card.is-active:before{ content:""; position:absolute; z-index:10; left:0; top:13px; bottom:13px; width:2px; border-radius:2px; background:linear-gradient(to bottom,transparent,rgba(77,245,214,.55) 20%,rgba(122,89,255,.62) 74%,transparent); box-shadow:6px 0 18px rgba(74,74,210,.16); pointer-events:none; } /* Incoming page starts upright at the spine, then unfolds into view. */ .hs-book-showcase .hs-home-pro-card.hs-book-page-in-prep{ z-index:15!important; opacity:.24!important; transform-origin:1% 50%!important; transform:translate3d(2%,0,12px) rotateY(82deg) scale(.985)!important; filter:brightness(.72) saturate(.72)!important; transition:none!important; } /* Outgoing page folds to the left like a turned sheet. */ .hs-book-showcase .hs-home-pro-card.hs-book-page-out{ z-index:16!important; opacity:.08!important; transform-origin:1% 50%!important; transform:translate3d(-10%,0,24px) rotateY(-104deg) scale(.975)!important; filter:brightness(.58) saturate(.6)!important; pointer-events:none!important; } .hs-book-showcase.is-page-turning .hs-home-showcase__frame{ filter:drop-shadow(0 28px 42px rgba(3,6,20,.24)); } /* Cover displayed once when the showcase first enters the viewport. */ .hs-book-cover{ position:absolute; z-index:30; left:10px; right:10px; top:45px; bottom:10px; display:flex; flex-direction:column; justify-content:flex-end; gap:7px; padding:28px 26px; border:1px solid rgba(92,130,197,.32); border-radius:15px; overflow:hidden; background: radial-gradient(circle at 75% 18%,rgba(123,76,255,.24),transparent 33%), linear-gradient(145deg,#111d3b 0%,#0a1229 48%,#070d1d 100%); color:#eff6ff; transform-origin:1% 50%; transform:rotateY(0deg) translateZ(28px); transform-style:preserve-3d; backface-visibility:hidden; -webkit-backface-visibility:hidden; box-shadow:inset 9px 0 24px rgba(2,6,21,.32),0 30px 68px rgba(2,4,18,.5); transition:transform 1.05s cubic-bezier(.16,.78,.16,1),opacity .52s ease .54s,visibility 0s linear 1.08s; pointer-events:none; } .hs-book-cover:before{ content:""; position:absolute; inset:0 auto 0 0; width:7px; background:linear-gradient(to bottom,#4df5d6,#7557ff 55%,#cf4fff); box-shadow:8px 0 28px rgba(88,78,255,.32); } .hs-book-cover:after{ content:""; position:absolute; width:220px; height:220px; right:-72px; top:-78px; border:1px solid rgba(77,245,214,.18); transform:rotate(28deg); clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%); } .hs-book-cover__eyebrow{position:relative;color:#57eed8;font-size:.53rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase} .hs-book-cover strong{position:relative;font-size:1.45rem;line-height:1.04;letter-spacing:-.035em} .hs-book-cover small{position:relative;max-width:260px;color:#8797b6;font-size:.68rem;line-height:1.55} .hs-book-showcase.is-book-open .hs-book-cover{ transform:translate3d(-4%,0,20px) rotateY(-112deg); opacity:0; visibility:hidden; } /* A brief highlight sweeps across the new page after every turn. */ .hs-book-showcase .hs-home-pro-card.hs-book-page-in:after{ content:""; position:absolute; z-index:20; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.07) 46%,transparent 68%); transform:translateX(-115%); animation:hsBookPageGlint .72s ease-out .12s both; } @keyframes hsBookPageGlint{to{transform:translateX(115%)}} @media(max-width:782px){ .hs-book-cover{left:9px;right:9px;top:43px;bottom:9px;padding:22px 19px} .hs-book-cover strong{font-size:1.16rem} .hs-book-cover small{font-size:.62rem} .hs-book-showcase .hs-home-pro-card.hs-book-page-in-prep{transform:translate3d(1%,0,8px) rotateY(72deg) scale(.99)!important} .hs-book-showcase .hs-home-pro-card.hs-book-page-out{transform:translate3d(-6%,0,16px) rotateY(-92deg) scale(.985)!important} } @media(prefers-reduced-motion:reduce){ .hs-book-cover{display:none!important} .hs-book-showcase .hs-home-pro-card{transition:none!important;transform-origin:50% 50%!important} .hs-book-showcase .hs-home-pro-card.hs-book-page-in-prep,.hs-book-showcase .hs-home-pro-card.hs-book-page-out{transform:none!important;opacity:1!important;filter:none!important} .hs-book-showcase .hs-home-pro-card.hs-book-page-in:after{display:none!important} } /* ================================================================ HocaSeç Futuristic 3.0.5 — CINEMATIC SCROLL WORLD Base: 3.0.2. The Pro showcase is deliberately left untouched. This layer connects the lower homepage into one continuous motion scene. ================================================================ */ .hs-main--home{position:relative;isolation:isolate} .hs-cinematic-flow-ready .hs-page-thread{ position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible; pointer-events:none;opacity:.72;mix-blend-mode:screen; } .hs-page-thread__ghost{fill:none;stroke:rgba(126,91,255,.09);stroke-width:1.1;vector-effect:non-scaling-stroke} .hs-page-thread__path{fill:none;stroke:url(#hs-thread-gradient);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(91,234,214,.2))} .hs-page-thread__node{fill:#0d0918;stroke:rgba(106,244,218,.55);stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(79,240,214,.38))} .hs-page-thread__cursor{fill:#7df5dd;stroke:#d8fff8;stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 11px rgba(97,249,221,.95))} /* Keep real Gutenberg content above the connective route. */ .hs-main--home>.wp-block-group, .hs-main--home>.wp-block-columns, .hs-main--home>.hs-home-hero, .hs-main--home>.hs-home-trust, .hs-main--home>.hs-seo-section, .hs-main--home>.hs-home-section, .hs-main--home>.hs-home-cta{position:relative;z-index:5} /* Each lower section becomes a scene, while its authored content remains editable. */ .hs-flow-scene{--hs-scene-glow:.12;--hs-scene-progress:0;--hs-scene-shift:0px;position:relative;overflow:hidden;perspective:1100px;transform-style:preserve-3d} .hs-flow-scene>.hs-flow-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} .hs-flow-scene>:not(.hs-flow-decor){position:relative;z-index:2} .hs-flow-decor__ring,.hs-flow-decor__diamond,.hs-flow-decor__beam,.hs-flow-decor__scan,.hs-flow-decor__orb{position:absolute;display:block;will-change:transform,opacity} .hs-flow-decor__ring{width:clamp(230px,33vw,520px);aspect-ratio:1;border:1px solid rgba(92,235,220,.13);border-radius:50%;box-shadow:inset 0 0 70px rgba(114,65,255,.035),0 0 60px rgba(61,232,210,.025)} .hs-flow-decor__ring:before,.hs-flow-decor__ring:after{content:"";position:absolute;border-radius:inherit;inset:15%;border:1px dashed rgba(171,94,255,.13)} .hs-flow-decor__ring:after{inset:34%;border-style:solid;border-color:rgba(69,244,213,.14)} .hs-flow-decor__diamond{width:clamp(90px,12vw,180px);aspect-ratio:1;border:1px solid rgba(152,93,255,.19);transform:rotate(45deg);background:linear-gradient(135deg,rgba(94,246,220,.025),rgba(155,77,255,.025));box-shadow:0 0 38px rgba(128,77,255,.04)} .hs-flow-decor__diamond:after{content:"";position:absolute;inset:18%;border:1px solid rgba(72,239,216,.12)} .hs-flow-decor__beam{height:1px;width:min(42vw,620px);background:linear-gradient(90deg,transparent,rgba(77,242,218,.22),rgba(141,78,255,.35),transparent);transform-origin:left center;filter:drop-shadow(0 0 5px rgba(94,240,221,.18))} .hs-flow-decor__scan{left:0;right:0;height:110px;background:linear-gradient(180deg,transparent,rgba(71,243,217,.025),transparent);border-top:1px solid rgba(97,245,222,.05);border-bottom:1px solid rgba(157,94,255,.05)} .hs-flow-decor__orb{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(105,72,255,.15),rgba(65,236,213,.035) 45%,transparent 72%);filter:blur(3px)} /* Scene-specific composition: visual language changes as the visitor moves down. */ .hs-flow-search .hs-flow-decor__ring{right:-8%;top:4%} .hs-flow-search .hs-flow-decor__diamond{left:6%;bottom:10%} .hs-flow-search .hs-flow-decor__beam{left:42%;top:20%;transform:rotate(-18deg)} .hs-flow-subjects .hs-flow-decor__ring{left:-12%;top:13%;border-radius:24%} .hs-flow-subjects .hs-flow-decor__diamond{right:8%;top:18%} .hs-flow-subjects .hs-flow-decor__beam{right:-4%;bottom:22%;transform:rotate(13deg)} .hs-flow-modes .hs-flow-decor__ring{right:-6%;bottom:-20%} .hs-flow-modes .hs-flow-decor__diamond{left:10%;top:12%} .hs-flow-modes .hs-flow-decor__scan{top:25%} .hs-flow-steps .hs-flow-decor__ring{left:50%;top:48%;translate:-50% -50%;width:min(62vw,760px);opacity:.45} .hs-flow-steps .hs-flow-decor__diamond{right:5%;bottom:10%} .hs-flow-guide .hs-flow-decor__ring{left:-8%;bottom:-14%} .hs-flow-guide .hs-flow-decor__diamond{right:7%;top:10%} .hs-flow-guide .hs-flow-decor__scan{top:58%} .hs-flow-locations .hs-flow-decor__ring{right:-8%;top:-9%;width:min(47vw,650px)} .hs-flow-locations .hs-flow-decor__diamond{left:5%;bottom:5%} .hs-flow-locations .hs-flow-decor__orb{right:15%;bottom:4%} .hs-flow-cta .hs-flow-decor__beam:nth-child(1){left:-4%;top:34%;width:54%;transform:rotate(8deg)} .hs-flow-cta .hs-flow-decor__beam:nth-child(2){right:-4%;top:64%;width:54%;transform:rotate(188deg)} .hs-flow-cta .hs-flow-decor__ring{left:50%;top:50%;translate:-50% -50%;width:min(60vw,740px);opacity:.34} /* Cards are choreographed with independent translate/rotate properties, preserving existing hover transforms. */ .hs-cinematic-flow-ready .hs-flow-card{will-change:translate,rotate,scale,opacity;transform-style:preserve-3d;backface-visibility:hidden} .hs-cinematic-flow-ready .hs-flow-search .hs-seo-grid--three>.hs-flow-card:nth-child(1), .hs-cinematic-flow-ready .hs-flow-search .hs-seo-grid--three>.hs-flow-card:nth-child(3){transform-origin:center} /* A visible circuit-like track turns the three “Nasıl Çalışır” cards into one animated process. */ .hs-flow-steps .hs-feature-grid{position:relative!important;isolation:isolate} .hs-flow-steps .hs-feature-grid:before{content:"";position:absolute;left:9%;right:9%;top:50%;height:2px;z-index:0;background:rgba(127,94,255,.1);box-shadow:0 0 20px rgba(92,231,214,.03)} .hs-flow-steps .hs-feature-grid:after{content:"";position:absolute;left:9%;top:50%;height:2px;width:82%;z-index:0;transform:scaleX(var(--hs-step-fill,0));transform-origin:left center;background:linear-gradient(90deg,#55ead4,#765cff 52%,#cc50f2);box-shadow:0 0 14px rgba(86,231,214,.42);transition:transform .08s linear} .hs-flow-steps .hs-feature-grid>.wp-block-column{position:relative;z-index:1} .hs-flow-steps .hs-feature-grid>.wp-block-column:before{content:"";position:absolute;left:18px;top:-8px;width:8px;height:8px;border-radius:50%;background:#172338;border:1px solid rgba(98,241,218,.42);box-shadow:0 0 0 6px rgba(86,239,216,.035),0 0 12px rgba(86,239,216,.18)} .hs-flow-steps .hs-feature-grid>.wp-block-column.is-flow-active:before{background:#73f4de;box-shadow:0 0 0 7px rgba(86,239,216,.07),0 0 18px rgba(86,239,216,.8)} /* Guide cards behave like a deck that fans open, not a static grid. */ .hs-flow-guide .hs-guide-grid{perspective:1200px;transform-style:preserve-3d} .hs-flow-guide .hs-seo-tip{transform-origin:center 120%} /* City chips become a subtle constellation. */ .hs-flow-locations .hs-city-panel{overflow:visible!important;transform-style:preserve-3d} .hs-flow-locations .hs-city-chips a{box-shadow:0 0 0 0 rgba(90,238,214,0)} .hs-flow-locations .hs-city-chips p:nth-child(3n+1) a{border-color:rgba(87,239,214,.13)} .hs-flow-locations .hs-city-chips p:nth-child(3n+2) a{border-color:rgba(141,94,255,.16)} .hs-flow-locations .hs-city-chips p:nth-child(3n) a{border-color:rgba(213,77,244,.13)} /* Final CTA acts as a convergence point for the visual route. */ .hs-flow-cta .hs-cta-band{position:relative;overflow:hidden;box-shadow:0 30px 100px rgba(69,36,137,.12)} .hs-flow-cta .hs-cta-band:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(115deg,transparent 8%,rgba(77,239,219,.38),rgba(139,86,255,.55),rgba(218,77,239,.24),transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:var(--hs-cta-border,.25)} /* Kinetic section labels: tiny visual telemetry, decorative only. */ .hs-flow-scene[data-hs-flow-label]:after{content:attr(data-hs-flow-label);position:absolute;z-index:1;right:24px;top:22px;color:rgba(117,241,219,.19);font-size:9px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;pointer-events:none} @media(min-width:783px){ .hs-cinematic-flow-ready .hs-flow-search .hs-seo-grid--three{perspective:1100px} .hs-cinematic-flow-ready .hs-flow-subjects .hs-subject-cards, .hs-cinematic-flow-ready .hs-flow-modes .hs-seo-grid, .hs-cinematic-flow-ready .hs-flow-guide .hs-guide-grid{transform-style:preserve-3d} } @media(max-width:782px){ .hs-page-thread{opacity:.32!important} .hs-page-thread__node{display:none} .hs-flow-scene>.hs-flow-decor{opacity:.58} .hs-flow-decor__ring{width:250px} .hs-flow-decor__diamond{width:92px} .hs-flow-decor__beam{width:260px} .hs-flow-scene[data-hs-flow-label]:after{right:12px;top:12px;font-size:7px;opacity:.6} .hs-flow-steps .hs-feature-grid:before,.hs-flow-steps .hs-feature-grid:after{left:24px;right:auto;top:9%;bottom:9%;width:2px;height:82%;transform-origin:center top} .hs-flow-steps .hs-feature-grid:after{transform:scaleY(var(--hs-step-fill,0))} .hs-flow-steps .hs-feature-grid>.wp-block-column:before{left:-5px;top:18px} } @media(max-width:520px){ .hs-page-thread{display:none!important} .hs-flow-scene>.hs-flow-decor{opacity:.42} .hs-flow-decor__scan{display:none} .hs-flow-decor__ring{width:210px} .hs-flow-locations .hs-city-chips p{translate:none!important;rotate:none!important} } @media(prefers-reduced-motion:reduce){ .hs-page-thread,.hs-flow-decor{display:none!important} .hs-flow-card,.hs-flow-scene,.hs-city-chips p{translate:none!important;rotate:none!important;scale:none!important;opacity:1!important} .hs-flow-steps .hs-feature-grid:after{transform:none!important} } /* ================================================================ HocaSeç Futuristic 3.0.6 — reliable Pro profile hit area The whole active profile card is the link. Decorative/transition layers must never steal pointer events from it. ================================================================ */ .hs-home-showcase__frame, .hs-home-showcase__slides{pointer-events:auto!important} .hs-home-showcase__slides::before, .hs-home-showcase__slides::after, .hs-home-showcase__frame::before, .hs-home-showcase__frame::after, .hs-book-cover, .hs-home-showcase__orbit, .hs-orbit-symbol{pointer-events:none!important} .hs-home-pro-card:not(.is-active){pointer-events:none!important} .hs-home-pro-card.is-active{ z-index:80!important; pointer-events:auto!important; cursor:pointer!important; } /* The card itself is the anchor. Making its non-interactive children transparent to hit-testing prevents transformed page/stack children from intermittently swallowing the click during a carousel turn. */ .hs-home-pro-card.is-active > *, .hs-home-pro-card.is-active > * *{pointer-events:none!important} .hs-home-pro-card.is-active:focus-visible{ outline:2px solid #55f1d8!important; outline-offset:5px!important; } /* ================================================================ HocaSeç Futuristic 3.0.7 — persistent Pro profile hitbox The animation can freely transform/replace teacher cards while this non-transformed native link remains the stable pointer target. ================================================================ */ .hs-home-showcase__slides{ position:relative!important; } .hs-home-showcase__profile-hitbox{ position:absolute!important; inset:0!important; z-index:500!important; display:block!important; border-radius:14px!important; background:transparent!important; color:transparent!important; text-decoration:none!important; cursor:pointer!important; pointer-events:auto; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transform:none!important; filter:none!important; opacity:1!important; } .hs-home-showcase__profile-hitbox:not([href]){pointer-events:none!important} /* Decorative motion layers stay visually above/below as designed but cannot steal the pointer from the persistent profile hitbox. */ .hs-home-showcase__slides::before, .hs-home-showcase__slides::after, .hs-home-showcase__orbit, .hs-orbit-symbol, .hs-book-cover{pointer-events:none!important} /* ========================================================= HocaSeç Futuristic 3.1.0 — cinematic pinned scroll scenes The page behaves as one connected digital product story. ========================================================= */ html.hs-cinema-ready{scroll-behavior:smooth} .hs-cinema-world{ position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none; background: radial-gradient(circle at 22% 18%,rgba(87,64,255,.13),transparent 27%), radial-gradient(circle at 78% 68%,rgba(42,230,205,.08),transparent 24%); } .hs-main--home,.hs-site-header,.hs-site-footer{position:relative;z-index:1} .hs-cinema-world__grid{ position:absolute;inset:-15%;opacity:.22; background-image:linear-gradient(rgba(74,112,179,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,112,179,.055) 1px,transparent 1px); background-size:64px 64px; transform:perspective(900px) rotateX(62deg) translate3d(0,var(--hs-world-grid-y,0px),-170px) scale(1.35); transform-origin:50% 50%; } .hs-cinema-world__halo{position:absolute;border-radius:50%;filter:blur(30px);opacity:.42;will-change:transform} .hs-cinema-world__halo--a{width:38vw;height:38vw;min-width:320px;min-height:320px;left:-12vw;top:16vh;background:radial-gradient(circle,rgba(131,76,255,.20),transparent 66%);transform:translate3d(var(--hs-world-a-x,0px),var(--hs-world-a-y,0px),0)} .hs-cinema-world__halo--b{width:34vw;height:34vw;min-width:280px;min-height:280px;right:-10vw;bottom:8vh;background:radial-gradient(circle,rgba(45,231,211,.13),transparent 67%);transform:translate3d(var(--hs-world-b-x,0px),var(--hs-world-b-y,0px),0)} .hs-cinema-world__ring{position:absolute;border:1px solid rgba(85,231,214,.11);border-radius:50%;will-change:transform} .hs-cinema-world__ring--a{width:38vw;height:38vw;right:-13vw;top:20vh;transform:rotate(var(--hs-world-ring-a-rot,0deg)) scale(var(--hs-world-ring-a-scale,.82))} .hs-cinema-world__ring--a:after{content:"";position:absolute;inset:14%;border:1px dashed rgba(141,92,246,.13);border-radius:50%} .hs-cinema-world__ring--b{width:24vw;height:24vw;left:5vw;bottom:-8vw;border-radius:28%;transform:rotate(var(--hs-world-ring-b-rot,0deg))} .hs-cinema-world__beam{position:absolute;width:70vw;height:1px;left:15vw;top:52vh;background:linear-gradient(90deg,transparent,rgba(70,238,216,.22),rgba(136,82,255,.22),transparent);transform:translateY(var(--hs-world-beam-y,0px)) rotate(-12deg);opacity:.45} /* Disable the superseded experimental 3.0.1/3.0.5 visual layers. */ .hs-kinetic-stage,.hs-scroll-progress,.hs-flow-thread,.hs-flow-decor{display:none!important} .hs-kinetic-section,.hs-flow-scene{transform:none!important;filter:none!important} .hs-cinema-scene{position:relative!important;isolation:isolate;overflow:clip} .hs-cinema-stage{position:relative;z-index:2} .hs-cinema-scene:before{ content:"";position:absolute;z-index:0;pointer-events:none;opacity:.42; width:44vw;height:44vw;max-width:660px;max-height:660px;border-radius:50%; border:1px solid rgba(75,234,215,.07); transform:translate3d(var(--hs-scene-deco-x,0px),var(--hs-scene-deco-y,0px),0) rotate(var(--hs-scene-deco-rot,0deg)); } .hs-cinema-scene:nth-of-type(even):before{right:-19vw;top:14%} .hs-cinema-scene:nth-of-type(odd):before{left:-20vw;top:18%} /* Scene 1 — "from one card to a system": search comparison cards spread apart while pinned. */ .hs-cinema-search .hs-seo-grid{perspective:1200px;transform-style:preserve-3d} .hs-cinema-search .hs-seo-card{ opacity:var(--hs-cinema-opacity,1)!important; transform:translate3d(var(--hs-cinema-x,0),var(--hs-cinema-y,0),var(--hs-cinema-z,0)) rotateY(var(--hs-cinema-ry,0deg))!important; transform-style:preserve-3d;will-change:transform,opacity; transition:box-shadow .25s ease,border-color .25s ease!important } .hs-cinema-search .hs-seo-head{ transform:translate3d(0,var(--hs-head-y,0px),0); opacity:var(--hs-head-opacity,1) } .hs-cinema-search:after{ content:"⌕";position:absolute;z-index:1;right:8%;top:22%;font-size:clamp(120px,17vw,260px);font-weight:200;line-height:1;color:rgba(75,237,216,.035);pointer-events:none; transform:rotate(var(--hs-search-deco-rot,-20deg)) scale(var(--hs-search-deco-scale,.82)) } /* Scene 2 — product-like subject carousel, inspired by the fixed perfume/cookie examples. */ .hs-cinema-subjects{overflow:hidden!important} .hs-cinema-subjects .hs-cinema-stage{perspective:1500px} .hs-cinema-subjects .hs-subject-cards{ position:relative!important;display:block!important;min-height:330px!important;margin-top:52px!important; perspective:1500px;transform-style:preserve-3d } .hs-cinema-subjects .hs-subject-cards>.wp-block-column{ position:absolute!important;left:50%!important;top:10px!important;width:min(330px,29vw)!important;min-height:235px!important;margin:0!important; transform:translate3d(calc(-50% + var(--hs-sub-x,0px)),var(--hs-sub-y,0px),var(--hs-sub-z,0px)) rotateY(var(--hs-sub-ry,0deg)) scale(var(--hs-sub-scale,1))!important; opacity:var(--hs-sub-opacity,1)!important;will-change:transform,opacity; box-shadow:0 34px 90px rgba(0,0,0,.28)!important } .hs-cinema-subject-focus{ position:absolute;z-index:1;left:50%;top:48%;width:min(700px,82vw);transform:translate(-50%,-50%);text-align:center;pointer-events:none } .hs-cinema-subject-focus small{display:block;margin-bottom:6px;color:#4df0d8;font-size:9px;font-weight:800;letter-spacing:.32em} .hs-cinema-subject-focus strong{display:block;color:rgba(239,244,255,.055);font-size:clamp(76px,11vw,170px);font-weight:900;letter-spacing:-.07em;line-height:.82;text-transform:uppercase;white-space:nowrap} .hs-cinema-subject-focus span{display:block;margin-top:18px;color:rgba(142,157,188,.48);font-size:10px;letter-spacing:.16em;text-transform:uppercase} /* Scene 3 — lesson-mode cards unfold around a single central object. */ .hs-cinema-modes .hs-mode-grid{position:relative;z-index:3;perspective:1200px} .hs-cinema-modes .hs-mode-card{ transform:translate3d(var(--hs-mode-x,0),var(--hs-mode-y,0),0) rotateZ(var(--hs-mode-rz,0deg)) scale(var(--hs-mode-scale,1))!important; opacity:var(--hs-mode-opacity,1)!important;will-change:transform,opacity } .hs-cinema-mode-orb{ position:absolute;z-index:1;left:50%;top:56%;width:290px;height:290px;margin:-145px 0 0 -145px;border-radius:50%;pointer-events:none; display:grid;place-items:center;text-align:center; border:1px solid rgba(75,239,216,.12); background:radial-gradient(circle,rgba(92,69,224,.10),rgba(3,9,22,.02) 64%,transparent 66%); transform:rotate(var(--hs-orb-r,0deg)) scale(var(--hs-orb-scale,1)) } .hs-cinema-mode-orb:before,.hs-cinema-mode-orb:after{content:"";position:absolute;border-radius:50%;inset:15%;border:1px dashed rgba(142,88,255,.13)} .hs-cinema-mode-orb:after{inset:32%;border-style:solid;border-color:rgba(75,239,216,.12)} .hs-cinema-mode-orb i{position:absolute;inset:48%;border-radius:50%;background:#4debd8;box-shadow:0 0 30px rgba(77,235,216,.7)} .hs-cinema-mode-orb strong{color:rgba(240,244,255,.075);font-size:42px;line-height:.8;letter-spacing:-.06em;transform:rotate(var(--hs-orb-r-neg,0deg))} .hs-cinema-mode-orb span{position:absolute;bottom:20%;color:rgba(123,143,178,.38);font-size:9px;letter-spacing:.18em;transform:rotate(var(--hs-orb-r-neg,0deg))} /* Scene 4 — pinned process: one step at a time crosses the same stage. */ .hs-cinema-steps .hs-feature-grid{ position:relative!important;display:block!important;min-height:300px!important;margin-top:48px!important;perspective:1300px;overflow:hidden } .hs-cinema-steps .hs-feature-grid>.wp-block-column{ position:absolute!important;left:13%!important;top:0!important;width:74%!important;min-height:220px!important;margin:0!important; transform:translate3d(var(--hs-step-x,0),0,0) scale(var(--hs-step-scale,1))!important; opacity:var(--hs-step-opacity,1)!important;filter:blur(var(--hs-step-blur,0))!important; will-change:transform,opacity,filter } .hs-cinema-step-counter{ position:absolute;right:4%;top:27%;z-index:1;width:150px;height:150px;pointer-events:none;color:#6f7f9e } .hs-cinema-step-counter span{display:block;font-size:86px;font-weight:900;line-height:.8;letter-spacing:-.08em;color:rgba(129,86,255,.12)} .hs-cinema-step-counter i{display:block;width:100%;height:1px;margin-top:20px;background:linear-gradient(90deg,#4ce8d3 0 var(--hs-step-line-pct,0%),rgba(91,111,154,.14) var(--hs-step-line-pct,0%) 100%)} .hs-cinema-step-counter small{display:block;margin-top:8px;font-size:9px;letter-spacing:.18em;text-transform:uppercase} /* Guide cards arrive as a controlled deck instead of random independent movement. */ .hs-cinema-guide .hs-guide-grid{perspective:1300px} .hs-cinema-guide .hs-seo-tip{ opacity:var(--hs-guide-opacity,1)!important; transform:translate3d(0,var(--hs-guide-y,0px),0) rotateZ(var(--hs-guide-rz,0deg)) scale(var(--hs-guide-scale,1))!important; will-change:transform,opacity } /* Location panel becomes a floating interface, city chips move as one constellation. */ .hs-cinema-locations .hs-seo-location{perspective:1200px} .hs-cinema-locations .hs-city-panel{transform:translate3d(var(--hs-loc-x,0px),0,0) rotateY(var(--hs-loc-ry,0deg))!important;will-change:transform} .hs-cinema-locations .hs-city-chips p{transform:translate3d(var(--hs-chip-x,0px),var(--hs-chip-y,0px),0);will-change:transform} .hs-cinema-locations:after{ content:"81";position:absolute;z-index:0;left:4%;bottom:6%;font-size:clamp(120px,20vw,300px);font-weight:900;letter-spacing:-.08em;color:rgba(77,235,216,.028);pointer-events:none } /* Final scene pulls the background into the CTA instead of another isolated card. */ .hs-cinema-cta .hs-cta-band{ transform:scale(var(--hs-cta-scale,.93))!important; box-shadow:0 38px 110px rgba(18,7,52,.34)!important } .hs-cinema-cta:before{left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(var(--hs-cta-rot,0deg))!important} /* Desktop pinned storytelling. */ @media(min-width:901px) and (prefers-reduced-motion:no-preference){ .hs-cinema-search,.hs-cinema-modes,.hs-cinema-steps{min-height:158vh!important;padding-top:0!important;padding-bottom:0!important} .hs-cinema-subjects{min-height:150vh!important} .hs-cinema-guide,.hs-cinema-locations{min-height:125vh!important} .hs-cinema-cta{min-height:88vh!important;display:flex!important;align-items:center!important} .hs-cinema-search>.hs-cinema-stage,.hs-cinema-subjects>.hs-cinema-stage,.hs-cinema-modes>.hs-cinema-stage,.hs-cinema-steps>.hs-cinema-stage,.hs-cinema-guide>.hs-cinema-stage,.hs-cinema-locations>.hs-cinema-stage{ position:sticky!important;top:11vh!important;min-height:72vh;display:flex;flex-direction:column;justify-content:center } .hs-cinema-cta>.hs-cinema-stage{width:100%} } /* Tablet/mobile: keep the same visual language but avoid long pinned traps. */ @media(max-width:900px){ .hs-cinema-world{opacity:.62} .hs-cinema-scene{min-height:auto!important} .hs-cinema-stage{position:relative!important;top:auto!important} .hs-cinema-subjects .hs-subject-cards{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:auto!important;margin-top:24px!important} .hs-cinema-subjects .hs-subject-cards>.wp-block-column{ position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:0!important; transform:translate3d(0,var(--hs-sub-y,0px),0) scale(.99)!important;opacity:1!important } .hs-cinema-subject-focus{display:none} .hs-cinema-mode-orb{width:190px;height:190px;margin:-95px 0 0 -95px;opacity:.5} .hs-cinema-mode-orb strong{font-size:28px} .hs-cinema-steps .hs-feature-grid{display:grid!important;grid-template-columns:1fr!important;min-height:auto!important;margin-top:24px!important;overflow:visible} .hs-cinema-steps .hs-feature-grid>.wp-block-column{ position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:0!important; transform:none!important;opacity:1!important;filter:none!important } .hs-cinema-step-counter{display:none} .hs-cinema-search .hs-seo-card{transform:translate3d(0,var(--hs-cinema-y,0px),0)!important;opacity:1!important} .hs-cinema-modes .hs-mode-card{transform:translate3d(0,var(--hs-mode-y,0px),0)!important;opacity:1!important} } @media(max-width:600px){ .hs-cinema-subjects .hs-subject-cards{grid-template-columns:1fr!important} .hs-cinema-mode-orb{opacity:.32} .hs-cinema-world__ring--a{width:85vw;height:85vw;right:-42vw} .hs-cinema-world__ring--b{width:62vw;height:62vw;left:-24vw} } @media(prefers-reduced-motion:reduce){ .hs-cinema-world{display:none!important} .hs-cinema-scene,.hs-cinema-stage,.hs-cinema-scene *{transform:none!important;filter:none!important;opacity:1!important} .hs-cinema-subject-focus,.hs-cinema-mode-orb,.hs-cinema-step-counter{display:none!important} } /* 3.1.1 — iyzico merchant-review distance-sales consent */ .hs-payment-consents{display:grid;gap:12px;padding:16px 18px;border:1px solid rgba(162,126,255,.18);border-radius:16px;background:rgba(18,12,31,.72)} .hs-portal-consent{display:grid!important;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:0!important;color:rgba(244,240,250,.86);font-size:.9rem;line-height:1.55} .hs-portal-consent input[type=checkbox]{width:18px!important;height:18px!important;min-height:auto!important;margin-top:3px;accent-color:#8b5cf6} .hs-contract-link-button{display:inline;padding:0;border:0;background:none;color:#d7c2ff;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer} .hs-contract-link-button:hover{color:#fff} .hs-payment-legal-links{margin:0 0 0 30px!important;color:var(--hs-muted);font-size:.82rem}.hs-payment-legal-links a{color:#cdb8ff} .hs-contract-dialog{width:min(880px,calc(100vw - 32px));max-height:min(86vh,900px);padding:0;border:1px solid rgba(164,122,255,.3);border-radius:24px;background:#0e0918;color:#f7f3ff;box-shadow:0 40px 120px rgba(0,0,0,.72);overflow:hidden} .hs-contract-dialog::backdrop{background:rgba(3,2,8,.76);backdrop-filter:blur(10px)} .hs-contract-dialog__shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:86vh} .hs-contract-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)} .hs-contract-dialog header h2{margin:3px 0 0;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.03em} .hs-contract-dialog__close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:1.5rem;cursor:pointer} .hs-contract-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)} .hs-contract-summary>div{padding:14px 18px;background:#120c20}.hs-contract-summary small{display:block;color:#9388a5;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.hs-contract-summary strong{display:block;margin-top:4px;font-size:.95rem} .hs-contract-dialog__body{overflow:auto;padding:6px 24px 22px;scrollbar-width:thin;scrollbar-color:#5d3c8c transparent} .hs-contract-dialog__body section{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}.hs-contract-dialog__body section:last-child{border-bottom:0}.hs-contract-dialog__body h3{margin:0 0 7px;font-size:1rem}.hs-contract-dialog__body p{margin:0;color:#bdb4ca;line-height:1.7;font-size:.9rem} .hs-contract-dialog__body .hs-business-info{margin-top:10px} .hs-contract-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);background:#0b0712} @media(max-width:640px){.hs-contract-dialog{width:calc(100vw - 18px);max-height:90vh;border-radius:18px}.hs-contract-dialog__shell{max-height:90vh}.hs-contract-dialog header{padding:18px 16px 13px}.hs-contract-summary{grid-template-columns:1fr}.hs-contract-summary>div{padding:10px 16px}.hs-contract-dialog__body{padding:4px 16px 16px}.hs-contract-dialog footer{display:grid;grid-template-columns:1fr;padding:12px 16px}.hs-contract-dialog footer .hs-button{width:100%}.hs-payment-consents{padding:14px}.hs-payment-legal-links{margin-left:28px!important}} /* ================================================================ HocaSeç Futuristic 3.1.2 — global mobile navigation layer One header/menu behavior on every template. The homepage cinematic stacking contexts must never paint over the navigation panel. ================================================================ */ .wp-site-blocks > header.wp-block-template-part{ position:relative!important; z-index:10000!important; overflow:visible!important; } .hs-site-header{ z-index:10010!important; overflow:visible!important; isolation:isolate; } .hs-site-header__inner{ position:relative!important; z-index:10011!important; overflow:visible!important; } .hs-account-nav{ position:relative; z-index:10012!important; } .hs-main--home{ z-index:0!important; } @media(max-width:782px){ /* The toggle remains a flex item, while the panel is anchored to the shared header inner wrapper so it has the same geometry on all pages. */ .hs-account-nav{position:static!important} .hs-menu-toggle{ position:relative!important; z-index:10014!important; overflow:hidden; } .hs-menu-toggle span, .hs-menu-toggle::before, .hs-menu-toggle::after{ position:absolute!important; left:50%!important; top:50%!important; width:20px!important; height:2px!important; margin:0!important; transform-origin:center!important; transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .16s ease,width .22s ease!important; will-change:transform,opacity; } .hs-menu-toggle::before{transform:translate(-50%,calc(-50% - 6px))} .hs-menu-toggle span{transform:translate(-50%,-50%)} .hs-menu-toggle::after{transform:translate(-50%,calc(-50% + 6px))} .hs-account-nav.is-open .hs-menu-toggle::before{transform:translate(-50%,-50%) rotate(45deg)} .hs-account-nav.is-open .hs-menu-toggle span{opacity:0;transform:translate(-50%,-50%) scaleX(.35)} .hs-account-nav.is-open .hs-menu-toggle::after{transform:translate(-50%,-50%) rotate(-45deg)} .hs-account-nav__links{ display:flex!important; z-index:10013!important; left:14px!important; right:14px!important; top:calc(100% + 8px)!important; transform-origin:top right; opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(0,-10px,0) scale(.985); filter:blur(2px); transition: opacity .18s ease, transform .22s cubic-bezier(.2,.82,.2,1), filter .18s ease, visibility 0s linear .22s!important; background:#071020!important; border:1px solid rgba(77,245,214,.16)!important; border-radius:12px!important; box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 0 1px rgba(124,92,255,.05)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } .hs-account-nav.is-open .hs-account-nav__links{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0) scale(1)!important; filter:none!important; transition-delay:0s!important; } .hs-account-nav.is-open .hs-account-nav__link, .hs-account-nav.is-open .hs-account-nav__language-trigger{ animation:hs-nav-item-in .28s cubic-bezier(.2,.8,.2,1) both; } .hs-account-nav.is-open .hs-account-nav__link:nth-child(2){animation-delay:.025s} .hs-account-nav.is-open .hs-account-nav__link:nth-child(3){animation-delay:.05s} .hs-account-nav.is-open .hs-account-nav__link:nth-child(4){animation-delay:.075s} .hs-account-nav.is-open .hs-account-nav__link:nth-child(5){animation-delay:.10s} .hs-account-nav.is-open .hs-account-nav__link:nth-child(6){animation-delay:.125s} .hs-account-nav.is-open .hs-account-nav__language{animation:hs-nav-item-in .28s .13s cubic-bezier(.2,.8,.2,1) both} } @keyframes hs-nav-item-in{ from{opacity:0;transform:translate3d(0,-5px,0)} to{opacity:1;transform:translate3d(0,0,0)} } @media(prefers-reduced-motion:reduce){ .hs-menu-toggle span,.hs-menu-toggle::before,.hs-menu-toggle::after, .hs-account-nav__links, .hs-account-nav.is-open .hs-account-nav__link, .hs-account-nav.is-open .hs-account-nav__language-trigger, .hs-account-nav.is-open .hs-account-nav__language{ transition:none!important; animation:none!important; filter:none!important; } } /* 3.1.3 hero glyph safety + clearer free-message readiness */ .hs-home-title{line-height:1.08!important;padding-bottom:.08em!important;overflow:visible!important;text-wrap:balance!important} .hs-home-title span{margin-top:.16em!important} @media(max-width:782px){.hs-home-title{line-height:1.08!important;padding-bottom:.08em!important}} @media(max-width:620px){.hs-home-title{line-height:1.09!important;padding-bottom:.09em!important}}