/* YAZAR Super Pro Home - integrated public portal */
.home-pro .site-header{top:0}
.home-pro .header-inner{min-height:82px}
.home-pro .brand img{width:50px;height:50px}
.home-pro .brand strong{font-size:25px}
.home-pro .topbar{background:linear-gradient(90deg,#061d42,#0d3568)}
.home-pro .topbar-inner{min-height:42px}
.pro-status{display:flex;align-items:center;gap:8px;color:#dce7f5;font-weight:700}
.pro-status-dot{width:7px;height:7px;border-radius:50%;background:#53d496;box-shadow:0 0 0 5px rgba(83,212,150,.12)}
.header-tools{display:flex;align-items:center;gap:8px}
.header-search,.header-login{min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);padding:8px 12px;font-weight:800;cursor:pointer}
.header-login{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-color:transparent}
.header-search:hover,.header-login:hover{transform:translateY(-1px)}
.home-pro .main-nav{gap:18px}
.home-pro .main-nav a{font-size:13px}

.super-hero{position:relative;overflow:hidden;padding:86px 0 70px;background:
 radial-gradient(circle at 78% 18%,rgba(230,165,14,.19),transparent 22%),
 radial-gradient(circle at 8% 80%,rgba(18,61,116,.10),transparent 26%),
 linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line)}
.super-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(8,38,83,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,38,83,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 92%)}
.super-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(154,101,0,.22);background:rgba(255,250,236,.75);border-radius:999px;color:#835800;font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
:root[data-theme="dark"] .hero-kicker{background:rgba(154,101,0,.16);color:#f2c867;border-color:rgba(242,200,103,.25)}
.hero-kicker i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(154,101,0,.10)}
.super-hero h1{max-width:830px;margin:20px 0 20px;font-family:Georgia,serif;font-size:clamp(48px,6.5vw,82px);line-height:.99;letter-spacing:-.052em;color:var(--navy)}
:root[data-theme="dark"] .super-hero h1{color:#fff}
.super-hero h1 em{font-style:normal;color:var(--gold)}
.super-hero-lead{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8;margin:0}
.super-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 24px}
.btn-pro{display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:900;transition:.2s ease}
.btn-pro:hover{transform:translateY(-2px)}
.btn-pro.primary{color:#fff;background:linear-gradient(135deg,#061d42,#123d74);box-shadow:0 12px 28px rgba(8,38,83,.20)}
.btn-pro.secondary{background:var(--card);border-color:var(--line);color:var(--navy)}
:root[data-theme="dark"] .btn-pro.secondary{color:#fff}
.btn-pro.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:12px;font-weight:800}
.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust b{color:var(--success)}

.portal-console{position:relative;border-radius:28px;padding:18px;background:linear-gradient(145deg,#061d42,#0d3568 60%,#174b84);box-shadow:0 28px 70px rgba(4,28,63,.20);color:#fff;isolation:isolate}
.portal-console:before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.12);border-radius:27px;pointer-events:none}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 3px 15px}
.console-brand{display:flex;align-items:center;gap:10px}.console-brand img{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(255,255,255,.3)}
.console-brand strong{display:block;font-family:Georgia,serif;font-size:18px}.console-brand small{display:block;color:#b9c9de;font-size:10px;letter-spacing:.06em}
.live-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.10em}.live-badge i{width:6px;height:6px;border-radius:50%;background:#5ce39e}
.console-logo{background:#fff;border-radius:20px;padding:16px;overflow:hidden}.console-logo img{width:100%;aspect-ratio:1.55/1;object-fit:contain;border-radius:13px}
.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.console-metrics article{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:14px;padding:12px}.console-metrics strong{display:block;font-size:22px}.console-metrics span{color:#b9c9de;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.console-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 3px 1px;color:#b9c9de;font-size:10px}.console-foot b{color:#f0c660}

.announcement-pro{background:linear-gradient(90deg,#8d5c00,#b77700,#d39a1d);color:#fff}
.announcement-inner{min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.announcement-label{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#754d00;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}
.announcement-inner p{margin:0;font-size:13px}.announcement-inner a{font-weight:900;font-size:12px}

.quick-hub{position:relative;margin-top:-1px;padding:28px 0 8px;background:var(--bg)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.quick-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 8px 22px rgba(8,38,83,.04);transition:.18s}
.quick-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(8,38,83,.08);border-color:rgba(154,101,0,.35)}
.quick-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--surface);color:var(--navy);font-size:19px;font-weight:900}
.quick-card strong{display:block;color:var(--navy);font-size:13px}.quick-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.quick-arrow{color:var(--gold);font-weight:900}
:root[data-theme="dark"] .quick-card strong,:root[data-theme="dark"] .quick-icon{color:#fff}

.pro-stats{padding:34px 0 54px}.pro-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pro-stat{position:relative;overflow:hidden;padding:21px;border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 8px 24px rgba(8,38,83,.04)}
.pro-stat:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;top:-28px;background:rgba(8,38,83,.035)}.pro-stat strong{display:block;color:var(--navy);font-size:32px;line-height:1;margin-bottom:7px}.pro-stat span{color:var(--muted);font-size:12px;font-weight:800}.pro-stat small{display:block;color:var(--success);font-size:10px;margin-top:8px;font-weight:800}:root[data-theme="dark"] .pro-stat strong{color:#fff}

.section-pro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-pro-head>div{max-width:750px}.section-pro-head h2{margin:0 0 10px;font:700 clamp(34px,4vw,50px)/1.08 Georgia,serif;color:var(--navy);letter-spacing:-.025em}.section-pro-head p{margin:0;color:var(--muted);font-size:16px}.section-pro-head a{font-size:12px;color:var(--navy);font-weight:900;white-space:nowrap}:root[data-theme="dark"] .section-pro-head h2,:root[data-theme="dark"] .section-pro-head a{color:#fff}

.editorial-spotlight{padding:82px 0;background:linear-gradient(180deg,var(--bg),var(--surface))}.spotlight-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.featured-work{position:relative;min-height:405px;border-radius:25px;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#061d42,#174a82);color:#fff;box-shadow:var(--shadow)}
.featured-work:before{content:"Ə";position:absolute;right:30px;top:-25px;font:700 270px Georgia,serif;color:rgba(255,255,255,.045);line-height:1}.featured-work:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(230,165,14,.22),transparent 24%);pointer-events:none}
.featured-work>*{position:relative;z-index:1}.featured-work .pill{align-self:flex-start;background:rgba(255,255,255,.10);color:#f4d580;border:1px solid rgba(255,255,255,.14)}.featured-work h3{max-width:720px;margin:13px 0 12px;font:700 clamp(30px,4vw,47px)/1.08 Georgia,serif}.featured-work p{max-width:680px;margin:0 0 20px;color:#d6e1ef;font-size:15px}.featured-work-meta{display:flex;flex-wrap:wrap;gap:15px;color:#bccbe0;font-size:11px}.featured-work a{margin-top:23px;align-self:flex-start;color:#fff;font-weight:900;font-size:12px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}
.spotlight-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.pulse-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 10px 28px rgba(8,38,83,.045)}.pulse-card .mini-label{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pulse-card h3{margin:10px 0 8px;color:var(--navy);font:700 23px/1.2 Georgia,serif}.pulse-card p{margin:0;color:var(--muted);font-size:12px}.pulse-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.pulse-meta span{border-radius:999px;background:var(--surface);padding:5px 8px;color:var(--muted);font-size:9px;font-weight:800}.pulse-card a{display:inline-block;margin-top:15px;color:var(--navy);font-size:11px;font-weight:900}:root[data-theme="dark"] .pulse-card h3,:root[data-theme="dark"] .pulse-card a{color:#fff}

.values-strip{padding:0 0 82px;background:var(--surface)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}.value-item{padding:22px;border-right:1px solid var(--line)}.value-item:last-child{border-right:0}.value-item b{display:block;color:var(--gold);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.value-item strong{display:block;color:var(--navy);font-family:Georgia,serif;font-size:18px;margin:8px 0 5px}.value-item p{margin:0;color:var(--muted);font-size:11px}:root[data-theme="dark"] .value-item strong{color:#fff}

.home-pro #authors,.home-pro #works,.home-pro #news,.home-pro #events{scroll-margin-top:96px}
.home-pro .author-card,.home-pro .work-card,.home-pro .news-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-pro .author-card:hover,.home-pro .work-card:hover,.home-pro .news-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(8,38,83,.09);border-color:rgba(154,101,0,.32)}
.home-pro .work-card{display:flex;flex-direction:column}.home-pro .work-card .link-btn{margin-top:auto}.home-pro .author-card .avatar{overflow:hidden}

.workflow-section{padding:82px 0;background:linear-gradient(135deg,#061d42,#0d3568);color:#fff}.workflow-section .section-pro-head h2,.workflow-section .section-pro-head a{color:#fff}.workflow-section .section-pro-head p{color:#bdcce0}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-step{position:relative;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.06)}.workflow-step span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(230,165,14,.15);color:#f3c968;font-weight:900}.workflow-step h3{margin:15px 0 6px;font-size:15px}.workflow-step p{margin:0;color:#b9c9dd;font-size:11px}.workflow-step:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;z-index:2;color:#e9bd52;font-weight:900}

.membership-pro-note{display:flex;gap:9px;align-items:flex-start;margin-top:20px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.05);color:#d5e0ef;font-size:11px}.membership-pro-note b{color:#ffd36f}

.footer-pro-note{margin-top:14px;display:flex;gap:7px;align-items:center;color:#7f94af;font-size:10px}.footer-pro-note i{width:6px;height:6px;border-radius:50%;background:#4cd28d}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#b77700,#f0c55b);z-index:3000;pointer-events:none}

@media(max-width:1080px){.super-hero-grid{grid-template-columns:1fr .86fr;gap:38px}.quick-grid{grid-template-columns:repeat(2,1fr)}.spotlight-grid{grid-template-columns:1fr}.spotlight-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.values-grid{grid-template-columns:repeat(2,1fr)}.value-item:nth-child(2){border-right:0}.value-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-step:nth-child(2):after{display:none}}
@media(max-width:980px){.super-hero{padding-top:54px}.super-hero-grid{grid-template-columns:1fr}.portal-console{max-width:650px}.super-hero-copy{order:1}.portal-console{order:2}.header-tools{margin-left:auto}.header-tools .header-search{display:none}.home-pro .main-nav{top:86px}.pro-stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.home-pro .topbar-inner{justify-content:center}.pro-status{font-size:10px}.home-pro .topbar-actions .text-btn{display:none}.home-pro .header-inner{min-height:70px}.home-pro .brand img{width:44px;height:44px}.home-pro .brand strong{font-size:21px}.home-pro .brand small{font-size:10px}.header-login{display:none}.super-hero{padding:45px 0 48px}.super-hero-grid{gap:34px}.super-hero h1{font-size:clamp(43px,13vw,58px);line-height:1.01}.super-hero-lead{font-size:15px;line-height:1.7}.super-hero-actions{display:grid;grid-template-columns:1fr 1fr}.super-hero-actions .btn-pro:first-child{grid-column:1/-1}.hero-trust{display:grid;gap:7px}.portal-console{padding:12px;border-radius:22px}.console-logo{padding:10px;border-radius:15px}.console-metrics article{padding:10px}.console-metrics strong{font-size:18px}.announcement-inner{grid-template-columns:auto 1fr;padding:10px 0}.announcement-inner a{grid-column:2}.quick-grid{grid-template-columns:1fr}.pro-stats-grid{grid-template-columns:1fr 1fr;gap:9px}.pro-stat{padding:16px}.pro-stat strong{font-size:27px}.section-pro-head{align-items:flex-start;flex-direction:column;margin-bottom:28px}.editorial-spotlight{padding:64px 0}.featured-work{min-height:380px;padding:24px}.spotlight-side{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.value-item{border-right:0;border-bottom:1px solid var(--line)}.value-item:last-child{border-bottom:0}.workflow-grid{grid-template-columns:1fr}.workflow-step:after{display:none}.workflow-section{padding:64px 0}.home-pro .cards-grid{gap:14px}.home-pro .section-pad{padding:68px 0}.home-pro .event-card{padding:16px;gap:14px}.home-pro .form-card{padding:20px}.quick-hub{padding-top:18px}}
@media(max-width:430px){.super-hero-actions{grid-template-columns:1fr}.super-hero-actions .btn-pro:first-child{grid-column:auto}.console-metrics{grid-template-columns:1fr 1fr}.console-metrics article:last-child{grid-column:1/-1}.pro-stats-grid{grid-template-columns:1fr}.header-tools{gap:5px}.header-tools .icon-btn{display:none}}
@media(prefers-reduced-motion:reduce){.quick-card,.home-pro .author-card,.home-pro .work-card,.home-pro .news-card,.btn-pro{transition:none!important}}


/* Author login connection fix */
.login-modal-pro{width:min(520px,calc(100% - 24px));border-radius:22px;overflow:hidden}
.login-modal-head{background:linear-gradient(135deg,#061d42,#123d74);color:#fff}
.login-modal-head>div{display:grid;gap:2px}.login-modal-head small{color:#c7d5e7;font-size:11px}
.login-modal-body{gap:15px}.login-help{margin:0;color:var(--muted);font-size:12px}
.login-password-wrap{position:relative;display:block}.login-password-wrap input{padding-right:74px}
.login-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-height:36px;border:0;border-radius:8px;background:var(--surface);color:var(--ink);padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.login-options>a{color:var(--gold);font-weight:900}
.login-remember{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:7px!important;font-weight:600!important;color:var(--muted)}.login-remember input{width:auto}
.login-demo-info{padding:10px 12px;border-radius:10px;background:var(--surface);color:var(--muted);font-size:11px}.login-demo-info strong{color:var(--navy)}
:root[data-theme="dark"] .login-demo-info strong{color:#fff}
@media(max-width:680px){
  .header-login{display:inline-flex!important;min-height:40px;padding:8px 10px;font-size:11px}
  .login-modal-pro{width:calc(100% - 14px);max-height:92dvh;border-radius:16px}
  .login-modal-body input{font-size:16px}
  .login-options{align-items:flex-start;flex-direction:column}
}

/* Generated percentage utilities */
.p0{width:0%!important}
.p1{width:1%!important}
.p2{width:2%!important}
.p3{width:3%!important}
.p4{width:4%!important}
.p5{width:5%!important}
.p6{width:6%!important}
.p7{width:7%!important}
.p8{width:8%!important}
.p9{width:9%!important}
.p10{width:10%!important}
.p11{width:11%!important}
.p12{width:12%!important}
.p13{width:13%!important}
.p14{width:14%!important}
.p15{width:15%!important}
.p16{width:16%!important}
.p17{width:17%!important}
.p18{width:18%!important}
.p19{width:19%!important}
.p20{width:20%!important}
.p21{width:21%!important}
.p22{width:22%!important}
.p23{width:23%!important}
.p24{width:24%!important}
.p25{width:25%!important}
.p26{width:26%!important}
.p27{width:27%!important}
.p28{width:28%!important}
.p29{width:29%!important}
.p30{width:30%!important}
.p31{width:31%!important}
.p32{width:32%!important}
.p33{width:33%!important}
.p34{width:34%!important}
.p35{width:35%!important}
.p36{width:36%!important}
.p37{width:37%!important}
.p38{width:38%!important}
.p39{width:39%!important}
.p40{width:40%!important}
.p41{width:41%!important}
.p42{width:42%!important}
.p43{width:43%!important}
.p44{width:44%!important}
.p45{width:45%!important}
.p46{width:46%!important}
.p47{width:47%!important}
.p48{width:48%!important}
.p49{width:49%!important}
.p50{width:50%!important}
.p51{width:51%!important}
.p52{width:52%!important}
.p53{width:53%!important}
.p54{width:54%!important}
.p55{width:55%!important}
.p56{width:56%!important}
.p57{width:57%!important}
.p58{width:58%!important}
.p59{width:59%!important}
.p60{width:60%!important}
.p61{width:61%!important}
.p62{width:62%!important}
.p63{width:63%!important}
.p64{width:64%!important}
.p65{width:65%!important}
.p66{width:66%!important}
.p67{width:67%!important}
.p68{width:68%!important}
.p69{width:69%!important}
.p70{width:70%!important}
.p71{width:71%!important}
.p72{width:72%!important}
.p73{width:73%!important}
.p74{width:74%!important}
.p75{width:75%!important}
.p76{width:76%!important}
.p77{width:77%!important}
.p78{width:78%!important}
.p79{width:79%!important}
.p80{width:80%!important}
.p81{width:81%!important}
.p82{width:82%!important}
.p83{width:83%!important}
.p84{width:84%!important}
.p85{width:85%!important}
.p86{width:86%!important}
.p87{width:87%!important}
.p88{width:88%!important}
.p89{width:89%!important}
.p90{width:90%!important}
.p91{width:91%!important}
.p92{width:92%!important}
.p93{width:93%!important}
.p94{width:94%!important}
.p95{width:95%!important}
.p96{width:96%!important}
.p97{width:97%!important}
.p98{width:98%!important}
.p99{width:99%!important}
.p100{width:100%!important}
