:root{
 --navy:#0d203d;--navy-2:#17345c;--ink:#17253a;--text:#607087;--muted:#8391a3;
 --blue:#245ff2;--blue-2:#4e7eff;--cyan:#5ed7d0;--mint:#8ce0bc;--lav:#b9b7ff;
 --bg:#f6f9fd;--surface:#fff;--surface-2:#eef5fb;--line:#dfe8f1;
 --shadow-sm:0 12px 30px rgba(24,51,84,.08);--shadow:0 24px 70px rgba(22,48,82,.13);--shadow-lg:0 40px 100px rgba(12,35,69,.18);
 --radius:22px;--radius-lg:34px;--container:1240px;--header:82px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.section{padding:112px 0}.muted-section{background:#f6f9fd}.page-main{padding-top:var(--header)}.home-page .page-main{padding-top:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-.035em}h1{font-size:clamp(45px,6vw,82px);line-height:1.02}h2{font-size:clamp(34px,4vw,56px);line-height:1.08}h3{font-size:22px;line-height:1.2}p{color:var(--text)}em{font-style:normal;color:var(--blue)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:19px}.eyebrow i{width:24px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px}.mini-label{display:block;color:#6c7d91;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.text-link,.text-button{display:inline-flex;align-items:center;gap:11px;color:var(--navy);font-weight:850;letter-spacing:-.01em}.text-link i,.text-button span{font-style:normal;transition:.25s}.text-link:hover i,.text-button:hover span{transform:translateX(5px)}.button-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 20px;border:1px solid transparent;border-radius:13px;font-weight:850;line-height:1;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#4077ff);color:#fff;box-shadow:0 14px 28px rgba(36,95,242,.23)}.btn-primary:hover{box-shadow:0 18px 36px rgba(36,95,242,.32)}.btn-soft{background:#edf3ff;color:var(--blue);border-color:#dce7ff}.btn-ghost{background:transparent;color:var(--navy)}.btn-glass{background:rgba(255,255,255,.7);color:var(--navy);border-color:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(23,44,76,.08)}.btn-white{background:#fff;color:var(--blue);box-shadow:0 15px 35px rgba(5,30,81,.18)}.btn-ghost-light{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}.btn-lg{min-height:54px;padding:15px 25px}.full{width:100%}
/* Header */
.site-header{position:fixed;z-index:60;left:0;right:0;top:0;height:var(--header);display:flex;align-items:center;transition:.32s ease;border-bottom:1px solid transparent}.inner-page .site-header,.site-header.scrolled{background:rgba(255,255,255,.94);border-bottom-color:rgba(213,225,238,.8);box-shadow:0 8px 35px rgba(21,45,77,.07);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{position:relative;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1f5cf0,#65cdd7);box-shadow:0 10px 25px rgba(36,95,242,.23);overflow:hidden}.brand-mark i{position:absolute;width:34px;height:34px;border:1px solid rgba(255,255,255,.32);border-radius:50%;transform:rotate(-24deg)}.brand-mark i:after{content:"";position:absolute;inset:8px -9px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:rotate(72deg)}.brand-mark b{z-index:1;font-size:20px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:18px;letter-spacing:-.03em;color:var(--navy)}.brand-copy small{font-size:10px;color:#75849a;letter-spacing:.04em;margin-top:5px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:auto}.desktop-nav a{position:relative;font-size:13px;font-weight:800;color:#394b62;padding:30px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--blue);transition:.24s}.desktop-nav a:hover{color:var(--blue)}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .btn{font-size:13px;min-height:42px;padding:10px 15px}.menu-toggle{display:none;width:45px;height:45px;border:0;background:#edf3fa;border-radius:12px;padding:12px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:3px}.mobile-menu{position:fixed;z-index:90;inset:0;background:rgba(246,249,253,.98);backdrop-filter:blur(24px);padding:25px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.28s}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between}.mobile-close{border:0;width:46px;height:46px;border-radius:14px;background:#e7eef7;color:var(--navy);font-size:28px}.mobile-menu nav{margin:55px 0 35px}.mobile-menu nav a{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:18px 5px;font-size:28px;font-weight:800;letter-spacing:-.04em}.mobile-menu nav a span{font-size:10px;letter-spacing:.12em;color:var(--blue)}.mobile-auth{display:flex;gap:10px}.mobile-auth .btn{flex:1}.toast{position:fixed;z-index:110;top:100px;right:24px;max-width:420px;background:#fff;color:var(--ink);padding:15px 20px;border-radius:14px;box-shadow:var(--shadow);border-left:4px solid var(--blue);font-weight:700}.toast-warning{border-color:#f0a33a}.toast-success{border-color:#29af7e}
/* Intro */
.intro-screen{position:fixed;z-index:200;inset:0;background:var(--intro-bg);color:var(--intro-text);display:grid;place-content:center;text-align:center;transition:.65s;overflow:hidden}.intro-screen.hidden{opacity:0;visibility:hidden}.intro-pattern{position:absolute;inset:-15%;background:radial-gradient(circle at 25% 30%,rgba(80,134,255,.14),transparent 22%),radial-gradient(circle at 75% 65%,rgba(83,214,201,.17),transparent 20%);animation:introFloat 5s ease-in-out infinite alternate}.intro-logo{position:relative;margin:auto auto 25px}.brand-mark.giant{width:80px;height:80px;border-radius:25px}.intro-screen h2{position:relative;font-size:clamp(25px,3vw,39px);margin-bottom:28px}.intro-progress{position:relative;width:220px;height:3px;background:#dfe8f3;border-radius:4px;margin:auto;overflow:hidden}.intro-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:introLoad var(--duration) linear forwards}@keyframes introLoad{from{width:0}to{width:100%}}@keyframes introFloat{to{transform:translate3d(2%,3%,0) scale(1.08)}}
/* Banner */
.banner-slider{position:relative;height:100svh;min-height:720px;overflow:hidden;background:#edf6ff}.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;isolation:isolate}.banner-slide.is-active{opacity:1;visibility:visible}.banner-media,.banner-media picture,.banner-media img,.banner-media video,.banner-media iframe{position:absolute;inset:0;width:100%;height:100%}.banner-media img,.banner-media video{object-fit:cover}.banner-media iframe{border:0;pointer-events:none;transform:scale(1.04)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,251,255,.96) 0%,rgba(247,251,255,.83) 35%,rgba(247,251,255,.26) 66%,rgba(247,251,255,.08) 100%),var(--gradient);z-index:1}.banner-glow{position:absolute;z-index:1;border-radius:50%;filter:blur(6px);opacity:.6}.banner-glow.one{width:520px;height:520px;left:-240px;bottom:-250px;background:radial-gradient(circle,rgba(85,207,211,.32),transparent 68%)}.banner-glow.two{width:440px;height:440px;right:8%;top:10%;background:radial-gradient(circle,rgba(101,126,255,.18),transparent 68%)}.banner-content{position:relative;z-index:3;height:100%;display:flex;align-items:center;padding-top:var(--header)}.banner-copy{width:min(700px,60%)}.banner-copy h1{font-size:clamp(50px,var(--title-size),86px);max-width:740px;margin-bottom:24px}.banner-copy h1 em{position:relative;white-space:nowrap}.banner-copy h1 em:after{content:"";position:absolute;left:2px;right:2px;bottom:-5px;height:10px;border-bottom:4px solid rgba(36,95,242,.22);border-radius:50%}.banner-copy p{font-size:clamp(17px,var(--desc-size),22px);max-width:650px;margin-bottom:34px;color:#53667e}.banner-actions{display:flex;gap:12px;flex-wrap:wrap}.banner-trust{display:flex;gap:27px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(105,126,151,.2);max-width:620px}.banner-trust span{color:#6d7c91;font-size:12px}.banner-trust b{color:var(--navy);font-size:14px}.pos-center{justify-content:center}.pos-center .banner-copy{text-align:center}.pos-right{justify-content:flex-end}.pos-right .banner-copy{text-align:right}.align-center .banner-copy{text-align:center}.align-right .banner-copy{text-align:right}.slider-arrow{position:absolute;z-index:7;top:50%;width:49px;height:49px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.65);backdrop-filter:blur(10px);color:var(--navy);font-size:27px;box-shadow:var(--shadow-sm);transition:.22s}.slider-arrow:hover{background:#fff;transform:translateY(-2px)}.slider-arrow.prev{left:25px}.slider-arrow.next{right:25px}.slider-controls{position:absolute;z-index:7;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.75);padding:8px 10px;border-radius:50px;backdrop-filter:blur(10px)}.slider-dots{display:flex;gap:7px}.slider-dots button{width:8px;height:8px;border:0;border-radius:10px;padding:0;background:#9eafc2;transition:.25s}.slider-dots button.active{width:28px;background:var(--blue)}.slider-pause{border:0;background:transparent;width:28px;height:28px;color:var(--navy);font-weight:900}.scroll-indicator{position:absolute;z-index:7;left:42px;bottom:30px;display:flex;align-items:center;gap:10px;color:#6b7c91;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.scroll-indicator span{display:block;width:24px;height:38px;border:1px solid #9badc1;border-radius:20px;position:relative}.scroll-indicator span:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;background:var(--blue);border-radius:2px;transform:translateX(-50%);animation:scrollDot 1.8s infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,13px)}}
/* Home */
.homepage-flow{display:flex;flex-direction:column}.homepage-flow>.metrics-strip{order:-1}
.metrics-strip{position:relative;z-index:8;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(3,150px) 1fr;align-items:stretch;min-height:112px}.metrics-grid>div{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);padding:18px 30px}.metrics-grid>div:first-child{padding-left:0}.metrics-grid strong{font-size:27px;color:var(--navy);line-height:1}.metrics-grid span{font-size:11px;color:#77869a;margin-top:7px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.metrics-message{border-right:0!important;flex-direction:row!important;align-items:center;gap:13px}.metrics-message p{margin:0;font-size:13px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#34bc87;box-shadow:0 0 0 6px rgba(52,188,135,.12);animation:livePulse 1.8s infinite}@keyframes livePulse{50%{box-shadow:0 0 0 10px rgba(52,188,135,0)}}.platform-section{background:#fff}.platform-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:92px;align-items:center}.section-copy h2{margin-bottom:24px}.section-copy p{font-size:18px;max-width:570px;margin-bottom:32px}.platform-visual{position:relative}.visual-shell{position:relative;border-radius:var(--radius-lg);padding:22px;background:linear-gradient(145deg,#f1f7ff,#edfdf9);box-shadow:var(--shadow);border:1px solid #e2ebf4;min-height:520px;display:grid;place-items:center;overflow:visible}.visual-shell:before{content:"";position:absolute;inset:18px;border:1px solid rgba(88,126,180,.12);border-radius:25px}.visual-shell img{width:92%;position:relative}.floating-note{position:absolute;background:rgba(255,255,255,.93);border:1px solid rgba(218,229,240,.9);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.floating-note span{width:34px;height:34px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:10px;font-size:11px;font-weight:900}.floating-note b{font-size:12px}.note-a{left:-35px;top:18%}.note-b{right:-28px;bottom:18%}.features-section{background:#f7fafd}.section-heading{max-width:750px;margin-bottom:50px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{margin-bottom:15px}.section-heading p{font-size:17px;margin-bottom:0}.section-heading.with-action{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:35px}.section-heading.with-action>div{max-width:740px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{position:relative;min-height:285px;padding:29px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;transition:.3s}.feature-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.35s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-sm)}.feature-card:hover:after{width:100%}.feature-index{position:absolute;right:22px;top:20px;color:#c7d2df;font-size:11px;font-weight:900}.feature-icon{width:53px;height:53px;border-radius:16px;background:linear-gradient(145deg,#e9f1ff,#eafff8);position:relative;margin-bottom:30px}.feature-icon:before,.feature-icon:after{content:"";position:absolute}.icon-layers:before{width:22px;height:17px;border:2px solid var(--blue);border-radius:5px;left:15px;top:13px;box-shadow:4px 4px 0 -1px #75d0d3}.icon-spark:before{width:20px;height:20px;left:16px;top:16px;background:var(--blue);clip-path:polygon(50% 0,61% 36%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 36%)}.icon-teacher:before{width:22px;height:16px;border:2px solid var(--blue);left:15px;top:13px;border-radius:4px}.icon-teacher:after{width:14px;height:2px;background:var(--cyan);left:19px;bottom:12px;box-shadow:0 -5px 0 var(--cyan)}.icon-shield:before{width:21px;height:25px;background:var(--blue);left:16px;top:13px;clip-path:polygon(50% 0,100% 20%,88% 78%,50% 100%,12% 78%,0 20%)}.feature-card h3{margin-bottom:13px}.feature-card p{font-size:14px;margin-bottom:0}.classes-preview{background:#fff}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.class-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;min-height:430px;transition:.32s;box-shadow:0 8px 25px rgba(30,59,91,.045)}.class-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.class-art{position:relative;height:170px;padding:26px;overflow:hidden;background:linear-gradient(145deg,#eaf3ff,#e8fbf6);display:flex;align-items:flex-end;gap:9px}.grade-10 .class-art{background:linear-gradient(145deg,#f0edff,#eaf3ff)}.grade-11 .class-art{background:linear-gradient(145deg,#e9fbf5,#eaf6ff)}.grade-12 .class-art{background:linear-gradient(145deg,#fff4e7,#edf4ff)}.class-art .orb{position:absolute;width:165px;height:165px;right:-37px;top:-58px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(62,108,250,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.class-art .orb:after{content:"";position:absolute;width:72px;height:72px;left:28px;bottom:-17px;border:1px solid rgba(43,92,206,.2);border-radius:50%}.class-art strong{font-size:78px;line-height:.77;color:var(--navy);letter-spacing:-.08em;position:relative}.class-art small{font-size:10px;font-weight:900;letter-spacing:.15em;color:#63748b;position:relative}.class-body{display:flex;flex:1;flex-direction:column;padding:26px}.class-body h3,.class-body h2{font-size:25px;margin-bottom:13px}.class-body p{font-size:13px;margin-bottom:24px}.class-button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;color:var(--blue)}.class-button i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#edf3ff;font-style:normal;transition:.25s}.class-card:hover .class-button i{transform:translateX(4px);background:var(--blue);color:#fff}.resources-preview{background:#f7fafd}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-grid-wide{grid-template-columns:repeat(3,1fr)}.resource-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:440px;transition:.3s}.resource-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.resource-cover{height:195px;position:relative;background:radial-gradient(circle at 75% 20%,rgba(114,221,203,.4),transparent 25%),linear-gradient(145deg,#eaf2ff,#f5f7ff);display:grid;place-items:center;background-size:cover;background-position:center}.resource-cover.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,32,61,.02),rgba(13,32,61,.2))}.resource-type{position:absolute;z-index:2;left:18px;top:18px;background:rgba(255,255,255,.9);padding:7px 10px;border-radius:9px;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--navy);backdrop-filter:blur(7px)}.resource-symbol{font-size:62px;font-weight:900;color:rgba(36,95,242,.18);letter-spacing:-.08em}.resource-body{display:flex;flex:1;flex-direction:column;padding:24px}.resource-kicker{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.resource-kicker>span:first-child{color:#738398;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.access{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900;white-space:nowrap}.access.public{background:#e9fbf3;color:#16825b}.access.members{background:#edf3ff;color:#285fc8}.access.premium{background:#fff5df;color:#a96c00}.resource-body h3{font-size:21px;margin-bottom:12px}.resource-body p{font-size:13px;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resource-body .text-link{margin-top:auto;font-size:12px;color:var(--blue)}.portal-section{background:#fff;padding-top:80px}.portal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.portal-card{position:relative;display:flex;min-height:370px;padding:40px;border-radius:28px;background:#f1f5fb;border:1px solid var(--line);overflow:hidden;transition:.3s}.portal-card.primary{background:linear-gradient(145deg,#173b78,#245ff2);color:#fff;border-color:transparent}.portal-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-95px;bottom:-105px;border:1px solid rgba(75,111,169,.16);box-shadow:0 0 0 40px rgba(88,126,191,.04)}.portal-card.primary:after{border-color:rgba(255,255,255,.17);box-shadow:0 0 0 40px rgba(255,255,255,.05)}.portal-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.portal-card>div{align-self:end;max-width:550px;position:relative;z-index:2}.portal-number{position:absolute;top:28px;right:30px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#8697ab}.portal-card.primary .portal-number,.portal-card.primary .eyebrow,.portal-card.primary p{color:rgba(255,255,255,.73)}.portal-card.primary h2,.portal-card.primary .portal-link{color:#fff}.portal-card h2{font-size:38px;margin-bottom:14px}.portal-card p{font-size:14px}.portal-link{display:flex;align-items:center;justify-content:space-between;font-weight:850;margin-top:25px;color:var(--blue)}.portal-link i{font-style:normal;font-size:20px}.final-cta{padding-top:40px;background:#fff}.cta-shell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:58px 66px;border-radius:32px;background:linear-gradient(120deg,#15366c,#245ff2 64%,#5b8bff);overflow:hidden}.cta-shell:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:12%;top:-230px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 60px rgba(255,255,255,.04)}.cta-shell>div{position:relative;z-index:2}.cta-shell .eyebrow{color:#aee8df}.cta-shell h2{color:#fff;max-width:700px;margin-bottom:10px}.cta-shell p{color:rgba(255,255,255,.72);margin:0}
/* Inner page heroes */
.page-hero{position:relative;overflow:hidden;padding:110px 0 95px;background:linear-gradient(145deg,#f4f8fd,#edf6ff);border-bottom:1px solid var(--line)}.page-hero:after{content:"";position:absolute;width:560px;height:560px;right:-180px;top:-300px;border-radius:50%;border:1px solid rgba(67,108,176,.12);box-shadow:0 0 0 65px rgba(55,104,189,.035),0 0 0 130px rgba(55,104,189,.02)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(45px,5.7vw,76px);margin-bottom:24px}.page-hero p{font-size:18px;max-width:670px}.page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8592a4;font-size:11px;font-weight:750;margin-bottom:34px}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs b{color:#53647b}.hero-panel{position:relative;padding:35px;border:1px solid rgba(183,202,223,.8);border-radius:28px;background:rgba(255,255,255,.55);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm)}.panel-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#73869c}.grade-stack{display:flex;margin:40px 0 28px}.grade-stack span{display:grid;place-items:center;width:78px;height:78px;margin-left:-12px;border-radius:50%;background:#fff;color:var(--navy);font-size:23px;font-weight:900;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.grade-stack span:first-child{margin-left:0;background:var(--blue);color:#fff}.hero-panel p{font-size:13px;margin:0}.class-catalog{background:#fff}.class-grid-large{grid-template-columns:repeat(2,1fr)}.class-grid-large .class-card{display:grid;grid-template-columns:220px 1fr;min-height:310px}.class-grid-large .class-art{height:auto}.class-grid-large .class-body{padding:35px}.grade-hero{padding:95px 0;background:linear-gradient(140deg,#f3f8ff,#eaf7f7)}.grade-hero-grid{display:grid;grid-template-columns:1fr 360px;gap:90px;align-items:center}.grade-hero h1{font-size:clamp(50px,6vw,80px)}.grade-monogram{position:relative;width:320px;height:320px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,rgba(219,235,255,.72));border:1px solid #d7e5f2;box-shadow:var(--shadow);justify-self:end}.grade-monogram:before,.grade-monogram:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(36,95,242,.17)}.grade-monogram:before{inset:28px}.grade-monogram:after{inset:68px}.grade-monogram span{font-size:112px;font-weight:900;letter-spacing:-.1em;color:var(--navy);position:relative;z-index:2}.grade-monogram small{position:absolute;bottom:62px;font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--blue);z-index:2}.section-count{display:inline-flex;padding:9px 13px;border-radius:10px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:900}.unit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.unit-card{display:grid;grid-template-columns:75px 1fr;gap:22px;align-items:center;padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.27s}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#cbdaf0}.unit-order{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#edf4ff;color:var(--blue);font-size:17px;font-weight:900}.unit-card h3{margin:0 0 12px}.compact-detail{padding:75px 0}.compact-detail h1{font-size:clamp(42px,5vw,64px)}.detail-layout{display:grid;grid-template-columns:310px 1fr;gap:70px}.detail-sidebar{position:sticky;top:120px;align-self:start}.detail-sidebar h2{font-size:38px;margin-bottom:15px}.detail-sidebar p{font-size:14px}.topic-list{display:grid;gap:12px}.topic-row{display:grid;grid-template-columns:55px 1fr 35px;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.25s}.topic-row:hover{border-color:#bcd0ed;transform:translateX(5px);box-shadow:var(--shadow-sm)}.topic-row>span{font-size:11px;font-weight:900;color:var(--blue)}.topic-row h3{margin:0 0 3px;font-size:18px}.topic-row small{color:#8391a4}.topic-row i{font-style:normal;color:var(--blue)}.resources-hero,.faq-hero{padding-bottom:105px}.resource-catalog{padding-top:50px}.filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px;background:#f6f9fd;border:1px solid var(--line);border-radius:18px;margin-bottom:40px}.filter-bar label{min-width:190px;color:#5e6d80;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.filter-bar select{display:block;width:100%;margin-top:7px;border:1px solid #d6e1ec;background:#fff;border-radius:11px;padding:11px 35px 11px 12px;color:var(--navy)}.filter-result{margin-left:auto;color:#718196;font-size:12px;font-weight:850;padding:12px}.content-hero{padding:75px 0 68px;background:linear-gradient(145deg,#f3f8ff,#edf7f5);border-bottom:1px solid var(--line)}.content-hero-grid{display:grid;grid-template-columns:1fr 180px;gap:60px;align-items:center}.content-labels{display:flex;gap:8px;margin-bottom:19px}.content-labels>span:first-child{padding:6px 9px;border-radius:8px;background:#e9f0fb;color:var(--navy);font-size:9px;font-weight:900;letter-spacing:.11em}.content-hero h1{font-size:clamp(42px,5vw,68px);margin-bottom:17px}.content-side-meta{height:170px;border:1px solid rgba(187,206,224,.85);border-radius:24px;background:rgba(255,255,255,.65);display:flex;flex-direction:column;align-items:center;justify-content:center}.content-side-meta>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#75869c}.content-side-meta strong{font-size:58px;color:var(--navy);line-height:1}.content-side-meta small{font-size:10px;color:#718197}.content-layout{display:grid;grid-template-columns:1fr 310px;gap:36px;align-items:start}.content-viewer{min-height:460px;padding:38px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(26,53,87,.055)}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.viewer-head h2{font-size:30px;margin:0}.content-feature-image{border-radius:18px;margin-bottom:30px;max-height:480px;width:100%;object-fit:cover}.rich-content{font-size:17px;color:#4f6075}.rich-content p{color:#4f6075}.content-sidebar{position:sticky;top:105px}.sidebar-card{padding:25px;border-radius:20px;background:#f5f8fc;border:1px solid var(--line)}.sidebar-card dl{margin:0}.sidebar-card dl>div{padding:13px 0;border-bottom:1px solid var(--line)}.sidebar-card dl>div:last-child{border-bottom:0}.sidebar-card dt{color:#8290a2;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sidebar-card dd{margin:4px 0 0;color:var(--navy);font-size:13px;font-weight:800}.sidebar-back{display:block;margin-top:18px;color:var(--blue);font-size:12px;font-weight:850}.locked-box{text-align:center;padding:55px 20px}.lock-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:#edf3ff;color:var(--blue);font-size:30px;margin:0 auto 23px}.locked-box h2{font-size:30px}.locked-box p{max-width:550px;margin:0 auto 25px}.locked-box .button-row{justify-content:center}
/* Other pages */
.process-visual{display:flex;align-items:center;justify-content:center}.process-visual span{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-weight:900;color:var(--blue)}.process-visual i{width:55px;height:1px;background:#aebed1}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-grid article{padding:37px;border:1px solid var(--line);border-radius:24px;background:#fff}.process-grid article>span{font-size:11px;font-weight:900;color:var(--blue)}.process-grid h2{font-size:29px;margin:32px 0 14px}.process-grid p{font-size:14px}.access-explainer{display:grid;grid-template-columns:1fr 350px;gap:80px;align-items:center}.access-stack{display:grid;gap:10px}.access-stack span{display:flex;align-items:center;gap:13px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:14px;font-weight:800}.access-stack i{width:11px;height:11px;border-radius:50%}.access-stack .public{background:#2db882}.access-stack .members{background:#4b76da}.access-stack .premium{background:#dfa62d}.announcement-page-list{display:grid;gap:16px;max-width:980px}.announcement-card{display:grid;grid-template-columns:105px 1fr;gap:30px;padding:31px;border:1px solid var(--line);border-radius:22px;background:#fff}.announcement-card time{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.announcement-card time strong{font-size:36px;line-height:1;color:var(--navy)}.announcement-card time span{font-size:10px;color:#7b899b;font-weight:850}.announcement-card h2{font-size:28px;margin-bottom:10px}.announcement-card p{margin:0}.faq-page-grid{display:grid;grid-template-columns:300px 1fr;gap:80px}.faq-page-grid aside{position:sticky;top:115px;align-self:start;padding:28px;background:#f5f8fc;border:1px solid var(--line);border-radius:20px}.faq-page-grid aside h2{font-size:29px}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;display:flex;align-items:center;gap:18px;padding:24px 0;color:var(--navy);font-weight:850;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary>span{font-size:10px;color:var(--blue)}.accordion summary i{margin-left:auto;font-style:normal;font-size:22px;transition:.2s}.accordion details[open] summary i{transform:rotate(45deg)}.accordion details p{padding:0 45px 24px;font-size:14px}.accordion.large summary{font-size:18px}.contact-quick{padding:35px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.contact-quick span{display:block;color:#7c8ca0;font-size:10px;font-weight:900;letter-spacing:.14em}.contact-quick a{display:block;color:var(--blue);font-size:22px;font-weight:850;margin:12px 0}.contact-quick small{color:#8391a3}.contact-layout{display:grid;grid-template-columns:370px 1fr;gap:80px}.contact-copy{padding-top:20px}.contact-points{display:grid;gap:10px;margin-top:30px}.contact-points span{font-weight:750;color:#4f6075}.contact-points i{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e9fbf3;color:#16825b;font-style:normal;margin-right:9px}.contact-form{padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.contact-form label,.auth-card label{display:block;color:#4e5e72;font-size:12px;font-weight:850;margin-bottom:17px}.contact-form input,.contact-form textarea,.auth-card input,.auth-card select{display:block;width:100%;margin-top:7px;border:1px solid #d8e3ed;border-radius:12px;padding:13px 14px;background:#fbfdff;color:var(--navy);outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus,.auth-card input:focus,.auth-card select:focus{border-color:#7ba2ff;box-shadow:0 0 0 4px rgba(36,95,242,.08);background:#fff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{padding:12px 14px;border-radius:11px;background:#fff0f0;color:#ad3535;font-size:13px;margin-bottom:18px}.auth-page{min-height:100vh;padding:135px 24px 80px;background:linear-gradient(145deg,#f1f7ff,#f3fbf8)}.auth-layout{width:min(1050px,100%);margin:auto;display:grid;grid-template-columns:1fr 470px;border:1px solid #dce7f1;border-radius:30px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}.auth-visual{position:relative;padding:68px;background:linear-gradient(145deg,#183a76,#245ff2);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-170px;bottom:-180px;box-shadow:0 0 0 55px rgba(255,255,255,.04)}.auth-visual .eyebrow{color:#a7e4dc}.auth-visual h1{color:#fff;font-size:48px;position:relative;z-index:2}.auth-visual h1 em{color:#b6dcff}.auth-visual p{color:rgba(255,255,255,.72);position:relative;z-index:2}.auth-visual .text-button{color:#fff;position:relative;z-index:2}.auth-benefits{display:grid;gap:10px;color:rgba(255,255,255,.82);font-size:13px;margin-top:20px}.auth-card{padding:52px;background:#fff}.auth-card h2{font-size:38px;margin-bottom:8px}.auth-card>p{font-size:14px}.auth-foot{text-align:center;margin:18px 0 0!important}.auth-foot a{color:var(--blue);font-weight:850}.profile-layout{display:grid;grid-template-columns:1fr 370px;gap:30px;max-width:1000px}.profile-card{padding:35px;border:1px solid var(--line);border-radius:22px}.profile-card h2{font-size:32px}.profile-card dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.profile-card dt{color:#7d8c9e}.profile-card dd{font-weight:850;color:var(--navy)}.public-access-note{padding:15px;border-radius:12px;background:#e9fbf3;color:#17684d;font-size:13px;font-weight:750;margin-top:20px}.profile-actions{display:grid;gap:12px}.profile-actions a{display:grid;grid-template-columns:38px 1fr 25px;align-items:center;gap:10px;padding:24px;border:1px solid var(--line);border-radius:18px}.profile-actions span{color:var(--blue);font-size:10px;font-weight:900}.profile-actions i{font-style:normal;color:var(--blue)}.empty-state{grid-column:1/-1;padding:55px 30px;text-align:center;border:1px dashed #c9d7e5;border-radius:20px;background:#f8fbfe;color:#77879a}.page-empty{margin:120px 0}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
/* Footer */
.site-footer{padding:80px 0 22px;background:#0d203d;color:#fff}.footer-top{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-bottom:55px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#91a5bf}.footer-intro p{color:#91a5bf;max-width:380px;font-size:13px;margin-top:22px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-links h3{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.footer-links a{display:block;color:#a4b4c8;font-size:13px;margin:10px 0}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#71859f;font-size:11px}
@media(max-width:1120px){.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.feature-grid{grid-template-columns:repeat(2,1fr)}.class-grid{grid-template-columns:repeat(2,1fr)}.resource-grid,.resource-grid-wide{grid-template-columns:repeat(2,1fr)}.platform-grid{gap:50px}.metrics-grid{grid-template-columns:repeat(3,130px) 1fr}.content-layout{grid-template-columns:1fr 270px}}
@media(max-width:900px){:root{--header:72px}.container{width:min(var(--container),calc(100% - 32px))}.section{padding:82px 0}.desktop-nav,.header-actions>.btn{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.banner-slider{min-height:700px}.banner-overlay{background:linear-gradient(90deg,rgba(247,251,255,.94),rgba(247,251,255,.72))}.banner-copy{width:min(700px,82%)}.banner-trust{gap:18px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.metrics-message{grid-column:1/-1;border-top:1px solid var(--line)}.metrics-grid>div:nth-child(3){border-right:0}.platform-grid,.page-hero-grid,.grade-hero-grid,.detail-layout,.content-layout,.faq-page-grid,.contact-layout,.access-explainer{grid-template-columns:1fr;gap:50px}.platform-visual{order:-1}.visual-shell{min-height:400px}.note-a{left:10px}.note-b{right:10px}.portal-grid{grid-template-columns:1fr}.class-grid-large .class-card{grid-template-columns:180px 1fr}.grade-monogram{justify-self:start;width:260px;height:260px}.content-side-meta{display:none}.content-hero-grid{grid-template-columns:1fr}.content-sidebar,.detail-sidebar,.faq-page-grid aside{position:static}.process-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-visual{padding:50px}.footer-top{grid-template-columns:1fr;gap:45px}.content-layout{grid-template-columns:1fr}.slider-arrow{display:none}}
@media(max-width:650px){.container{width:min(var(--container),calc(100% - 24px))}.section{padding:67px 0}.brand-copy small{display:none}.site-header .brand-mark{width:40px;height:40px}.banner-slider{height:100svh;min-height:650px}.banner-content{align-items:flex-end;padding-bottom:120px}.banner-copy{width:100%}.banner-copy h1{font-size:clamp(41px,12vw,58px)}.banner-copy p{font-size:16px}.banner-trust{display:none}.banner-actions .btn{width:100%}.scroll-indicator{display:none}.slider-controls{bottom:25px}.metrics-grid{grid-template-columns:repeat(3,1fr);min-height:auto}.metrics-grid>div{padding:18px 8px;text-align:center}.metrics-grid>div:first-child{padding-left:8px}.metrics-grid strong{font-size:22px}.metrics-grid span{font-size:8px}.metrics-message{display:none!important}.section-heading.with-action{align-items:flex-start;flex-direction:column}.feature-grid,.class-grid,.resource-grid,.resource-grid-wide,.unit-grid{grid-template-columns:1fr}.platform-grid{gap:40px}.visual-shell{min-height:315px;padding:10px}.floating-note{padding:9px}.floating-note b{font-size:10px}.portal-card{padding:28px;min-height:330px}.portal-card h2{font-size:31px}.cta-shell{padding:40px 25px;align-items:flex-start;flex-direction:column}.cta-shell h2{font-size:35px}.cta-shell .button-row,.cta-shell .btn{width:100%}.page-hero{padding:75px 0 65px}.page-hero h1{font-size:43px}.hero-panel{padding:24px}.grade-stack span{width:61px;height:61px}.class-grid-large .class-card{grid-template-columns:1fr}.class-grid-large .class-art{height:175px}.grade-monogram{width:220px;height:220px}.grade-monogram span{font-size:85px}.detail-layout{gap:30px}.topic-row{grid-template-columns:38px 1fr 25px;padding:18px}.filter-bar{align-items:stretch}.filter-bar label{width:100%}.filter-bar .btn{flex:1}.filter-result{width:100%;margin:0;text-align:center}.viewer-head{align-items:flex-start;flex-direction:column}.content-viewer{padding:22px}.announcement-card{grid-template-columns:1fr}.announcement-card time{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px;align-items:flex-start}.accordion summary{font-size:15px!important}.contact-form{padding:23px}.form-two{grid-template-columns:1fr;gap:0}.auth-page{padding:95px 12px 45px}.auth-visual,.auth-card{padding:32px 24px}.auth-visual h1{font-size:37px}.profile-layout{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.mobile-menu nav a{font-size:23px;padding:15px 4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.portal-grid>.portal-card:only-child{grid-column:1/-1}

/* ===== Biyodijital Experience v3: visible media, 3D biology effects and premium intro ===== */
.intro-screen{z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--intro-bg,#f5faff);perspective:1100px;isolation:isolate}
.intro-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.92),rgba(241,248,255,.62) 42%,rgba(230,242,255,.88));z-index:-4}
.intro-screen.hidden{opacity:0;visibility:hidden;transform:scale(1.025);filter:blur(8px)}
.intro-content{position:relative;z-index:8;width:min(660px,calc(100% - 40px));display:flex;flex-direction:column;align-items:center;text-align:center;animation:introContentIn .9s cubic-bezier(.18,.8,.2,1) both}
.intro-logo{display:grid;place-items:center;width:112px;height:112px;border-radius:34px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 80px rgba(27,70,128,.16),inset 0 1px 0 #fff;backdrop-filter:blur(18px);transform:translateZ(40px)}
.intro-logo img{max-width:80px;max-height:80px;object-fit:contain}
.intro-kicker{margin-top:26px;color:#3975c8;font-size:10px;font-weight:900;letter-spacing:.24em}
.intro-screen h2{font-size:clamp(31px,4vw,56px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 12px;color:var(--intro-text,#10213d)}
.intro-screen p{margin:0 0 28px;color:#64758c;font-size:15px}
.intro-loading{margin-top:11px;color:#7d8da2;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.intro-progress{width:min(310px,72vw);height:4px;background:rgba(64,105,155,.12);box-shadow:inset 0 1px 2px rgba(16,33,61,.06)}
.intro-progress i{background:linear-gradient(90deg,#2a6bff,#45d6c6,#8f75ff);box-shadow:0 0 18px rgba(42,107,255,.3)}
.intro-grid{position:absolute;inset:-20%;z-index:-3;opacity:.27;background-image:linear-gradient(rgba(63,115,183,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(63,115,183,.08) 1px,transparent 1px);background-size:54px 54px;transform:rotateX(64deg) translateY(30%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 68%)}
.intro-aurora{position:absolute;border-radius:50%;filter:blur(18px);opacity:.65;z-index:-2;animation:introAurora 6s ease-in-out infinite alternate}
.intro-aurora.aurora-a{width:520px;height:520px;left:-180px;top:-190px;background:radial-gradient(circle,rgba(67,133,255,.3),transparent 68%)}
.intro-aurora.aurora-b{width:500px;height:500px;right:-180px;bottom:-210px;background:radial-gradient(circle,rgba(52,213,190,.28),transparent 68%);animation-delay:-2s}
.intro-dna{position:absolute;right:9%;top:50%;width:190px;height:410px;transform:translateY(-50%) rotate(-12deg) translateZ(-50px);z-index:-1;filter:drop-shadow(0 25px 35px rgba(41,99,175,.16));animation:introDnaFloat 5s ease-in-out infinite}
.intro-dna span{position:absolute;left:50%;top:calc(var(--i) * 8.2%);width:130px;height:15px;transform:translateX(-50%) rotate(calc(var(--i) * 32deg));transform-style:preserve-3d}
.intro-dna span::before{content:"";position:absolute;left:10px;right:10px;top:7px;height:2px;background:linear-gradient(90deg,rgba(43,105,248,.72),rgba(72,214,197,.75));box-shadow:0 0 11px rgba(42,107,255,.22)}
.intro-dna span i,.intro-dna span b{position:absolute;top:0;width:15px;height:15px;border-radius:50%;box-shadow:0 6px 15px rgba(30,75,133,.22),inset 0 2px 4px rgba(255,255,255,.7)}
.intro-dna span i{left:0;background:linear-gradient(145deg,#5e91ff,#2864ed)}
.intro-dna span b{right:0;background:linear-gradient(145deg,#74eadb,#2ab8a8)}
.intro-style-scale .intro-content{animation:introScaleIn 1s cubic-bezier(.16,.9,.2,1) both}
@keyframes introContentIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes introScaleIn{from{opacity:0;transform:translateZ(-180px) scale(.8)}to{opacity:1;transform:none}}
@keyframes introAurora{to{transform:translate3d(38px,28px,0) scale(1.12)}}
@keyframes introDnaFloat{50%{transform:translateY(-53%) rotate(-7deg) translateZ(30px)}}

.banner-slider{background:#eaf4ff;isolation:isolate}
.banner-slide{background:var(--bg,#edf6ff);transform:translateZ(0)}
.banner-media{z-index:0;background:var(--bg,#edf6ff);overflow:hidden}
.banner-media picture{display:block}
.banner-media img,.banner-media video{object-position:var(--desktop-x,50%) var(--desktop-y,50%);transform:scale(1.015);transition:transform 8s cubic-bezier(.2,.7,.2,1),filter .7s ease;filter:saturate(1.04) contrast(1.02)}
.banner-slide.is-active .banner-media img,.banner-slide.is-active .banner-media video{transform:scale(1.075)}
.banner-overlay{z-index:1!important;pointer-events:none}
.biology-effects{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;perspective:1000px}
.fx-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 0,#000 55%,#000 100%)}
.fx-orb{position:absolute;border-radius:50%;filter:blur(7px);mix-blend-mode:screen;animation:fxOrb 8s ease-in-out infinite alternate}
.fx-orb-a{width:460px;height:460px;right:5%;top:4%;background:radial-gradient(circle,rgba(81,143,255,.25),transparent 68%)}
.fx-orb-b{width:380px;height:380px;right:28%;bottom:-150px;background:radial-gradient(circle,rgba(60,224,203,.23),transparent 68%);animation-delay:-3s}
.fx-dna{position:absolute;right:7.5%;top:50%;width:180px;height:430px;transform:translateY(-50%) rotate(-10deg);opacity:.84;filter:drop-shadow(0 30px 34px rgba(30,65,120,.18));animation:fxDna 7s ease-in-out infinite}
.fx-dna span{position:absolute;left:50%;top:calc(var(--i) * 10%);width:138px;height:16px;transform:translateX(-50%) rotate(calc(var(--i) * 35deg));transform-style:preserve-3d}
.fx-dna span::after{content:"";position:absolute;left:9px;right:9px;top:7px;height:2px;background:linear-gradient(90deg,rgba(46,105,245,.7),rgba(57,212,195,.76));box-shadow:0 0 12px rgba(66,152,240,.24)}
.fx-dna span i,.fx-dna span b{position:absolute;width:16px;height:16px;border-radius:50%;top:0;box-shadow:0 7px 16px rgba(23,56,106,.22),inset 0 2px 4px rgba(255,255,255,.65)}
.fx-dna span i{left:0;background:linear-gradient(145deg,#84a9ff,#2b65eb)}
.fx-dna span b{right:0;background:linear-gradient(145deg,#8af0e4,#2bb8aa)}
.fx-molecule{position:absolute;width:130px;height:130px;animation:moleculeFloat 6s ease-in-out infinite}
.fx-molecule i{position:absolute;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(124,164,255,.88));box-shadow:0 11px 25px rgba(27,67,126,.17);border:1px solid rgba(255,255,255,.9)}
.fx-molecule i::after{content:"";position:absolute;width:52px;height:2px;left:17px;top:11px;background:rgba(80,123,185,.38);transform-origin:left center}
.molecule-a{right:25%;top:18%;transform:rotate(18deg)}
.molecule-a i:nth-child(1){left:5px;top:54px}.molecule-a i:nth-child(2){left:67px;top:23px}.molecule-a i:nth-child(2)::after{transform:rotate(75deg)}.molecule-a i:nth-child(3){left:78px;top:91px}.molecule-a i:nth-child(4){left:111px;top:48px}.molecule-a i:nth-child(4)::after{display:none}
.molecule-b{right:38%;bottom:15%;transform:scale(.72) rotate(-22deg);animation-delay:-2s}.molecule-b i:nth-child(1){left:5px;top:55px}.molecule-b i:nth-child(2){left:67px;top:22px}.molecule-b i:nth-child(2)::after{transform:rotate(75deg)}.molecule-b i:nth-child(3){left:78px;top:90px}.molecule-b i:nth-child(3)::after{display:none}
.effect-minimal .fx-dna,.effect-minimal .fx-molecule,.effect-minimal .fx-grid{display:none}.effect-glass .fx-dna{opacity:.38;filter:blur(.4px)}.effect-molecules .fx-dna{display:none}.effect-dna .fx-molecule{display:none}
.banner-content{z-index:4}
.banner-copy{position:relative;padding:34px 0;color:var(--text);text-shadow:0 1px 0 rgba(255,255,255,.3)}
.banner-copy::before{content:"";position:absolute;inset:-30px -34px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.13));border:1px solid rgba(255,255,255,.5);box-shadow:0 26px 70px rgba(29,69,125,.08);backdrop-filter:blur(3px);opacity:.0;z-index:-1}
.effect-glass .banner-copy::before,.pos-center .banner-copy::before{opacity:1;backdrop-filter:blur(14px)}
.banner-copy h1,.banner-copy p{color:var(--text)!important}.banner-copy h1 em{color:var(--accent);font-style:normal}.banner-copy .eyebrow{color:var(--accent)}
.banner-slide:not(.is-active) .banner-copy{opacity:0}
.banner-slide.is-active .anim-fade-up{animation:bannerFadeUp .9s .15s both}.banner-slide.is-active .anim-fade-in{animation:bannerFadeIn 1s .1s both}.banner-slide.is-active .anim-scale{animation:bannerScale .95s .1s both}.banner-slide.is-active .anim-slide{animation:bannerSlide .95s .1s both}
.transition-zoom:not(.is-active) .banner-media{transform:scale(.93)}.transition-zoom .banner-media{transition:transform .9s ease}.transition-zoom.is-active .banner-media{transform:none}
.transition-slide:not(.is-active){transform:translateX(5%)}.transition-slide{transition:opacity .8s ease,visibility .8s,transform .8s ease}.transition-slide.is-active{transform:none}
.transition-parallax:not(.is-active) .banner-media{transform:translateX(4%)}.transition-parallax .banner-media{transition:transform 1s ease}.transition-parallax.is-active .banner-media{transform:none}
@keyframes bannerFadeUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes bannerFadeIn{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:none}}@keyframes bannerScale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes bannerSlide{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:none}}@keyframes fxOrb{to{transform:translate3d(30px,25px,0) scale(1.12)}}@keyframes fxDna{50%{transform:translateY(-53%) rotate(-4deg) rotateY(11deg)}}@keyframes moleculeFloat{50%{transform:translateY(-17px) rotate(8deg)}}

@media(max-width:900px){.fx-dna{right:-15px;opacity:.45}.fx-molecule{opacity:.5}.banner-copy::before{opacity:.62;backdrop-filter:blur(8px)}.banner-overlay{background:linear-gradient(90deg,rgba(247,251,255,.9),rgba(247,251,255,.42))!important}}
@media(max-width:700px){.banner-media img,.banner-media video{object-position:var(--mobile-x,50%) var(--mobile-y,50%)}.fx-dna{width:145px;height:330px;right:-40px;top:34%;opacity:.32}.fx-dna span{width:105px}.fx-molecule{display:none}.banner-copy{padding:24px 0}.banner-copy::before{inset:-20px -16px;border-radius:25px}.intro-dna{right:-55px;width:145px;height:330px;opacity:.52}.intro-screen h2{font-size:34px}.intro-logo{width:88px;height:88px;border-radius:27px}}
@media(prefers-reduced-motion:reduce){.intro-dna,.intro-aurora,.fx-dna,.fx-orb,.fx-molecule,.banner-media img,.banner-media video{animation:none!important;transform:none!important}}
body.intro-open{overflow:hidden}.biology-effects{transform:translate(var(--mouse-x,0),var(--mouse-y,0));transition:transform .25s ease-out}.banner-slide.is-active .banner-media{transform:translate(calc(var(--mouse-x,0) * -.12),calc(var(--mouse-y,0) * -.12));transition:transform .35s ease-out}

/* =========================================================
   BIYODIJITAL V4 — PROFESSIONAL CLUB EXPERIENCE
   ========================================================= */
:root{--teacher:#7147e8;--teacher-2:#9b7cff;--student:#1f65f3;--student-2:#4cc8dc}
.site-header{height:88px}.header-inner{gap:22px}.desktop-nav{gap:21px}.desktop-nav a{font-size:12.5px}.header-actions{gap:13px}.header-login-link{font-size:12px;font-weight:900;color:#34465d;white-space:nowrap;padding:10px 2px}.header-login-link:hover{color:var(--blue)}
.header-club-actions{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgba(205,219,235,.85);border-radius:16px;background:rgba(255,255,255,.68);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(28,59,96,.08)}
.club-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:11px;font-size:11px;font-weight:900;white-space:nowrap;transition:.24s ease}.club-btn span{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;font-size:10px}.club-btn.student{color:#174dad;background:linear-gradient(135deg,#eef5ff,#e8fbff)}.club-btn.student span{color:#fff;background:linear-gradient(135deg,var(--student),var(--student-2));box-shadow:0 7px 15px rgba(31,101,243,.24)}.club-btn.teacher{color:#5e3ab6;background:linear-gradient(135deg,#f5f0ff,#fbf8ff)}.club-btn.teacher span{color:#fff;background:linear-gradient(135deg,var(--teacher),var(--teacher-2));box-shadow:0 7px 15px rgba(113,71,232,.23)}.club-btn:hover{transform:translateY(-2px);box-shadow:0 11px 20px rgba(24,53,90,.08)}
.home-page .site-header:not(.scrolled){background:linear-gradient(180deg,rgba(250,253,255,.9),rgba(250,253,255,.5));backdrop-filter:blur(18px);border-bottom-color:rgba(255,255,255,.55)}
.banner-slider{min-height:760px}.banner-slide::after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:140px;background:linear-gradient(180deg,transparent,rgba(246,249,253,.72));pointer-events:none}.banner-copy{max-width:680px}.banner-copy .eyebrow{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(34,65,105,.07);backdrop-filter:blur(10px)}.banner-copy h1{font-weight:850;text-wrap:balance}.banner-copy p{max-width:610px}.banner-actions .btn{border-radius:15px;min-width:175px}.banner-actions .btn-primary{background:linear-gradient(135deg,#1f65f3,#3b8cf5)}.banner-actions .btn-glass{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);color:#5936b8;box-shadow:0 16px 35px rgba(48,69,104,.1)}
.metrics-strip{position:relative;z-index:9}.metrics-grid{border:1px solid rgba(221,231,242,.9);background:rgba(255,255,255,.96);box-shadow:0 20px 60px rgba(25,54,91,.08);border-radius:0 0 26px 26px}

/* Club choice */
.club-choice-page{min-height:100vh;padding:150px 0 100px;background:radial-gradient(circle at 15% 8%,rgba(63,123,255,.12),transparent 30%),radial-gradient(circle at 90% 20%,rgba(123,85,231,.11),transparent 30%),linear-gradient(180deg,#f7fbff,#f1f6fc)}
.club-choice-shell{max-width:1080px}.club-choice-heading{text-align:center;max-width:780px;margin:0 auto 50px}.club-choice-heading h1{font-size:clamp(42px,6vw,72px);margin-bottom:18px}.club-choice-heading p{font-size:18px;max-width:680px;margin:auto}.club-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.club-choice-card{position:relative;overflow:hidden;min-height:440px;padding:42px;border-radius:32px;border:1px solid rgba(213,225,239,.92);background:rgba(255,255,255,.86);backdrop-filter:blur(20px);box-shadow:0 25px 70px rgba(25,52,87,.1);transition:.35s ease}.club-choice-card::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-120px;opacity:.34;transition:.35s}.club-choice-card.student::before{background:radial-gradient(circle,var(--student-2),transparent 68%)}.club-choice-card.teacher::before{background:radial-gradient(circle,var(--teacher-2),transparent 68%)}.club-choice-card:hover{transform:translateY(-9px);box-shadow:0 34px 85px rgba(25,52,87,.16)}.club-choice-card:hover::before{transform:scale(1.15)}.choice-number{position:absolute;right:30px;top:27px;font-size:11px;font-weight:900;letter-spacing:.2em;color:#94a2b3}.choice-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:23px;color:#fff;font-size:27px;font-weight:900;margin-bottom:70px}.student .choice-icon{background:linear-gradient(145deg,var(--student),var(--student-2));box-shadow:0 18px 35px rgba(31,101,243,.25)}.teacher .choice-icon{background:linear-gradient(145deg,var(--teacher),var(--teacher-2));box-shadow:0 18px 35px rgba(113,71,232,.24)}.club-choice-card h2{font-size:35px;margin-bottom:13px}.club-choice-card p{max-width:430px}.choice-action{display:inline-flex;align-items:center;gap:12px;margin-top:28px;font-weight:900}.student .choice-action{color:var(--student)}.teacher .choice-action{color:var(--teacher)}.choice-action i{font-style:normal;transition:.2s}.club-choice-card:hover .choice-action i{transform:translateX(6px)}

/* Dedicated club forms */
.club-auth-page{position:relative;min-height:100vh;padding:118px 28px 65px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f4f8fe,#edf5fb)}.club-auth-glow{position:absolute;border-radius:50%;filter:blur(16px);pointer-events:none}.club-auth-glow.glow-one{width:520px;height:520px;left:-220px;top:-200px;background:radial-gradient(circle,rgba(52,119,255,.2),transparent 68%)}.club-auth-glow.glow-two{width:560px;height:560px;right:-260px;bottom:-250px;background:radial-gradient(circle,rgba(103,207,208,.18),transparent 68%)}.teacher-club-page .glow-one{background:radial-gradient(circle,rgba(113,71,232,.18),transparent 68%)}.teacher-club-page .glow-two{background:radial-gradient(circle,rgba(180,138,255,.18),transparent 68%)}
.club-auth-shell{position:relative;z-index:2;width:min(1180px,100%);display:grid;grid-template-columns:1.04fr .96fr;min-height:690px;background:rgba(255,255,255,.93);border:1px solid rgba(214,226,240,.95);border-radius:36px;overflow:hidden;box-shadow:0 35px 100px rgba(19,48,86,.16)}
.club-auth-visual{position:relative;overflow:hidden;padding:58px 62px;color:#fff;background:linear-gradient(145deg,#0e3272,#1d64e9 62%,#3bbbc8);display:flex;flex-direction:column;justify-content:center}.teacher-club-page .club-auth-visual{background:linear-gradient(145deg,#2d1f66,#6b43df 60%,#a477f4)}.club-auth-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.club-auth-visual::after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-300px;bottom:-250px;box-shadow:0 0 0 75px rgba(255,255,255,.035),0 0 0 150px rgba(255,255,255,.02)}.club-back{position:absolute;left:40px;top:35px;z-index:3;font-size:12px;font-weight:850;color:rgba(255,255,255,.82)}.club-badge{position:relative;z-index:2;align-self:flex-start;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);font-size:10px;font-weight:900;letter-spacing:.18em}.club-auth-visual h1{position:relative;z-index:2;color:#fff;font-size:clamp(42px,4.5vw,64px);line-height:1.02;margin:25px 0 18px;max-width:620px}.club-auth-visual>p{position:relative;z-index:2;color:rgba(255,255,255,.76);font-size:16px;max-width:560px}.club-benefit-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.club-benefit-grid article{min-height:145px;padding:17px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.club-benefit-grid span{font-size:9px;font-weight:900;letter-spacing:.15em;color:#a8e8e0}.teacher-club-page .club-benefit-grid span{color:#dbcaff}.club-benefit-grid b{display:block;color:#fff;font-size:13px;line-height:1.3;margin:18px 0 6px}.club-benefit-grid small{display:block;color:rgba(255,255,255,.6);font-size:10px;line-height:1.45}.club-orbit{position:absolute;right:34px;top:34px;width:115px;height:115px;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:clubOrbit 10s linear infinite}.club-orbit::before,.club-orbit::after{content:"";position:absolute;inset:19px;border:1px solid rgba(255,255,255,.15);border-radius:50%;transform:rotate(62deg)}.club-orbit::after{transform:rotate(-62deg)}.club-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.7)}.club-orbit i:nth-child(1){left:8px;top:50%}.club-orbit i:nth-child(2){right:15px;top:16px}.club-orbit i:nth-child(3){right:20px;bottom:12px}.club-orbit b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;letter-spacing:.1em}@keyframes clubOrbit{to{transform:rotate(360deg)}}
.club-auth-form-wrap{padding:58px 60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#fbfdff)}.club-form-head h2{font-size:40px;margin-bottom:9px}.club-form-head p{font-size:14px;margin-bottom:26px}.club-auth-form{display:grid;gap:15px}.club-auth-form label{display:block;color:#46576d;font-size:11px;font-weight:900;letter-spacing:.02em}.club-auth-form input,.club-auth-form select{display:block;width:100%;height:52px;margin-top:7px;border:1px solid #d9e4ef;border-radius:14px;background:#f9fbfe;padding:0 15px;color:var(--navy);outline:none;transition:.2s}.club-auth-form input:focus,.club-auth-form select:focus{background:#fff;border-color:#7da4ff;box-shadow:0 0 0 4px rgba(36,95,242,.08)}.btn-teacher{background:linear-gradient(135deg,var(--teacher),var(--teacher-2));color:#fff;box-shadow:0 16px 32px rgba(113,71,232,.24)}.teacher-info-note{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 14px;border-radius:13px;background:#f5f0ff;border:1px solid #e8dcff}.teacher-info-note span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#7650e5;color:#fff;font-weight:900;font-size:12px}.teacher-info-note p{margin:0;color:#675a7c;font-size:11px;line-height:1.55}.club-login-note{text-align:center;font-size:12px;margin:19px 0 0}.club-login-note a{font-weight:900;color:var(--blue)}.teacher-club-page .club-login-note a{color:var(--teacher)}.club-switch-link{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;font-weight:850;color:#617087}.club-switch-link span{color:var(--blue)}
.mobile-auth{flex-wrap:wrap}.mobile-auth .mobile-student-btn,.mobile-auth .mobile-teacher-btn{color:#fff}.mobile-student-btn{background:linear-gradient(135deg,var(--student),var(--student-2))}.mobile-teacher-btn{background:linear-gradient(135deg,var(--teacher),var(--teacher-2))}

@media(max-width:1210px){.header-club-actions{display:none}.desktop-nav{gap:18px}.club-auth-shell{grid-template-columns:1fr 470px}.club-auth-visual{padding:55px 44px}.club-auth-form-wrap{padding:50px 45px}}
@media(max-width:900px){.club-choice-grid{grid-template-columns:1fr}.club-choice-card{min-height:360px}.club-auth-page{padding:105px 18px 40px}.club-auth-shell{grid-template-columns:1fr;max-width:720px}.club-auth-visual{min-height:520px}.club-auth-form-wrap{padding:46px}.club-benefit-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.club-choice-page{padding:118px 0 70px}.club-choice-heading{text-align:left}.club-choice-heading p{font-size:15px}.club-choice-card{padding:30px;min-height:360px;border-radius:25px}.choice-icon{margin-bottom:45px}.club-auth-page{padding:82px 0 0;display:block}.club-auth-shell{border-radius:0;border-left:0;border-right:0;box-shadow:none}.club-auth-visual{min-height:540px;padding:85px 24px 35px}.club-auth-visual h1{font-size:41px}.club-auth-visual>p{font-size:14px}.club-back{left:24px;top:27px}.club-orbit{right:17px;top:23px;width:86px;height:86px}.club-benefit-grid{grid-template-columns:1fr;gap:7px}.club-benefit-grid article{min-height:0;padding:13px 15px}.club-benefit-grid b{margin:7px 0 2px}.club-auth-form-wrap{padding:38px 24px 45px}.club-form-head h2{font-size:34px}.mobile-auth .btn{flex:1 1 100%}.banner-actions .btn{min-width:0}.site-header{height:74px}}
@media(prefers-reduced-motion:reduce){.club-orbit{animation:none}.club-choice-card,.club-btn{transition:none}}


/* =========================================================
   BIYODIJITAL V4.1 — SÜREKLİ HAREKETLER KALDIRILDI
   Banner DNA/molekül parçacıkları, orbit dönüşleri, nabız ve
   fareyi takip eden parallax kullanılmaz. Geçişler yalnızca
   kullanıcı etkileşimi veya slayt değişiminde çalışır.
   ========================================================= */
.biology-effects,.fx-orb,.fx-dna,.fx-molecule,.club-orbit,.login-orbit{display:none!important;animation:none!important}
.banner-media,.banner-slide.is-active .banner-media{transform:none!important}
.scroll-indicator span::after{animation:none!important;opacity:1;top:12px}
.live-dot{animation:none!important;box-shadow:0 0 0 6px rgba(52,188,135,.12)}


/* =========================================================
   BIYODIJITAL V4.2 — BANNER VIDEO FIX
   ========================================================= */
.banner-media video.banner-video{display:block;width:100%;height:100%;object-fit:cover;background:var(--bg,#edf6ff);z-index:0}
.banner-slide.video-failed .banner-media{background-image:var(--poster);background-size:cover;background-position:var(--desktop-x,50%) var(--desktop-y,50%)}
.banner-slide.video-failed .banner-media video{display:none}
@media(max-width:700px){
  .banner-slide.video-mobile-off .banner-media{background-image:var(--mobile-poster,var(--poster));background-size:cover;background-position:var(--mobile-x,50%) var(--mobile-y,50%)}
  .banner-slide.video-mobile-off .banner-media video,.banner-slide.video-mobile-off .banner-media iframe{display:none!important}
}
.admin-video-preview{display:block;width:100%;max-height:220px;object-fit:cover;margin:10px 0;border-radius:14px;background:#101827}
.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:0;background:#eaf3fb}
.banner-preview-stage.shows-video .preview-video{display:block}
.banner-preview-stage.shows-video .preview-background{display:none}
.banner-table-thumb{position:relative;overflow:hidden}
.banner-table-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.video-chip{position:absolute;right:5px;bottom:5px;padding:3px 6px;border-radius:6px;background:rgba(10,27,52,.82);color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}

/* V4.3: Anasayfa navigation and dynamic banner buttons */
.desktop-nav a.active{color:var(--blue)}.desktop-nav a.active:after{right:0}.banner-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.banner-actions .btn-soft{background:rgba(237,243,255,.94);color:var(--blue);border-color:rgba(194,211,239,.9);backdrop-filter:blur(10px)}.banner-actions .btn-ghost{background:transparent;color:var(--text);border-color:currentColor}.banner-actions .btn{white-space:nowrap}.banner-actions .btn span{transition:transform .2s}.banner-actions .btn:hover span{transform:translateX(3px)}
@media(max-width:650px){.banner-actions{display:grid;grid-template-columns:1fr;gap:9px}.banner-actions .btn{width:100%}}

/* V4.4: paid student/teacher membership flow */
.membership-register-page .club-auth-shell{min-height:760px}.membership-register-page .club-auth-visual{justify-content:flex-start;padding-top:92px}.membership-price-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:min(340px,100%);margin-top:24px;padding:19px 22px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.11);backdrop-filter:blur(12px)}.membership-price-card span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#bceee8}.membership-price-card strong{font-size:32px;line-height:1.15;color:#fff;margin:7px 0 2px}.membership-price-card small{color:rgba(255,255,255,.65);font-size:11px}.teacher-price span{color:#eadfff}.membership-steps{position:relative;z-index:2;display:grid;gap:9px;margin-top:22px}.membership-steps article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.075)}.membership-steps article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-size:11px}.membership-steps strong{display:block;color:#fff;font-size:12px}.membership-steps small{display:block;color:rgba(255,255,255,.62);font-size:10px;line-height:1.45;margin-top:2px}.payment-form-note{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:12px 14px;border-radius:13px;background:#eff6ff;border:1px solid #d8e7fb}.payment-form-note>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#245ff2;color:#fff;font-weight:900}.payment-form-note p{margin:0;color:#596d86;font-size:11px;line-height:1.5}.payment-form-note.teacher{background:#f6f1ff;border-color:#e7dcff}.payment-form-note.teacher>span{background:#7147e8}.choice-price{display:block;margin-top:18px;font-size:20px;color:var(--navy)}.closed-registration-note{grid-column:1/-1;padding:50px;text-align:center;border:1px solid var(--line);border-radius:24px;background:#fff}
.membership-payment-page{min-height:100vh;padding-top:var(--header);background:#f5f8fc}.payment-hero{padding:85px 0 65px;background:radial-gradient(circle at 85% 20%,rgba(68,210,190,.17),transparent 24%),linear-gradient(145deg,#0c2d62,#215bc8 66%,#37aeb9);overflow:hidden}.payment-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.payment-hero .eyebrow{color:#a8eee4}.payment-hero h1{color:#fff;font-size:clamp(45px,6vw,76px);margin-bottom:18px}.payment-hero h1 em{color:#a9e7ff}.payment-hero p{color:rgba(255,255,255,.72);max-width:650px;font-size:17px}.activation-summary{min-width:290px;padding:25px 28px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);box-shadow:0 24px 60px rgba(0,21,62,.18)}.activation-summary span{display:block;color:#b8dcff;font-size:9px;font-weight:900;letter-spacing:.17em}.activation-summary strong{display:block;color:#fff;font-size:34px;margin:8px 0 2px}.activation-summary small{color:rgba(255,255,255,.65)}.activation-summary.is-active{background:rgba(45,184,130,.18);border-color:rgba(153,255,218,.3)}.payment-section{padding-top:70px}.payment-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:start}.bank-panel,.payment-action-panel{background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow-sm)}.bank-panel{padding:34px}.panel-label{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.16em}.bank-panel h2,.payment-action-panel h2{font-size:33px}.bank-detail-list{margin-top:25px;border-top:1px solid var(--line)}.bank-detail-list>div{position:relative;display:grid;grid-template-columns:135px 1fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.bank-detail-list span{color:#7a899d;font-size:12px}.bank-detail-list strong{color:var(--navy);font-size:14px;word-break:break-word}.copy-value{border:1px solid #d7e3f0;background:#f3f7fc;color:var(--blue);border-radius:9px;padding:7px 10px;font-size:10px;font-weight:900}.important-payment-note{margin-top:24px;padding:17px 18px;border-radius:14px;background:#fff8e8;border:1px solid #f4dfad}.important-payment-note b{color:#8c6410;font-size:11px}.important-payment-note p{margin:5px 0 0;color:#745f33;font-size:12px;line-height:1.55}.payment-action-panel{padding:38px}.payment-form-head h2{margin-bottom:8px}.payment-form-head p{font-size:14px}.payment-submit-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.payment-submit-form label{display:block;color:#4d5e72;font-size:11px;font-weight:900}.payment-submit-form label:nth-child(3),.payment-submit-form label:nth-child(4),.payment-submit-form .payment-confirm,.payment-submit-form button{grid-column:1/-1}.payment-submit-form input,.payment-submit-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e4ef;border-radius:12px;background:#fbfdff;padding:12px 14px;color:var(--navy);outline:none}.payment-submit-form input:focus,.payment-submit-form textarea:focus{border-color:#7da4ff;box-shadow:0 0 0 4px rgba(36,95,242,.08);background:#fff}.payment-submit-form label small{color:#8996a6;font-weight:700}.payment-confirm{display:flex!important;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:12px;background:#f2f7fd}.payment-confirm input{width:18px!important;margin:2px 0 0!important;box-shadow:none!important}.payment-confirm span{font-size:11px;color:#5b6b80;line-height:1.5}.payment-state{text-align:center;padding:34px 20px}.payment-state>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border-radius:22px;font-size:27px}.success-state>span{background:#e8fbf3;color:#1b9e70}.pending-state>span{background:#fff7e7;color:#b87910}.payment-state h2{margin-bottom:10px}.payment-state p{max-width:520px;margin:0 auto 24px}.payment-state-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:22px auto;max-width:480px;padding:18px;border-radius:14px;background:#f5f8fc}.payment-state-meta b{font-size:11px;color:#7a899b}.payment-state-meta span{font-size:12px;font-weight:800;color:var(--navy);text-align:right}.payment-rejected-note{padding:14px 16px;border-radius:12px;background:#fff0f0;border:1px solid #f1cece;margin-bottom:20px}.payment-rejected-note b{color:#a93a3a;font-size:12px}.payment-rejected-note p{margin:5px 0 0;color:#845252;font-size:12px}.membership-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.membership-state{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900}.membership-state.active{background:#e5faef;color:#16805b}.membership-state.pending{background:#fff4dd;color:#9a6810}.profile-payment-callout{margin-top:24px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#f0f6ff,#eefbf7);border:1px solid #d7e8f3}.profile-payment-callout b{color:var(--navy)}.profile-payment-callout p{font-size:12px;margin:6px 0 14px}.public-access-note.success{background:#e8fbf3}.profile-card dd{max-width:60%;text-align:right;word-break:break-word}
@media(max-width:950px){.payment-layout{grid-template-columns:1fr}.payment-hero-inner{align-items:flex-start;flex-direction:column}.activation-summary{min-width:0;width:100%}.membership-register-page .club-auth-visual{padding-top:85px}}
@media(max-width:650px){.membership-register-page .club-auth-visual{min-height:auto;padding-bottom:30px}.membership-price-card{width:100%}.membership-steps{margin-bottom:10px}.payment-hero{padding:65px 0 45px}.payment-hero p{font-size:14px}.payment-section{padding-top:30px}.bank-panel,.payment-action-panel{padding:24px;border-radius:20px}.bank-detail-list>div{grid-template-columns:1fr;gap:4px}.copy-value{position:absolute;right:0;top:13px}.payment-submit-form{grid-template-columns:1fr}.payment-submit-form label{grid-column:1!important}.payment-state-meta{grid-template-columns:1fr}.payment-state-meta span{text-align:left}.membership-profile-head{flex-direction:column}.profile-card dd{max-width:58%}}


/* V4.5: Nasıl Çalışır adımları artık ana sayfada */
.home-process-section{background:#fff;scroll-margin-top:105px}
.home-process-section .process-grid article{display:flex;flex-direction:column;min-height:330px}
.home-process-section .process-grid .text-link{margin-top:auto;align-self:flex-start}
@media(max-width:900px){.home-process-section .process-grid article{min-height:0}}

/* =========================================================
   BIYODIJITAL V4.6 — LOGO UYUMLU RENKLİ TEMA
   ========================================================= */
:root{
 --navy:#0b3152;--navy-2:#17466d;--ink:#15354f;--text:#5d7184;--muted:#8798a8;
 --blue:#00aeb8;--blue-2:#64b900;--cyan:#22cdd0;--mint:#9bd814;--lav:#9c56cf;
 --orange:#ff9f1c;--pink:#eb3f83;--purple:#8c45c7;
 --bg:#f7fbfb;--surface:#fff;--surface-2:#eefaf8;--line:#dcebea;
 --shadow-sm:0 12px 30px rgba(15,72,83,.09);--shadow:0 24px 70px rgba(15,72,83,.14);--shadow-lg:0 40px 100px rgba(12,55,78,.18);
 --header:94px;
}
body{background:linear-gradient(180deg,#fff 0,#f9fcfb 100%)}
em{color:var(--blue)}
.eyebrow{color:#009ca7}.eyebrow i{background:linear-gradient(90deg,var(--cyan),var(--mint),var(--orange))}
.btn-primary{background:linear-gradient(135deg,#00aeb8,#66b900);box-shadow:0 14px 30px rgba(0,174,184,.23)}
.btn-primary:hover{box-shadow:0 18px 38px rgba(0,174,184,.32)}
.btn-soft{background:#e9faf8;color:#008d97;border-color:#cceeea}.btn-white{color:#008f98}
.site-header{height:var(--header)}
.home-page .site-header:not(.scrolled){background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom-color:rgba(216,236,234,.72)}
.inner-page .site-header,.site-header.scrolled{background:rgba(255,255,255,.96);border-bottom-color:#dbeceb;box-shadow:0 10px 35px rgba(14,76,83,.08)}
.brand-with-logo{display:flex;align-items:center;justify-content:center;min-width:78px}
.brand-logo{width:74px;height:78px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(19,73,76,.16));transition:.24s ease}
.brand-with-logo:hover .brand-logo{transform:translateY(-1px)}
.desktop-nav a:after{background:linear-gradient(90deg,var(--cyan),var(--mint),var(--orange))}
.desktop-nav a.active,.desktop-nav a:hover{color:#008d97}.header-login-link:hover{color:#008d97}
.club-btn.student{color:#007f89;background:linear-gradient(135deg,#e8fbfb,#efffe8)}
.club-btn.student span{background:linear-gradient(135deg,#00b9c2,#71bf18);box-shadow:0 7px 15px rgba(0,174,184,.24)}
.club-btn.teacher{color:#7c328f;background:linear-gradient(135deg,#fff0f7,#f6efff)}
.club-btn.teacher span{background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 7px 15px rgba(235,63,131,.23)}
.menu-toggle{background:linear-gradient(135deg,#e8faf8,#f2fbe8)}
.mobile-brand-logo{width:67px;height:69px}.mobile-menu{background:rgba(249,253,252,.98)}
.mobile-menu nav a span{color:#00a2ad}.mobile-student-btn{background:linear-gradient(135deg,#00aeb8,#67b900)}.mobile-teacher-btn{background:linear-gradient(135deg,var(--pink),var(--purple))}
.banner-slider{background:linear-gradient(135deg,#effcf9,#fff8e9)}
.banner-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.87) 34%,rgba(245,255,249,.28) 67%,rgba(255,249,237,.09) 100%)!important}
.banner-copy h1 em{background:linear-gradient(90deg,#00aeb8,#78bd00,#ff9f1c,#eb3f83,#8c45c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.banner-copy h1 em:after{border-bottom-color:rgba(0,174,184,.24)}
.banner-trust{border-top-color:rgba(38,151,151,.2)}
.slider-dots button.active{background:linear-gradient(90deg,#00aeb8,#88c600)}
.scroll-indicator span{border-color:#00aeb8}.scroll-indicator span:after{background:#00aeb8}
.metrics-strip{background:#fff}.metrics-grid{border-color:#dcebea;box-shadow:0 20px 60px rgba(16,88,91,.09)}
.metrics-grid>div:nth-child(1) strong{color:#00aeb8}.metrics-grid>div:nth-child(2) strong{color:#6fae00}.metrics-grid>div:nth-child(3) strong{color:#f18a00}
.live-dot{background:#86c811;box-shadow:0 0 0 6px rgba(134,200,17,.14)}
.platform-section{background:linear-gradient(180deg,#fff,#f8fdfb)}
.platform-section .section-copy h2 em{background:linear-gradient(90deg,#00aeb8,#78bd00,#ff9f1c,#eb3f83,#8c45c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.visual-shell{background:radial-gradient(circle at 20% 15%,rgba(0,195,200,.13),transparent 30%),radial-gradient(circle at 85% 18%,rgba(255,159,28,.14),transparent 25%),radial-gradient(circle at 75% 85%,rgba(235,63,131,.12),transparent 27%),linear-gradient(145deg,#f7fffc,#fffaf1);border-color:#dcedea}
.visual-shell.uses-brand-logo{min-height:550px;padding:36px}.visual-shell.uses-brand-logo img{width:min(86%,600px);max-height:490px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(25,79,82,.16))}
.visual-shell.uses-brand-logo .floating-note{display:none}
.floating-note span{background:#e6faf7;color:#008f98}.note-b span{background:#f1f9df;color:#609c00}
.home-process-section{position:relative;background:linear-gradient(180deg,#f8fdfb 0%,#fff 100%);padding-top:38px;border-top:1px solid #e5f0ed}
.home-process-section:before{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 48px));height:4px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--cyan),var(--mint),var(--orange),var(--pink),var(--purple))}
.process-heading{max-width:720px;margin:0 auto 35px;text-align:center}.process-heading h2{margin-bottom:0}
.home-process-section .process-grid{gap:20px}
.home-process-section .process-grid article{position:relative;overflow:hidden;min-height:300px;padding:34px;border-color:#dcebea;box-shadow:0 14px 35px rgba(20,82,85,.06)}
.home-process-section .process-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:5px}
.home-process-section .process-grid article:nth-child(1):before{background:linear-gradient(90deg,#00b9c2,#4fd7d1)}
.home-process-section .process-grid article:nth-child(2):before{background:linear-gradient(90deg,#8bc700,#c1e331)}
.home-process-section .process-grid article:nth-child(3):before{background:linear-gradient(90deg,#ff9f1c,#eb3f83,#8c45c7)}
.home-process-section .process-grid article:nth-child(1)>span{color:#00a6af}.home-process-section .process-grid article:nth-child(2)>span{color:#68a600}.home-process-section .process-grid article:nth-child(3)>span{color:#d9437b}
.home-process-section .process-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(20,82,85,.11)}
.features-section,.resources-preview{background:linear-gradient(180deg,#f7fcfb,#fffaf4)}
.feature-card:after{background:linear-gradient(90deg,var(--cyan),var(--mint),var(--orange),var(--pink),var(--purple))}
.feature-grid .feature-card:nth-child(1) .feature-icon{background:linear-gradient(145deg,#e3fbfa,#edfff9)}
.feature-grid .feature-card:nth-child(2) .feature-icon{background:linear-gradient(145deg,#f2fbdc,#fbffe9)}
.feature-grid .feature-card:nth-child(3) .feature-icon{background:linear-gradient(145deg,#fff3df,#fff9ec)}
.feature-grid .feature-card:nth-child(4) .feature-icon{background:linear-gradient(145deg,#fff0f6,#f8efff)}
.icon-layers:before,.icon-spark:before,.icon-teacher:before{border-color:#00aeb8}.icon-shield:before{background:linear-gradient(145deg,var(--pink),var(--purple))}
.class-card{border-color:#dcebea}.grade-9 .class-art{background:linear-gradient(145deg,#dffafa,#f1fff9)}.grade-10 .class-art{background:linear-gradient(145deg,#eff8d9,#fbffe8)}.grade-11 .class-art{background:linear-gradient(145deg,#fff0d9,#fff9eb)}.grade-12 .class-art{background:linear-gradient(145deg,#fff0f6,#f4edff)}
.grade-9 .class-button{color:#009ca6}.grade-10 .class-button{color:#679c00}.grade-11 .class-button{color:#df7c00}.grade-12 .class-button{color:#8b3bb0}
.grade-9:hover .class-button i{background:#00aeb8}.grade-10:hover .class-button i{background:#79b800}.grade-11:hover .class-button i{background:#f29418}.grade-12:hover .class-button i{background:linear-gradient(135deg,var(--pink),var(--purple))}
.resource-cover{background:radial-gradient(circle at 75% 20%,rgba(139,199,0,.25),transparent 25%),linear-gradient(145deg,#e9fbfa,#fff4df)}
.portal-card.primary,.auth-visual,.student-club-page .club-auth-visual{background:linear-gradient(145deg,#0b5470,#00aeb8 57%,#76bd00)}
.teacher-club-page .club-auth-visual{background:linear-gradient(145deg,#5b236d,#eb3f83 57%,#8c45c7)}
.cta-shell,.payment-hero{background:linear-gradient(120deg,#0b4a69,#00aeb8 45%,#79b900 72%,#f59a18)}
.site-footer{position:relative;background:linear-gradient(145deg,#082f48,#0c5666 60%,#124e5e);color:#fff}
.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cyan),var(--mint),var(--orange),var(--pink),var(--purple))}
.footer-logo{width:150px;height:155px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.18))}.footer-brand{display:inline-flex;margin-bottom:12px}
.footer-intro p,.site-footer a,.footer-bottom{color:rgba(255,255,255,.72)}.footer-links h3{color:#fff}.site-footer a:hover{color:#bdfbf1}
@media(max-width:900px){:root{--header:78px}.brand-logo{width:62px;height:65px}.banner-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(248,255,251,.76))!important}.visual-shell.uses-brand-logo{min-height:420px}.home-process-section{padding-top:52px}}
@media(max-width:650px){.brand-logo{width:58px;height:61px}.mobile-brand-logo{width:62px;height:64px}.footer-logo{width:125px;height:130px}.process-heading{text-align:left;margin-bottom:25px}.visual-shell.uses-brand-logo{min-height:350px;padding:22px}.visual-shell.uses-brand-logo img{width:96%}}
.banner-copy .eyebrow{color:#009ca7!important}.banner-actions .btn-primary{background:linear-gradient(135deg,#00aeb8,#66b900)!important;box-shadow:0 14px 30px rgba(0,174,184,.23)!important}.banner-actions .btn-glass{color:#7e3aa4!important;border-color:rgba(255,255,255,.96)!important}.banner-actions .btn-soft{background:#e8faf7!important;color:#008d97!important}

/* =========================================================
   BIYODIJITAL V4.6.1 — CLEAN, CENTERED METRICS
   ========================================================= */
.metrics-strip{
  padding:0;
  background:#fff;
}
.metrics-strip .metrics-grid{
  width:min(900px,calc(100% - 48px));
  max-width:900px;
  margin:0 auto;
  min-height:138px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  border:1px solid #dcebea;
  border-top:0;
  border-radius:0 0 28px 28px;
  overflow:hidden;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 60px rgba(16,88,91,.09);
}
.metrics-strip .metrics-grid>.metric-item{
  min-width:0;
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid #dcebea;
}
.metrics-strip .metrics-grid>.metric-item:first-child{
  padding-left:24px;
}
.metrics-strip .metrics-grid>.metric-item:last-child{
  border-right:0;
}
.metrics-strip .metric-item strong{
  display:block;
  width:100%;
  margin:0 0 11px;
  font-size:32px;
  line-height:1;
  text-align:center;
  letter-spacing:-.035em;
}
.metrics-strip .metric-item span{
  display:block;
  width:100%;
  margin:0;
  color:#718297;
  font-size:11px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.075em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}
@media(max-width:900px){
  .metrics-strip .metrics-grid{
    width:min(760px,calc(100% - 32px));
    min-height:122px;
  }
  .metrics-strip .metrics-grid>.metric-item{
    padding:22px 14px;
  }
  .metrics-strip .metrics-grid>.metric-item:first-child{
    padding-left:14px;
  }
  .metrics-strip .metric-item strong{
    font-size:27px;
  }
  .metrics-strip .metric-item span{
    font-size:9px;
  }
}
@media(max-width:650px){
  .metrics-strip .metrics-grid{
    width:calc(100% - 24px);
    min-height:104px;
    border-radius:0 0 20px 20px;
  }
  .metrics-strip .metrics-grid>.metric-item{
    padding:18px 8px;
  }
  .metrics-strip .metrics-grid>.metric-item:first-child{
    padding-left:8px;
  }
  .metrics-strip .metric-item strong{
    margin-bottom:8px;
    font-size:24px;
  }
  .metrics-strip .metric-item span{
    font-size:8px;
    line-height:1.3;
    letter-spacing:.045em;
    white-space:normal;
  }
}


/* V4.6.2: visitor-focused feature icons */
.icon-clock:before{width:23px;height:23px;border:2px solid var(--cyan);border-radius:50%;left:15px;top:14px}
.icon-clock:after{width:8px;height:7px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);left:26px;top:21px;transform:rotate(-8deg);transform-origin:left bottom}
.icon-support:before{width:24px;height:20px;border:2px solid var(--purple);border-bottom:0;border-radius:15px 15px 0 0;left:14px;top:13px}
.icon-support:after{width:5px;height:12px;border-radius:4px;background:var(--pink);left:13px;top:26px;box-shadow:21px 0 0 var(--purple),13px 8px 0 -1px var(--orange)}

/* V4.8.21: interlocked class journey selector */
.class-journey-panel{min-height:365px;display:flex;flex-direction:column;justify-content:center;overflow:visible}
.class-journey-panel .grade-stack{position:relative;display:flex;align-items:center;justify-content:center;width:min(360px,100%);min-height:148px;margin:28px auto 20px;padding:18px 14px 24px;isolation:isolate}
.class-journey-panel .grade-stack:before,.class-journey-panel .grade-stack:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed rgba(31,153,157,.18);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
.class-journey-panel .grade-stack:before{width:320px;height:126px}.class-journey-panel .grade-stack:after{width:265px;height:96px;border-color:rgba(177,80,144,.14)}
.class-journey-panel .grade-bubble{--grade-color:#00aeb8;position:relative;z-index:2;display:grid;place-items:center;flex:0 0 104px;width:104px;height:104px;margin:0 0 0 -38px;padding:0;border:5px solid rgba(255,255,255,.94);border-radius:50%;background:color-mix(in srgb,var(--grade-color) 13%,#fff);color:color-mix(in srgb,var(--grade-color) 82%,#173f4b);box-shadow:0 15px 35px rgba(20,58,91,.13),inset 0 0 0 1px color-mix(in srgb,var(--grade-color) 34%,#d9e7ed);cursor:pointer;transform:scale(.88);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease,opacity .28s ease,filter .28s ease}
.class-journey-panel .grade-bubble:first-child{margin-left:0}
.class-journey-panel .grade-bubble-9{--grade-color:#00aeb8}
.class-journey-panel .grade-bubble-10{--grade-color:#79b800}
.class-journey-panel .grade-bubble-11{--grade-color:#f29418}
.class-journey-panel .grade-bubble-12{--grade-color:#c23eaa}
.class-journey-panel .grade-bubble>span{display:block;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:28px;font-weight:950;line-height:1;letter-spacing:-.04em}
.class-journey-panel .grade-stack .grade-bubble:not(.is-active){opacity:.67;filter:saturate(.72);transform:translateY(8px) scale(.86)}
.class-journey-panel .grade-bubble:hover{z-index:7;opacity:1!important;filter:none!important;transform:translateY(-7px) scale(1.02)!important;box-shadow:0 22px 42px color-mix(in srgb,var(--grade-color) 20%,rgba(20,58,91,.14))}
.class-journey-panel .grade-bubble:focus-visible{outline:4px solid color-mix(in srgb,var(--grade-color) 22%,transparent);outline-offset:4px}
.class-journey-panel .grade-bubble.is-active{z-index:12;opacity:1!important;filter:none!important;transform:translateY(-18px) scale(1.18)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--grade-color) 78%,#fff),var(--grade-color));color:#fff;border-color:#fff;box-shadow:0 30px 55px color-mix(in srgb,var(--grade-color) 34%,rgba(20,58,91,.16)),0 0 0 7px color-mix(in srgb,var(--grade-color) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.48)}
.selected-grade-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid rgba(188,206,224,.65)}
.selected-grade-summary>div{display:flex;flex-direction:column;gap:4px}
.selected-grade-summary>div>span{color:#8492a4;font-size:9px;font-weight:900;letter-spacing:.13em}
.selected-grade-summary>div>strong{color:var(--navy);font-size:19px;line-height:1.2}
.grade-open-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 15px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#fff;font-size:11px;font-weight:900;box-shadow:0 12px 25px rgba(0,174,184,.17);transition:transform .2s ease,box-shadow .2s ease}
.grade-open-button i{font-style:normal;font-size:14px;transition:transform .2s ease}
.grade-open-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,174,184,.22)}
.grade-open-button:hover i{transform:translateX(3px)}
.class-journey-panel .grade-selector-note{margin:13px 0 0;color:#718297;font-size:11px;line-height:1.5}
@media(max-width:650px){
  .class-journey-panel{min-height:0}
  .class-journey-panel .grade-stack{width:100%;min-height:118px;margin:24px auto 16px;padding:14px 2px 20px}
  .class-journey-panel .grade-stack:before{width:260px;height:100px}.class-journey-panel .grade-stack:after{width:215px;height:74px}
  .class-journey-panel .grade-bubble{flex-basis:78px;width:78px;height:78px;margin-left:-25px;border-width:4px}
  .class-journey-panel .grade-bubble>span{font-size:22px}
  .class-journey-panel .grade-bubble.is-active{transform:translateY(-13px) scale(1.16)!important}
  .selected-grade-summary{align-items:stretch;flex-direction:column}
  .grade-open-button{width:100%}
  .class-journey-panel .grade-selector-note{text-align:center}
}

/* =========================================================
   BIYODIJITAL V4.7 — FAQ SEARCH + ACADEMIC HEADING IMAGES
   ========================================================= */
.faq-search-form{width:min(760px,100%);margin-top:34px;padding:18px;border:1px solid rgba(203,220,237,.95);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 20px 55px rgba(28,62,104,.08);backdrop-filter:blur(14px)}
.faq-search-form>label{display:block;margin:0 0 8px;color:#506078;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.faq-search-control{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 6px 6px 13px;border:1px solid #d7e4ef;border-radius:14px;background:#fff}
.faq-search-control>span{color:var(--blue);font-size:24px;line-height:1}
.faq-search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--navy);font-size:14px;padding:10px 4px}
.faq-search-control input::placeholder{color:#98a5b4}
.faq-search-control .btn{min-width:110px;padding:11px 18px;border-radius:11px}
.faq-search-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 3px 0;color:#73839a;font-size:11px;font-weight:750}
.faq-search-meta button{border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer}
.faq-no-results{margin-top:18px}
.accordion details[hidden]{display:none!important}

.class-card .class-art{isolation:isolate}
.class-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;z-index:0}
.class-card:hover .class-cover-image{transform:scale(1.045)}
.class-art.has-cover-image:after,.class-card.has-cover-image .class-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,27,53,.04),rgba(7,27,53,.68));z-index:1}
.class-grade-badge{position:relative;z-index:2;display:flex;align-items:flex-end;gap:8px}
.class-card.has-cover-image .class-grade-badge strong,.class-card.has-cover-image .class-grade-badge small{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.class-art>.class-grade-badge strong{font-size:78px;line-height:.77;letter-spacing:-.08em}
.class-art>.class-grade-badge small{font-size:10px;font-weight:900;letter-spacing:.15em}
.detail-heading-image{position:relative;margin:0;width:min(430px,100%);aspect-ratio:16/10;border-radius:30px;overflow:hidden;border:1px solid rgba(194,215,232,.95);background:#fff;box-shadow:0 28px 70px rgba(22,55,91,.14);justify-self:end}
.detail-heading-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);border-radius:inherit;pointer-events:none}
.detail-heading-image img{width:100%;height:100%;object-fit:cover;display:block}
.grade-heading-image{width:360px;aspect-ratio:1/1;border-radius:50%}
.unit-card{grid-template-columns:92px 1fr;padding:18px}
.unit-card-media{width:82px;height:82px;border-radius:17px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#eaf6ff,#effcf7)}
.unit-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.unit-card:hover .unit-card-media img{transform:scale(1.06)}
.unit-card-media .unit-order{width:62px;height:62px}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:70px;align-items:center}
.detail-hero-grid:not(.has-heading-image){grid-template-columns:1fr}
.topic-row{grid-template-columns:72px minmax(0,1fr) 35px}
.topic-row-media{width:58px;height:58px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-size:11px;font-weight:900}
.topic-row-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.topic-row:hover .topic-row-media img{transform:scale(1.07)}
.topic-row>span{display:none}

@media(max-width:900px){.detail-hero-grid{grid-template-columns:1fr;gap:35px}.detail-heading-image,.grade-heading-image{justify-self:start;width:min(420px,100%);aspect-ratio:16/10;border-radius:24px}.faq-search-form{width:100%}}
@media(max-width:650px){.faq-search-control{grid-template-columns:28px 1fr}.faq-search-control .btn{grid-column:1/-1;width:100%}.faq-search-meta{align-items:flex-start;flex-direction:column}.class-grid-large .class-art{height:210px}.unit-card{grid-template-columns:72px 1fr}.unit-card-media{width:64px;height:64px}.topic-row{grid-template-columns:56px minmax(0,1fr) 24px;padding:15px}.topic-row-media{width:48px;height:48px}.detail-heading-image,.grade-heading-image{width:100%}}

/* V4.8.4 — visible, clickable member and premium content cards */
.resource-card.is-protected-content{position:relative;opacity:1}
.resource-card.is-protected-content .resource-cover{isolation:isolate}
.resource-card.requires-membership{cursor:pointer}
.resource-card.requires-membership:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#c9d8ea}
.resource-card.requires-membership .resource-cover.has-image:after{background:linear-gradient(180deg,rgba(10,28,54,.12),rgba(10,28,54,.48));backdrop-filter:blur(1px)}
.resource-card.requires-membership .resource-symbol{opacity:.55}
.premium-lock-badge{position:absolute;z-index:5;right:16px;top:16px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 9px 22px rgba(35,67,112,.2)}
.premium-lock-badge.level-premium{background:linear-gradient(135deg,#ffbd24,#ff8a21)}
.premium-lock-badge.level-members{background:linear-gradient(135deg,#2866f2,#7655df)}
.premium-lock-badge i{font-style:normal;font-size:8px}
.resource-lock-layer{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(12,31,57,.02),rgba(12,31,57,.18));pointer-events:none}
.resource-lock-layer:before{content:"";width:42px;height:42px;margin-bottom:9px;border-radius:14px;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232b64d8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.resource-lock-layer b{font-size:16px;letter-spacing:.01em}
.resource-lock-layer small{margin-top:2px;color:rgba(255,255,255,.86);font-size:10px}
.resource-card.requires-membership .resource-body{background:linear-gradient(180deg,#fff,#f8fbff)}
.resource-card.requires-membership .resource-body h3{color:#263a56}
.resource-card.requires-membership .resource-body p{color:#77879a}
.membership-link{display:inline-flex;align-items:center;gap:7px!important;color:var(--blue)!important;cursor:pointer}
.membership-link i{font-style:normal!important}
.resource-card.is-protected-content:not(.requires-membership) .resource-cover:after{background:linear-gradient(180deg,transparent,rgba(10,25,48,.12))}
@media(max-width:650px){.premium-lock-badge{right:12px;top:12px}.resource-lock-layer:before{width:38px;height:38px}}
.club-existing-login{margin-top:15px!important;font-size:13px!important}.club-existing-login a{color:var(--blue);font-weight:900}

/* V4.8.5 — logo uyumlu dengeli açık renk tema */
:root{
 --navy:#083551;--navy-2:#12516d;--ink:#143b50;--text:#586e7f;--muted:#8195a2;
 --blue:#00aeb8;--blue-2:#77bf12;--cyan:#22cdd0;--mint:#9bd814;--lav:#9c56cf;
 --orange:#ff9f1c;--pink:#eb3f83;--purple:#8c45c7;
 --bg:#eefbf7;--surface:#fbfffc;--surface-2:#e8f8f5;--line:#cfe8e4;
 --shadow-sm:0 13px 34px rgba(7,86,91,.10);--shadow:0 25px 72px rgba(7,86,91,.15);--shadow-lg:0 42px 100px rgba(8,70,92,.20);
}
html{background:#eefbf7}
body{
 background:
  radial-gradient(circle at 10% 0%,rgba(34,205,208,.16),transparent 32%),
  radial-gradient(circle at 92% 12%,rgba(255,159,28,.14),transparent 30%),
  radial-gradient(circle at 55% 100%,rgba(155,216,20,.13),transparent 34%),
  linear-gradient(180deg,#f3fcf9 0%,#fff7ea 48%,#f6f2ff 100%)!important;
}
.muted-section,.classes-preview{background:linear-gradient(180deg,#eefbf7 0%,#fff8ec 100%)}
.section{transition:background .35s ease,border-color .35s ease}
.site-header{background:rgba(245,253,250,.86);backdrop-filter:blur(18px)}
.home-page .site-header:not(.scrolled){background:linear-gradient(90deg,rgba(237,252,248,.9),rgba(255,249,237,.84));border-bottom-color:rgba(187,224,219,.72)}
.inner-page .site-header,.site-header.scrolled{background:linear-gradient(90deg,rgba(247,255,252,.96),rgba(255,250,239,.94));border-bottom-color:#cfe8e4;box-shadow:0 10px 35px rgba(7,86,91,.09)}
.brand-logo{filter:drop-shadow(0 9px 16px rgba(0,174,184,.18)) drop-shadow(0 4px 8px rgba(255,159,28,.10))}
.desktop-nav a:hover,.desktop-nav a.active,.header-login-link:hover{color:#008f98}
.desktop-nav a:after{background:linear-gradient(90deg,#00aeb8,#9bd814,#ff9f1c)}
.btn,.text-link,.text-button,.feature-card,.class-card,.resource-card,.process-grid article,.metrics-grid,.visual-shell,.portal-card,.bank-panel,.payment-action-panel,.profile-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.btn-primary,.banner-actions .btn-primary{background:linear-gradient(135deg,#00aeb8 0%,#78bd00 58%,#ff9f1c 100%)!important;box-shadow:0 15px 32px rgba(0,174,184,.22)!important}
.btn-soft,.banner-actions .btn-soft{background:linear-gradient(135deg,#e6faf8,#f3fbe2)!important;color:#008d97!important;border-color:#c5ece6!important}
.btn-glass{background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(7,86,91,.08)}
.banner-slider{background:linear-gradient(135deg,#ddf8f6 0%,#f3fbe6 45%,#fff1df 100%)}
.banner-overlay{background:linear-gradient(90deg,rgba(238,251,247,.93) 0%,rgba(246,255,239,.82) 37%,rgba(255,244,224,.42) 70%,rgba(246,238,255,.20) 100%),radial-gradient(circle at 80% 15%,rgba(255,159,28,.16),transparent 30%),radial-gradient(circle at 7% 82%,rgba(0,174,184,.15),transparent 32%)!important}
.banner-copy h1 em,.platform-section .section-copy h2 em{background:linear-gradient(90deg,#00aeb8,#78bd00,#ff9f1c,#eb3f83,#8c45c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.banner-copy h1 em:after{border-bottom-color:rgba(120,189,0,.25)}
.banner-copy p{color:#526f7c}
.banner-trust{border-top-color:rgba(0,174,184,.18)}
.slider-arrow,.slider-controls{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.92);box-shadow:0 14px 35px rgba(7,86,91,.10)}
.metrics-strip{background:linear-gradient(180deg,rgba(238,251,247,.82),rgba(255,248,236,.85))}
.metrics-strip .metrics-grid,.metrics-grid{background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(236,251,247,.82));border-color:#cfe8e4;box-shadow:0 22px 62px rgba(7,86,91,.10)}
.platform-section{background:linear-gradient(180deg,#eefbf7 0%,#fff7eb 100%)}
.visual-shell{background:radial-gradient(circle at 18% 18%,rgba(0,174,184,.17),transparent 31%),radial-gradient(circle at 82% 16%,rgba(255,159,28,.16),transparent 28%),radial-gradient(circle at 78% 86%,rgba(235,63,131,.12),transparent 31%),linear-gradient(145deg,#ecfbf7,#fff6e5 62%,#f7f0ff);border-color:#cfe8e4;box-shadow:0 28px 76px rgba(8,86,91,.12)}
.home-process-section{background:linear-gradient(180deg,#fff7ea 0%,#eefbf7 100%);border-top-color:#cfe8e4}
.home-process-section .process-grid article,.feature-card,.class-card,.resource-card,.portal-card,.bank-panel,.payment-action-panel,.profile-card,.contact-card,.faq-item{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,251,247,.76));border-color:#cfe8e4;box-shadow:0 15px 42px rgba(7,86,91,.075)}
.home-process-section .process-grid article:hover,.feature-card:hover,.class-card:hover,.resource-card:hover{box-shadow:0 24px 56px rgba(7,86,91,.13)}
.features-section,.resources-preview{background:linear-gradient(180deg,#eefbf7 0%,#fff7ea 58%,#f6f0ff 100%)}
.feature-card:after,.home-process-section:before,.site-footer:before{background:linear-gradient(90deg,#00aeb8,#9bd814,#ff9f1c,#eb3f83,#8c45c7)}
.grade-9 .class-art,.feature-grid .feature-card:nth-child(1) .feature-icon{background:linear-gradient(145deg,#d9f8f6,#effff8)}
.grade-10 .class-art,.feature-grid .feature-card:nth-child(2) .feature-icon{background:linear-gradient(145deg,#edf9d6,#fbffe6)}
.grade-11 .class-art,.feature-grid .feature-card:nth-child(3) .feature-icon{background:linear-gradient(145deg,#fff0d9,#fff8e8)}
.grade-12 .class-art,.feature-grid .feature-card:nth-child(4) .feature-icon{background:linear-gradient(145deg,#fff0f6,#f3ebff)}
.resource-cover{background:radial-gradient(circle at 76% 18%,rgba(155,216,20,.26),transparent 27%),radial-gradient(circle at 18% 80%,rgba(0,174,184,.18),transparent 32%),linear-gradient(145deg,#e3faf7,#fff1da)}
.cta-shell,.payment-hero{background:linear-gradient(120deg,#0e6071,#00aeb8 42%,#7dbb08 72%,#ff9f1c)}
.site-footer{background:linear-gradient(145deg,#07334b,#0d6670 58%,#436d21)}
.mobile-menu{background:linear-gradient(180deg,rgba(238,251,247,.98),rgba(255,248,236,.98))}
.mobile-close,.menu-toggle{background:linear-gradient(135deg,#e0f8f4,#f4fbe6)}
@media(max-width:900px){.banner-overlay{background:linear-gradient(90deg,rgba(238,251,247,.95),rgba(255,248,236,.78))!important}}

/* V4.8.6 — logodan alınan daha belirgin açık geçişli tema */
:root{
 --navy:#173f4b;--navy-2:#255b66;--ink:#1d4652;--text:#5f7680;--muted:#8798a0;
 --blue:#24bdbf;--blue-2:#b7d42b;--cyan:#58d7d8;--mint:#d4e844;--lav:#b15090;
 --orange:#f29822;--pink:#c95b9a;--purple:#8e58b7;
 --bg:#f2fbf6;--surface:#fffdf7;--surface-2:#edf9f4;--line:#c9e6df;
 --shadow-sm:0 14px 36px rgba(24,96,101,.11);--shadow:0 28px 76px rgba(24,96,101,.16);--shadow-lg:0 44px 110px rgba(23,63,75,.22);
}
html{background:#eef9f4}
body{
 color:var(--ink)!important;
 background:
  radial-gradient(circle at 9% -4%,rgba(36,189,191,.22),transparent 30%),
  radial-gradient(circle at 96% 2%,rgba(242,152,34,.18),transparent 28%),
  radial-gradient(circle at 76% 98%,rgba(177,80,144,.14),transparent 34%),
  linear-gradient(135deg,#eefaf5 0%,#fff8e8 48%,#f7efff 100%)!important;
}
h1,h2,h3{color:#153d49}.page-main{background:transparent}.section{position:relative}.muted-section,.classes-preview,.features-section,.resources-preview,.platform-section{background:linear-gradient(135deg,rgba(238,250,245,.88),rgba(255,248,232,.88) 55%,rgba(247,239,255,.76))!important}
.site-header{background:linear-gradient(90deg,rgba(239,250,245,.92),rgba(255,249,234,.88),rgba(248,241,255,.84))!important;border-bottom-color:rgba(201,230,223,.72)!important}
.inner-page .site-header,.site-header.scrolled{background:linear-gradient(90deg,rgba(248,255,251,.96),rgba(255,249,235,.95),rgba(249,243,255,.93))!important;box-shadow:0 12px 38px rgba(24,96,101,.10)!important}
.brand-copy strong,.desktop-nav a{color:#1d4652}.desktop-nav a:hover,.desktop-nav a.active,.eyebrow,.text-link:hover,.text-button:hover{color:#159da1!important}.desktop-nav a:after{background:linear-gradient(90deg,#24bdbf,#d4e844,#f29822,#b15090)!important;height:3px;border-radius:5px}.brand-logo{filter:drop-shadow(0 10px 18px rgba(36,189,191,.20)) drop-shadow(0 5px 10px rgba(177,80,144,.10))}.brand-mark{background:linear-gradient(145deg,#24bdbf 0%,#b7d42b 55%,#f29822 100%)!important;box-shadow:0 13px 28px rgba(36,189,191,.24)!important}
.btn-primary,.banner-actions .btn-primary,.grade-open-button{background:linear-gradient(135deg,#24bdbf 0%,#b7d42b 48%,#f29822 78%,#b15090 100%)!important;box-shadow:0 16px 34px rgba(36,189,191,.24)!important;color:#fff!important}.btn-primary:hover,.grade-open-button:hover{box-shadow:0 21px 45px rgba(36,189,191,.30)!important}.btn-soft,.banner-actions .btn-soft{background:linear-gradient(135deg,#e2fbf7 0%,#f7fbe4 58%,#fff1df 100%)!important;border-color:#bfe9df!important;color:#158d92!important}.btn-glass,.slider-arrow,.slider-controls,.faq-search-form{background:rgba(255,255,255,.70)!important;border-color:rgba(255,255,255,.94)!important;box-shadow:0 16px 40px rgba(24,96,101,.10)!important}
.banner-slider{background:linear-gradient(135deg,#dff8f4 0%,#f6f9dd 38%,#fff0d9 72%,#f4ecff 100%)!important}.banner-overlay{background:linear-gradient(90deg,rgba(237,250,245,.94) 0%,rgba(250,255,232,.82) 38%,rgba(255,239,215,.52) 68%,rgba(246,235,255,.28) 100%),radial-gradient(circle at 80% 16%,rgba(242,152,34,.24),transparent 31%),radial-gradient(circle at 10% 82%,rgba(36,189,191,.22),transparent 34%)!important}.banner-glow.one{background:radial-gradient(circle,rgba(36,189,191,.42),transparent 68%)!important}.banner-glow.two{background:radial-gradient(circle,rgba(177,80,144,.22),transparent 68%)!important}.banner-copy h1 em,.platform-section .section-copy h2 em,.faq-search-control>span{background:linear-gradient(90deg,#24bdbf,#b7d42b,#f29822,#b15090);-webkit-background-clip:text;background-clip:text;color:transparent!important}.banner-copy h1 em:after{border-bottom-color:rgba(242,152,34,.28)!important}.banner-copy p{color:#52717b!important}.banner-trust{border-top-color:rgba(36,189,191,.20)!important}
.metrics-strip,.home-process-section{background:linear-gradient(135deg,rgba(255,248,232,.90),rgba(238,250,245,.92) 58%,rgba(247,239,255,.78))!important;border-color:#c9e6df!important}.metrics-strip .metrics-grid,.metrics-grid,.feature-card,.class-card,.resource-card,.process-grid article,.portal-card,.bank-panel,.payment-action-panel,.profile-card,.contact-card,.faq-item,.accordion details,.unit-card,.topic-row{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(236,250,245,.80) 52%,rgba(255,248,232,.66))!important;border-color:#c9e6df!important;box-shadow:0 18px 48px rgba(24,96,101,.085)!important}.feature-card:hover,.class-card:hover,.resource-card:hover,.process-grid article:hover,.unit-card:hover,.topic-row:hover{border-color:#a8ddd4!important;box-shadow:0 28px 62px rgba(24,96,101,.145)!important;transform:translateY(-5px)}
.visual-shell{background:radial-gradient(circle at 17% 18%,rgba(36,189,191,.24),transparent 31%),radial-gradient(circle at 86% 18%,rgba(242,152,34,.22),transparent 29%),radial-gradient(circle at 80% 88%,rgba(177,80,144,.18),transparent 31%),linear-gradient(145deg,#e4faf6,#fff5df 60%,#f5ecff)!important;border-color:#bfe9df!important;box-shadow:0 32px 82px rgba(24,96,101,.15)!important}.feature-card:after,.home-process-section:before,.site-footer:before{background:linear-gradient(90deg,#24bdbf,#d4e844,#f29822,#b15090,#8e58b7)!important}.feature-icon,.quick-panel>a>span,.unit-card-media,.topic-row-media{background:linear-gradient(145deg,#ddf9f5,#f7fadf 52%,#fff0df)!important;color:#159da1!important}.grade-9 .class-art,.feature-grid .feature-card:nth-child(1) .feature-icon{background:linear-gradient(145deg,#d8f8f5,#effffc)!important}.grade-10 .class-art,.feature-grid .feature-card:nth-child(2) .feature-icon{background:linear-gradient(145deg,#edf9d1,#fbffe2)!important}.grade-11 .class-art,.feature-grid .feature-card:nth-child(3) .feature-icon{background:linear-gradient(145deg,#fff0d6,#fff8e7)!important}.grade-12 .class-art,.feature-grid .feature-card:nth-child(4) .feature-icon{background:linear-gradient(145deg,#fff0f7,#f3eaff)!important}.class-journey-panel .grade-bubble.is-active{box-shadow:0 24px 48px rgba(24,96,101,.18),inset 0 1px 0 rgba(255,255,255,.48)!important}.resource-cover{background:radial-gradient(circle at 74% 18%,rgba(212,232,68,.34),transparent 28%),radial-gradient(circle at 18% 80%,rgba(36,189,191,.25),transparent 34%),linear-gradient(145deg,#e0faf6,#fff0d8 72%,#f5ecff)!important}.cta-shell,.payment-hero{background:linear-gradient(120deg,#174957 0%,#24bdbf 38%,#b7d42b 64%,#f29822 86%,#b15090 100%)!important;box-shadow:0 28px 70px rgba(24,96,101,.18)!important}.site-footer{background:linear-gradient(145deg,#123944,#166b72 48%,#59722a 76%,#6a3c68)!important}.mobile-menu{background:linear-gradient(180deg,rgba(239,250,245,.98),rgba(255,248,232,.98),rgba(248,240,255,.98))!important}.mobile-close,.menu-toggle{background:linear-gradient(135deg,#ddf9f5,#f7fadf,#fff0df)!important}
input:focus,select:focus,textarea:focus,.faq-search-control:focus-within{border-color:#24bdbf!important;box-shadow:0 0 0 4px rgba(36,189,191,.12)!important}.premium-lock-badge.level-members{background:linear-gradient(135deg,#24bdbf,#8e58b7)!important}.premium-lock-badge.level-premium{background:linear-gradient(135deg,#f29822,#b15090)!important}
@media(max-width:900px){.banner-overlay{background:linear-gradient(90deg,rgba(239,250,245,.96),rgba(255,248,232,.82),rgba(248,240,255,.60))!important}.feature-card:hover,.class-card:hover,.resource-card:hover,.process-grid article:hover,.unit-card:hover,.topic-row:hover{transform:none}}

/* v4.8.7 - Üyelik IBAN önizleme kartları */
.membership-bank-preview{position:relative;z-index:2;width:min(420px,100%);margin-top:12px;padding:16px 18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);display:grid;gap:9px;color:#fff}.membership-bank-preview>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.72)}.membership-bank-preview div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start}.membership-bank-preview small{color:rgba(255,255,255,.58);font-size:10px;font-weight:800}.membership-bank-preview b{color:#fff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.membership-bank-preview .iban-preview{grid-template-columns:92px 1fr}.membership-bank-preview p{margin:4px 0 0;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.82);font-size:11px;line-height:1.45}.admin-hint.success{background:#ecfff5;color:#146b43;border-color:#bdeed3}.admin-hint.warning{background:#fff7e8;color:#8a5200;border-color:#ffe1a8}@media(max-width:650px){.membership-bank-preview div,.membership-bank-preview .iban-preview{grid-template-columns:1fr;gap:2px}}
.resource-audience{display:inline-flex;align-self:flex-start;margin:6px 0 2px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em;background:#eef8ff;color:#12708b}.resource-audience.audience-teacher{background:#f5efff;color:#6b3bb5}.resource-audience.audience-student{background:#e9fbff;color:#0b7893}

/* =========================================================
   BIYODIJITAL V4.8.10 — AÇIK / KOYU TEMA ANAHTARI
   ========================================================= */
.theme-toggle{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid rgba(0,174,184,.22);border-radius:999px;background:rgba(255,255,255,.82);color:#087c84;font-weight:900;font-size:12px;line-height:1;box-shadow:0 10px 24px rgba(19,73,76,.08);backdrop-filter:blur(12px);transition:.24s ease;
}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(19,73,76,.13)}
.theme-toggle-icon{position:relative;display:block;width:36px;height:20px;border-radius:999px;background:linear-gradient(135deg,#e6fbf9,#f3ffe8);box-shadow:inset 0 0 0 1px rgba(0,174,184,.18)}
.theme-toggle-icon:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#ffcd5b,#ff9f1c);box-shadow:0 2px 7px rgba(255,159,28,.35);transition:.24s ease}
.theme-toggle.is-dark .theme-toggle-icon{background:linear-gradient(135deg,#182944,#293a60)}
.theme-toggle.is-dark .theme-toggle-icon:before{left:19px;background:linear-gradient(135deg,#d9e7ff,#87a8ff);box-shadow:0 2px 8px rgba(116,148,255,.35)}
.mobile-menu-actions{display:flex;align-items:center;gap:10px}.theme-toggle-mobile{min-height:46px;padding:8px 11px}.theme-toggle-mobile .theme-toggle-text{display:none}
html[data-theme="dark"]{
 --navy:#f4f8ff;--navy-2:#dce9ff;--ink:#eaf2ff;--text:#b7c7db;--muted:#8da1b8;
 --bg:#0a1220;--surface:#101b2d;--surface-2:#14233a;--line:#26364d;
 --shadow-sm:0 12px 30px rgba(0,0,0,.28);--shadow:0 24px 70px rgba(0,0,0,.38);--shadow-lg:0 40px 100px rgba(0,0,0,.48);
}
html[data-theme="dark"] body{background:radial-gradient(circle at 10% -10%,rgba(0,174,184,.17),transparent 32%),radial-gradient(circle at 90% 5%,rgba(235,63,131,.12),transparent 30%),linear-gradient(180deg,#07111f 0,#0b1424 100%);color:var(--ink)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#f5f9ff}
html[data-theme="dark"] p{color:#b7c7db}
html[data-theme="dark"] .muted-section,html[data-theme="dark"] .metrics-strip,html[data-theme="dark"] .platform-section,html[data-theme="dark"] .home-process-section,html[data-theme="dark"] .features-section,html[data-theme="dark"] .resources-preview{background:linear-gradient(180deg,#0b1424,#101b2d)!important}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .home-page .site-header:not(.scrolled),html[data-theme="dark"] .inner-page .site-header,html[data-theme="dark"] .site-header.scrolled{background:rgba(9,17,31,.9);border-bottom-color:rgba(78,101,130,.45);box-shadow:0 12px 38px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
html[data-theme="dark"] .desktop-nav a{color:#c2d2e7}html[data-theme="dark"] .desktop-nav a.active,html[data-theme="dark"] .desktop-nav a:hover{color:#7ff6ee}
html[data-theme="dark"] .header-login-link{color:#d6e5f6}html[data-theme="dark"] .header-login-link:hover{color:#7ff6ee}
html[data-theme="dark"] .theme-toggle{background:rgba(18,32,53,.86);border-color:rgba(126,246,238,.22);color:#d8f7f4;box-shadow:0 10px 25px rgba(0,0,0,.22)}
html[data-theme="dark"] .menu-toggle,html[data-theme="dark"] .mobile-close{background:#15243b;color:#f4f8ff}html[data-theme="dark"] .menu-toggle span{background:#f4f8ff}
html[data-theme="dark"] .mobile-menu{background:rgba(8,16,30,.98);color:#f4f8ff}html[data-theme="dark"] .mobile-menu nav a{border-bottom-color:#26364d;color:#f4f8ff}
html[data-theme="dark"] .mobile-auth .btn-soft{background:#15243b;color:#d8f7f4;border-color:#26364d}
html[data-theme="dark"] .brand-logo,html[data-theme="dark"] .footer-logo{filter:drop-shadow(0 10px 20px rgba(0,0,0,.38)) brightness(1.03)}
html[data-theme="dark"] .banner-slider{background:linear-gradient(135deg,#07111f,#111d32)!important}
html[data-theme="dark"] .banner-overlay{background:linear-gradient(90deg,rgba(7,17,31,.93) 0%,rgba(7,17,31,.79) 40%,rgba(7,17,31,.42) 74%,rgba(7,17,31,.2) 100%)!important}
html[data-theme="dark"] .banner-copy p{color:#c3d2e5}html[data-theme="dark"] .banner-trust{border-top-color:rgba(184,207,232,.18)}html[data-theme="dark"] .banner-trust span{color:#9fb0c6}html[data-theme="dark"] .banner-trust b{color:#f4f8ff}
html[data-theme="dark"] .btn-glass{background:rgba(18,32,53,.72);color:#eaf2ff;border-color:rgba(151,177,208,.35)}html[data-theme="dark"] .btn-soft{background:#14243a;color:#91fff6;border-color:#26364d}html[data-theme="dark"] .btn-white{background:#eef7ff;color:#087c84}
html[data-theme="dark"] .slider-arrow,html[data-theme="dark"] .slider-controls{background:rgba(18,32,53,.72);color:#f4f8ff;border-color:rgba(151,177,208,.28)}
html[data-theme="dark"] .card,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .class-card,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .portal-card,html[data-theme="dark"] .process-grid article,html[data-theme="dark"] .metrics-grid,html[data-theme="dark"] .content-card,html[data-theme="dark"] .unit-card,html[data-theme="dark"] .topic-card,html[data-theme="dark"] .announcement-card,html[data-theme="dark"] .faq-card,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .payment-card,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .form-card{background:#101b2d!important;border-color:#26364d!important;box-shadow:var(--shadow-sm)!important;color:#eaf2ff}
html[data-theme="dark"] .visual-shell,html[data-theme="dark"] .resource-cover,html[data-theme="dark"] .class-art{background:radial-gradient(circle at 20% 15%,rgba(0,195,200,.18),transparent 32%),radial-gradient(circle at 80% 72%,rgba(235,63,131,.12),transparent 28%),linear-gradient(145deg,#111f33,#0b1728)!important;border-color:#26364d!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b1424!important;color:#eaf2ff!important;border-color:#2d405a!important}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8295ad!important}
html[data-theme="dark"] .toast{background:#101b2d;color:#eaf2ff;border-color:#00aeb8;box-shadow:var(--shadow)}html[data-theme="dark"] .mini-label,html[data-theme="dark"] .class-meta,html[data-theme="dark"] .resource-meta,html[data-theme="dark"] .content-meta{color:#9fb0c6!important}
html[data-theme="dark"] .site-footer{background:linear-gradient(145deg,#050d18,#0b2534 60%,#09212f)!important}
@media(max-width:1100px){.theme-toggle .theme-toggle-text{display:none}.theme-toggle{padding:8px 10px}}
@media(max-width:900px){.header-actions>.theme-toggle{display:none}.mobile-menu-actions .theme-toggle{display:inline-flex}}


/* v4.8.11 - Hero günlük planlar ve raporlar kartları */
.hero-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;max-width:590px}
.hero-highlight-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px 16px;border:1px solid rgba(36,189,191,.20);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(230,250,247,.78) 55%,rgba(255,246,231,.72));box-shadow:0 14px 34px rgba(24,96,101,.08);backdrop-filter:blur(12px);transition:.24s ease}
.hero-highlight-card:hover{transform:translateY(-3px);border-color:rgba(36,189,191,.34);box-shadow:0 20px 42px rgba(24,96,101,.13)}
.hero-highlight-card>span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#ddf9f5,#f7fadf 58%,#fff0df);font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.hero-highlight-card b{display:block;color:#153d49;font-size:14px;line-height:1.2;letter-spacing:-.01em}
.hero-highlight-card small{display:block;margin-top:4px;color:#5d7580;font-size:12px;line-height:1.35;font-weight:700}
.hero-highlight-card.report-card>span{background:linear-gradient(145deg,#fff0df,#f7efff)}
.note-c{left:7%;bottom:8%}.note-c span{background:#fff1df;color:#b66a00}.note-d{right:8%;top:8%}.note-d span{background:#f6edff;color:#7a42a8}
html[data-theme="dark"] .hero-highlight-card{background:linear-gradient(145deg,rgba(16,27,45,.92),rgba(17,35,54,.88));border-color:#26364d;box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .hero-highlight-card:hover{border-color:rgba(126,246,238,.30);box-shadow:var(--shadow)}
html[data-theme="dark"] .hero-highlight-card b{color:#f4f8ff}
html[data-theme="dark"] .hero-highlight-card small{color:#a9bbd0}
html[data-theme="dark"] .hero-highlight-card>span{background:linear-gradient(145deg,#173a43,#24344e);box-shadow:inset 0 0 0 1px rgba(126,246,238,.12)}
html[data-theme="dark"] .floating-note{background:rgba(16,27,45,.92);border-color:#26364d;color:#f4f8ff}
@media(max-width:650px){.hero-highlight-grid{grid-template-columns:1fr;margin-top:20px}.hero-highlight-card{min-height:74px;padding:12px 13px}.note-c,.note-d{display:none}}

/* =========================================================
   BIYODIJITAL V4.8.12 — KOYU TEMA HERO + PROFESYONEL TEMA ANAHTARI
   ========================================================= */
.theme-toggle{
  min-width:154px!important;min-height:48px!important;padding:7px 14px 7px 8px!important;gap:10px!important;
  border-radius:999px!important;border:1px solid rgba(36,189,191,.26)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(235,252,248,.88) 55%,rgba(255,246,231,.86))!important;
  color:#124f59!important;box-shadow:0 14px 36px rgba(24,96,101,.12),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.theme-toggle:hover{transform:translateY(-2px)!important;box-shadow:0 20px 44px rgba(24,96,101,.18),inset 0 1px 0 rgba(255,255,255,.88)!important}
.theme-toggle-icon{width:50px!important;height:30px!important;flex:0 0 50px!important;background:linear-gradient(135deg,#dff9f6,#f7fadf 58%,#fff0df)!important;box-shadow:inset 0 0 0 1px rgba(36,189,191,.16),0 8px 18px rgba(36,189,191,.12)!important;overflow:hidden}
.theme-toggle-icon:before{left:4px!important;top:4px!important;width:22px!important;height:22px!important;background:linear-gradient(135deg,#ffdc7a,#ff9f1c)!important;box-shadow:0 5px 12px rgba(255,159,28,.35)!important;z-index:2}
.theme-toggle-icon:after{content:"☾";position:absolute;right:8px;top:50%;transform:translateY(-53%);font-size:13px;color:#7d4b97;font-weight:900;opacity:.78;transition:.24s ease}
.theme-toggle-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;white-space:nowrap}.theme-toggle-copy b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#174a55}.theme-toggle-copy small{margin-top:4px;font-size:10px;font-weight:900;color:#159da1;letter-spacing:.01em}
html[data-theme="dark"] .theme-toggle{background:linear-gradient(135deg,rgba(12,24,42,.96),rgba(18,39,62,.92) 56%,rgba(31,35,64,.9))!important;border-color:rgba(126,246,238,.30)!important;color:#eafcff!important;box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 0 1px rgba(126,246,238,.05) inset!important}
html[data-theme="dark"] .theme-toggle-icon{background:linear-gradient(135deg,#13263e,#213250 60%,#382a58)!important;box-shadow:inset 0 0 0 1px rgba(126,246,238,.14),0 8px 20px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .theme-toggle-icon:before{left:24px!important;background:linear-gradient(135deg,#dceaff,#7fa8ff)!important;box-shadow:0 5px 15px rgba(127,168,255,.38)!important}
html[data-theme="dark"] .theme-toggle-icon:after{content:"☀";left:9px;right:auto;color:#ffd36d;opacity:.85}.theme-toggle.is-dark .theme-toggle-icon:before{left:24px!important}
html[data-theme="dark"] .theme-toggle-copy b{color:#f4fbff}html[data-theme="dark"] .theme-toggle-copy small{color:#7ff6ee}

html[data-theme="dark"] body{background:radial-gradient(circle at 12% -10%,rgba(36,189,191,.18),transparent 32%),radial-gradient(circle at 90% 0%,rgba(177,80,144,.16),transparent 30%),linear-gradient(180deg,#050b15 0%,#081222 46%,#0b1424 100%)!important;color:#eaf2ff!important}
html[data-theme="dark"] .page-main,html[data-theme="dark"] .homepage-flow{background:transparent!important}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .home-page .site-header:not(.scrolled),html[data-theme="dark"] .inner-page .site-header,html[data-theme="dark"] .site-header.scrolled{background:linear-gradient(90deg,rgba(5,12,24,.92),rgba(9,19,34,.91),rgba(15,25,45,.88))!important;border-bottom-color:rgba(126,246,238,.16)!important;box-shadow:0 14px 42px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px)!important}
html[data-theme="dark"] .desktop-nav a,html[data-theme="dark"] .brand-copy strong{color:#d6e5f6!important}html[data-theme="dark"] .desktop-nav a.active,html[data-theme="dark"] .desktop-nav a:hover,html[data-theme="dark"] .header-login-link:hover{color:#7ff6ee!important}
html[data-theme="dark"] .header-login-link{color:#dbe9f8!important}

html[data-theme="dark"] .banner-slider{background:radial-gradient(circle at 16% 24%,rgba(36,189,191,.16),transparent 34%),radial-gradient(circle at 88% 18%,rgba(177,80,144,.14),transparent 32%),linear-gradient(135deg,#050b15 0%,#081426 50%,#111c32 100%)!important}
html[data-theme="dark"] .banner-media img,html[data-theme="dark"] .banner-media video{filter:brightness(.52) saturate(.82) contrast(1.08)!important}
html[data-theme="dark"] .banner-overlay{background:linear-gradient(90deg,rgba(5,11,21,.97) 0%,rgba(7,16,29,.91) 38%,rgba(8,18,32,.70) 68%,rgba(8,18,32,.48) 100%),radial-gradient(circle at 78% 17%,rgba(36,189,191,.16),transparent 32%),radial-gradient(circle at 12% 84%,rgba(177,80,144,.13),transparent 35%)!important}
html[data-theme="dark"] .banner-glow.one{background:radial-gradient(circle,rgba(36,189,191,.20),transparent 70%)!important}html[data-theme="dark"] .banner-glow.two{background:radial-gradient(circle,rgba(177,80,144,.16),transparent 70%)!important}
html[data-theme="dark"] .banner-copy h1,html[data-theme="dark"] .banner-copy h1 em{color:#f7fbff!important;text-shadow:0 10px 34px rgba(0,0,0,.28)}
html[data-theme="dark"] .banner-copy h1 em,html[data-theme="dark"] .platform-section .section-copy h2 em{background:linear-gradient(90deg,#7ff6ee,#c8f36c,#ffbd64,#ff7bb1,#caa6ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme="dark"] .banner-copy p{color:#c6d5e8!important}html[data-theme="dark"] .banner-trust{border-top-color:rgba(184,207,232,.16)!important}html[data-theme="dark"] .banner-trust span{color:#a9bad0!important}html[data-theme="dark"] .banner-trust b{color:#f6fbff!important}
html[data-theme="dark"] .scroll-indicator small{color:#cfe1f5!important}html[data-theme="dark"] .scroll-indicator span{border-color:#7ff6ee!important}html[data-theme="dark"] .scroll-indicator span:after{background:#7ff6ee!important}

html[data-theme="dark"] .muted-section,html[data-theme="dark"] .classes-preview,html[data-theme="dark"] .features-section,html[data-theme="dark"] .resources-preview,html[data-theme="dark"] .platform-section,html[data-theme="dark"] .metrics-strip,html[data-theme="dark"] .home-process-section{background:linear-gradient(180deg,#081222 0%,#0b1628 58%,#0d1a2d 100%)!important;border-color:#22354d!important}
html[data-theme="dark"] .platform-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(36,189,191,.13),transparent 30%),radial-gradient(circle at 85% 14%,rgba(242,152,34,.08),transparent 26%),radial-gradient(circle at 72% 92%,rgba(177,80,144,.11),transparent 32%);z-index:0}
html[data-theme="dark"] .platform-section>.container{position:relative;z-index:1}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] .section-copy h2,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .process-heading h2{color:#f5f9ff!important}
html[data-theme="dark"] p,html[data-theme="dark"] .section-copy p,html[data-theme="dark"] .section-heading p{color:#b7c7db!important}
html[data-theme="dark"] .eyebrow{color:#7ff6ee!important}html[data-theme="dark"] .eyebrow i{background:linear-gradient(90deg,#7ff6ee,#c8f36c,#ffbd64,#ff7bb1)!important}
html[data-theme="dark"] .metrics-strip .metrics-grid,html[data-theme="dark"] .metrics-grid,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .class-card,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .process-grid article,html[data-theme="dark"] .portal-card,html[data-theme="dark"] .bank-panel,html[data-theme="dark"] .payment-action-panel,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .accordion details,html[data-theme="dark"] .unit-card,html[data-theme="dark"] .topic-row,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .form-card{background:linear-gradient(145deg,rgba(14,27,45,.94),rgba(16,35,54,.88) 58%,rgba(21,29,50,.86))!important;border-color:#26364d!important;color:#eaf2ff!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .feature-card:hover,html[data-theme="dark"] .class-card:hover,html[data-theme="dark"] .resource-card:hover,html[data-theme="dark"] .process-grid article:hover,html[data-theme="dark"] .unit-card:hover,html[data-theme="dark"] .topic-row:hover{border-color:rgba(126,246,238,.28)!important;box-shadow:0 28px 66px rgba(0,0,0,.38)!important}
html[data-theme="dark"] .visual-shell,html[data-theme="dark"] .visual-shell.uses-brand-logo,html[data-theme="dark"] .resource-cover,html[data-theme="dark"] .class-art{background:radial-gradient(circle at 18% 16%,rgba(36,189,191,.18),transparent 34%),radial-gradient(circle at 82% 74%,rgba(177,80,144,.13),transparent 31%),linear-gradient(145deg,#0c182b 0%,#101d31 56%,#11182d 100%)!important;border-color:#26364d!important;box-shadow:0 32px 82px rgba(0,0,0,.34)!important}
html[data-theme="dark"] .visual-shell.uses-brand-logo img{filter:drop-shadow(0 22px 36px rgba(0,0,0,.42)) brightness(1.05)!important}
html[data-theme="dark"] .floating-note{background:linear-gradient(145deg,rgba(16,30,49,.94),rgba(18,38,60,.90))!important;border-color:rgba(126,246,238,.17)!important;color:#f4f8ff!important;box-shadow:0 18px 42px rgba(0,0,0,.26)!important}
html[data-theme="dark"] .floating-note span,html[data-theme="dark"] .note-b span,html[data-theme="dark"] .note-c span,html[data-theme="dark"] .note-d span{background:linear-gradient(145deg,#173a43,#24344e)!important;color:#94fff8!important}
html[data-theme="dark"] .hero-highlight-card{background:linear-gradient(145deg,rgba(14,28,46,.96),rgba(18,39,60,.90) 58%,rgba(24,30,54,.88))!important;border-color:rgba(126,246,238,.16)!important;box-shadow:0 16px 42px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .hero-highlight-card:hover{border-color:rgba(126,246,238,.34)!important;box-shadow:0 24px 58px rgba(0,0,0,.40)!important}
html[data-theme="dark"] .hero-highlight-card>span{background:linear-gradient(145deg,#133443,#263458 72%,#3a2b5f)!important;box-shadow:inset 0 0 0 1px rgba(126,246,238,.12)!important}
html[data-theme="dark"] .hero-highlight-card b{color:#f4f8ff!important}html[data-theme="dark"] .hero-highlight-card small{color:#a9bbd0!important}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .banner-actions .btn-primary,html[data-theme="dark"] .grade-open-button{background:linear-gradient(135deg,#19c8ce 0%,#80d63a 52%,#f29822 86%)!important;color:#06111f!important;box-shadow:0 16px 36px rgba(36,189,191,.22)!important}
html[data-theme="dark"] .btn-soft,html[data-theme="dark"] .banner-actions .btn-soft,html[data-theme="dark"] .btn-glass,html[data-theme="dark"] .slider-arrow,html[data-theme="dark"] .slider-controls,html[data-theme="dark"] .text-button{background:rgba(18,32,53,.78)!important;border-color:rgba(151,177,208,.25)!important;color:#dff8f7!important;box-shadow:0 16px 40px rgba(0,0,0,.24)!important}
html[data-theme="dark"] .text-link,html[data-theme="dark"] .text-button{color:#7ff6ee!important}
html[data-theme="dark"] .feature-icon,html[data-theme="dark"] .unit-card-media,html[data-theme="dark"] .topic-row-media{background:linear-gradient(145deg,#153244,#1d3644 52%,#242b48)!important;color:#7ff6ee!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .faq-search-form{background:#0b1424!important;color:#eaf2ff!important;border-color:#2d405a!important}
html[data-theme="dark"] .mobile-menu{background:linear-gradient(180deg,rgba(5,12,24,.98),rgba(9,18,32,.98),rgba(13,22,39,.98))!important;color:#f4f8ff!important}
html[data-theme="dark"] .mobile-close,html[data-theme="dark"] .menu-toggle{background:linear-gradient(135deg,#13263e,#213250)!important;color:#f4f8ff!important;border:1px solid rgba(126,246,238,.13)!important}
html[data-theme="dark"] .menu-toggle span{background:#f4f8ff!important}
html[data-theme="dark"] .mobile-menu nav a{color:#f4f8ff!important;border-bottom-color:#26364d!important}
html[data-theme="dark"] .site-footer{background:linear-gradient(145deg,#050b15,#081426 56%,#101c31)!important}
html[data-theme="dark"] .resource-audience{background:#122840!important;color:#93f8ff!important}html[data-theme="dark"] .resource-audience.audience-teacher{background:#211b3a!important;color:#d6b8ff!important}html[data-theme="dark"] .resource-audience.audience-student{background:#0d2f3c!important;color:#9cf5ff!important}
@media(max-width:1100px){.theme-toggle{min-width:52px!important;padding:8px!important}.theme-toggle-copy{display:none!important}}
@media(max-width:900px){html[data-theme="dark"] .banner-overlay{background:linear-gradient(180deg,rgba(5,11,21,.94) 0%,rgba(7,16,29,.86) 56%,rgba(8,18,32,.72) 100%)!important}.mobile-menu-actions .theme-toggle{display:inline-flex!important}}


/* V4.8.13 — Kayıt alanları ve ödeme KVKK overlay */
.club-auth-form label{min-width:0}
.kvkk-confirm{background:#eefaf8;border:1px solid #ccebe6}
.kvkk-open{display:inline;padding:0;border:0;background:transparent;color:var(--blue);font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.modal-open{overflow:hidden}
.kvkk-overlay[hidden]{display:none!important}
.kvkk-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(6,25,45,.72);backdrop-filter:blur(10px)}
.kvkk-dialog{width:min(780px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:#fff;box-shadow:0 36px 110px rgba(0,18,42,.35)}
.kvkk-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f1fbfa,#fff8e9)}
.kvkk-dialog-head h2{margin:4px 0 0;font-size:30px}
.kvkk-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #d8e7e5;border-radius:13px;background:#fff;color:var(--navy);font-size:27px;line-height:1;cursor:pointer}
.kvkk-dialog-body{overflow:auto;padding:26px 28px;color:#53677a;font-size:14px;line-height:1.85;white-space:normal}
.kvkk-dialog-foot{display:flex;justify-content:flex-end;padding:18px 28px;border-top:1px solid var(--line);background:#fbfdfd}
@media(max-width:650px){.kvkk-overlay{padding:0;align-items:end}.kvkk-dialog{max-height:92vh;border-radius:24px 24px 0 0}.kvkk-dialog-head,.kvkk-dialog-body,.kvkk-dialog-foot{padding-left:20px;padding-right:20px}.kvkk-dialog-head h2{font-size:25px}.kvkk-dialog-foot .btn{width:100%}}

/* =========================================================
   BIYODIJITAL V4.8.16 — SINIF MENÜSÜ VE KOYU ÖDEME
   ========================================================= */
.nav-dropdown{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-dropdown-toggle{position:relative;display:flex;align-items:center;gap:7px;height:100%;padding:0;border:0;background:transparent;color:#394b62;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.nav-dropdown-toggle:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--mint),var(--orange));transition:.24s}
.nav-dropdown-toggle>span{font-size:14px;line-height:1;transition:transform .22s}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle,.nav-dropdown.is-open .nav-dropdown-toggle,.nav-dropdown.active .nav-dropdown-toggle{color:var(--blue)}
.nav-dropdown:hover .nav-dropdown-toggle:after,.nav-dropdown:focus-within .nav-dropdown-toggle:after,.nav-dropdown.is-open .nav-dropdown-toggle:after,.nav-dropdown.active .nav-dropdown-toggle:after{right:0}
.nav-dropdown:hover .nav-dropdown-toggle>span,.nav-dropdown:focus-within .nav-dropdown-toggle>span,.nav-dropdown.is-open .nav-dropdown-toggle>span{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% - 9px);left:50%;width:300px;padding:14px;border:1px solid rgba(207,226,229,.95);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 28px 70px rgba(16,61,74,.18);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:.2s ease}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.desktop-nav .nav-dropdown-menu a{padding:0;color:var(--navy)}
.desktop-nav .nav-dropdown-menu a:after{display:none}
.nav-dropdown-all{display:flex!important;flex-direction:column;gap:3px;padding:13px 15px!important;margin-bottom:10px;border-radius:13px;background:linear-gradient(135deg,#e8faf8,#f4fbe9)}
.nav-dropdown-all b{font-size:13px}.nav-dropdown-all small{color:#6d7e91;font-size:10px;font-weight:700}
.nav-dropdown-grid{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.nav-dropdown-grid a{--nav-grade-color:#24bdbf;display:grid!important;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;width:100%;min-height:54px;padding:8px 12px!important;border:1px solid var(--line);border-left:4px solid var(--nav-grade-color);border-radius:13px;background:#fff;transition:.2s}
.nav-dropdown-grid a.grade-9{--nav-grade-color:#24bdbf}.nav-dropdown-grid a.grade-10{--nav-grade-color:#91c62d}.nav-dropdown-grid a.grade-11{--nav-grade-color:#f29822}.nav-dropdown-grid a.grade-12{--nav-grade-color:#b15090}
.nav-dropdown-grid a:hover{transform:translateX(5px);border-color:color-mix(in srgb,var(--nav-grade-color) 55%,#d8e7e5);background:color-mix(in srgb,var(--nav-grade-color) 7%,#fff)}
.nav-dropdown-grid a span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--nav-grade-color) 13%,#fff);color:var(--nav-grade-color);font-size:16px;font-weight:950;letter-spacing:-.04em}
.nav-dropdown-grid a small{color:#526879;font-size:11px;font-weight:850;text-align:left}
.nav-dropdown-grid a i{font-style:normal;color:var(--nav-grade-color);font-size:15px;font-weight:900;transition:transform .2s}.nav-dropdown-grid a:hover i{transform:translateX(3px)}
.mobile-nav-group{border-bottom:1px solid var(--line)}
.mobile-submenu-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:18px 5px;border:0;background:transparent;color:var(--navy);font-size:28px;font-weight:800;letter-spacing:-.04em;text-align:left;cursor:pointer}
.mobile-submenu-toggle>span{display:flex;align-items:center;gap:22px}
.mobile-submenu-toggle i{font-style:normal;font-size:10px;letter-spacing:.12em;color:var(--blue)}
.mobile-submenu-toggle>b{font-size:19px;transition:transform .2s}
.mobile-submenu-toggle.is-open>b{transform:rotate(180deg)}
.mobile-submenu{display:grid;grid-template-columns:1fr;gap:8px;padding:0 4px 16px}
.mobile-submenu[hidden]{display:none!important}
.mobile-menu .mobile-submenu a{display:flex;align-items:center;gap:10px;padding:12px!important;border:1px solid var(--line)!important;border-radius:12px;background:rgba(255,255,255,.72);font-size:14px!important;letter-spacing:0}
.mobile-menu .mobile-submenu a span{min-width:32px;font-size:11px!important;text-align:center}
.grade-bubble-13 span,.grade-bubble-14 span{font-size:15px!important;letter-spacing:-.04em}
html[data-theme="dark"] .membership-payment-page{background:linear-gradient(180deg,#07101d,#0a1525)!important}
html[data-theme="dark"] .payment-state-meta{background:#edf3fa!important;border:1px solid #cfdbea!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
html[data-theme="dark"] .payment-state-meta b{color:#66778b!important}
html[data-theme="dark"] .payment-state-meta span{color:#102b48!important;text-shadow:none!important}
html[data-theme="dark"] .pending-state>span{background:#fff3d7!important;color:#a66d08!important}
html[data-theme="dark"] .payment-state p{color:#c4d3e5!important}
html[data-theme="dark"] .nav-dropdown-toggle{color:#d6e5f6!important}
html[data-theme="dark"] .nav-dropdown:hover .nav-dropdown-toggle,html[data-theme="dark"] .nav-dropdown:focus-within .nav-dropdown-toggle,html[data-theme="dark"] .nav-dropdown.is-open .nav-dropdown-toggle,html[data-theme="dark"] .nav-dropdown.active .nav-dropdown-toggle{color:#7ff6ee!important}
html[data-theme="dark"] .nav-dropdown-menu{background:rgba(10,20,35,.98)!important;border-color:#2b4058!important;box-shadow:0 30px 80px rgba(0,0,0,.48)!important}
html[data-theme="dark"] .nav-dropdown-all{background:linear-gradient(135deg,#11313b,#26334a)!important}
html[data-theme="dark"] .nav-dropdown-all b,html[data-theme="dark"] .nav-dropdown-grid a span{color:#f3f8ff!important}
html[data-theme="dark"] .nav-dropdown-all small,html[data-theme="dark"] .nav-dropdown-grid a small{color:#aabbd0!important}
html[data-theme="dark"] .nav-dropdown-grid a{background:#0d1b2d!important;border-color:#2a3d55!important}
html[data-theme="dark"] .nav-dropdown-grid a:hover{background:#12273a!important;border-color:rgba(127,246,238,.35)!important}
html[data-theme="dark"] .mobile-nav-group{border-color:#26364d!important}
html[data-theme="dark"] .mobile-submenu-toggle{color:#f4f8ff!important}
html[data-theme="dark"] .mobile-menu .mobile-submenu a{background:#0d1a2c!important;border-color:#293c54!important;color:#f4f8ff!important}
@media(max-width:900px){.nav-dropdown{display:none}.mobile-submenu-toggle{font-size:23px;padding:15px 4px}}
@media(max-width:480px){.mobile-menu .mobile-submenu a{font-size:13px!important}}
.class-journey-panel .grade-bubble-13{--grade-color:#159ac7}.class-journey-panel .grade-bubble-14{--grade-color:#aa4a9a}
@media(max-width:650px){.grade-bubble-13 span,.grade-bubble-14 span{font-size:12px!important}}

/* =========================================================
   BIYODIJITAL V4.8.15 — TIKLANABİLİR PLAN / RAPOR / YAZILI ALANLARI
   ========================================================= */
.hero-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}
.hero-highlight-card{position:relative;color:inherit;text-decoration:none;padding-right:38px}
.hero-highlight-card>div{min-width:0}
.hero-highlight-card>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(20,100,108,.08);color:#118f93;font-style:normal;font-weight:950;transition:.22s ease}
.hero-highlight-card:hover>i{transform:translate(3px,-50%);background:#1caeb1;color:#fff}
.hero-highlight-card.written-card>span{background:linear-gradient(145deg,#e8f1ff,#fff2d8 56%,#f5e9ff)}
html[data-theme="dark"] .hero-highlight-card>i{background:rgba(126,246,238,.10);color:#7ff6ee}
html[data-theme="dark"] .hero-highlight-card:hover>i{background:#7ff6ee;color:#07111f}

.learning-area-hero{overflow:hidden}
.learning-area-hero:after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(36,189,191,.18),transparent 68%);pointer-events:none}
.learning-area-summary{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.learning-area-summary .learning-area-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:22px;border-radius:22px;background:linear-gradient(145deg,#dff9f6,#fff0da 62%,#f2e9ff);font-size:31px;box-shadow:0 18px 38px rgba(24,96,101,.14)}
.learning-area-summary strong{display:block;margin:8px 0 5px;color:var(--navy);font-size:72px;line-height:.9;letter-spacing:-.07em}
.learning-area-summary p{max-width:360px;margin:10px 0 0;font-size:14px}
.learning-area-content{background:#f7fafd}
.learning-area-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.learning-area-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--navy);font-size:14px;font-weight:900;box-shadow:0 10px 28px rgba(24,96,101,.055);transition:.24s ease}
.learning-area-tabs a:hover,.learning-area-tabs a.active{transform:translateY(-2px);border-color:#91d9d1;background:linear-gradient(145deg,#e8fbf7,#fff5e4 72%,#f4eaff);box-shadow:0 18px 40px rgba(24,96,101,.11)}
.learning-area-tabs a span{font-size:20px}
.learning-grade-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:46px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82)}
.learning-grade-filter a{display:grid;place-items:center;min-width:48px;height:40px;padding:0 14px;border-radius:11px;color:#5a6f81;font-size:12px;font-weight:900;transition:.2s}
.learning-grade-filter a:hover,.learning-grade-filter a.active{background:linear-gradient(135deg,#18bfc3,#8dd33e);color:#fff;box-shadow:0 9px 20px rgba(24,174,177,.18)}
.learning-list-heading{margin-bottom:34px}
.learning-result-count{display:inline-flex;padding:10px 14px;border-radius:999px;background:#e7f9f5;color:#13787b;font-size:11px;font-weight:900}
.learning-resource-grid .resource-symbol{font-size:54px;letter-spacing:0}
.learning-empty{grid-column:1/-1}
.learning-content-hero .content-side-meta strong{font-size:43px;line-height:1}
html[data-theme="dark"] .learning-area-content{background:linear-gradient(180deg,#0b1424,#101b2d)!important}
html[data-theme="dark"] .learning-area-summary strong{color:#f4f8ff}
html[data-theme="dark"] .learning-area-summary .learning-area-icon{background:linear-gradient(145deg,#14333e,#273653 60%,#3a2d58);box-shadow:0 18px 40px rgba(0,0,0,.30)}
html[data-theme="dark"] .learning-area-tabs a,html[data-theme="dark"] .learning-grade-filter{background:#101b2d;border-color:#2a3d55;color:#f4f8ff;box-shadow:0 16px 40px rgba(0,0,0,.25)}
html[data-theme="dark"] .learning-area-tabs a:hover,html[data-theme="dark"] .learning-area-tabs a.active{background:linear-gradient(145deg,#11343c,#26364d 70%,#352a55);border-color:rgba(126,246,238,.34)}
html[data-theme="dark"] .learning-grade-filter a{color:#b6c7dc}
html[data-theme="dark"] .learning-result-count{background:#15333d;color:#91fff6}
@media(max-width:980px){.learning-area-tabs{grid-template-columns:1fr}.learning-area-summary{min-height:240px}}
@media(max-width:650px){.hero-highlight-grid{grid-template-columns:1fr}.learning-grade-filter{justify-content:center}.learning-grade-filter a{flex:1;min-width:42px;padding:0 9px}.learning-area-summary strong{font-size:58px}.learning-list-heading{align-items:flex-start}}

/* =========================================================
   BIYODIJITAL V4.8.17 — HAKKIMIZDA VE KITAPLAR
   ========================================================= */
.about-hero{padding-bottom:78px;background:radial-gradient(circle at 84% 26%,rgba(126,220,82,.16),transparent 28%),radial-gradient(circle at 72% 82%,rgba(255,166,36,.12),transparent 30%)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:72px;align-items:center}
.about-hero h1{max-width:850px}.about-hero p{max-width:760px}
.about-hero-mark{min-height:340px;display:grid;place-items:center;border:1px solid rgba(59,187,187,.2);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(237,253,250,.76) 58%,rgba(255,244,229,.78));box-shadow:0 30px 80px rgba(23,93,99,.12);overflow:hidden}
.about-hero-mark img{width:min(78%,360px);height:auto;filter:drop-shadow(0 24px 35px rgba(17,92,100,.15))}
.about-stories{display:grid;gap:34px}.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:52px;align-items:center;padding:38px;border:1px solid #d8eceb;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,253,252,.9));box-shadow:0 22px 65px rgba(20,86,92,.09)}
.about-layout-media_left .about-story-media{order:-1}.about-layout-full{grid-template-columns:1fr}.about-layout-full .about-story-media{min-height:420px}
.about-story-copy{position:relative}.about-story-index{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border-radius:15px;background:linear-gradient(135deg,#25c5c7,#8ad944 58%,#ff9c24);color:#fff;font-weight:950;font-size:13px;box-shadow:0 12px 28px rgba(32,184,178,.22)}
.about-story h2{margin:0 0 18px;color:var(--navy);font-size:clamp(28px,4vw,45px);line-height:1.08;letter-spacing:-.04em}.rich-copy{color:var(--text);font-size:16px;line-height:1.85;white-space:normal}
.about-story-media{position:relative;min-height:330px;border-radius:26px;overflow:hidden;background:#e9f6f5;box-shadow:0 24px 55px rgba(20,72,83,.13)}
.about-story-media img,.about-story-media video,.about-story-media iframe{display:block;width:100%;height:100%;min-height:330px;border:0;object-fit:cover}
.books-hero{background:radial-gradient(circle at 82% 25%,rgba(255,166,36,.16),transparent 30%),radial-gradient(circle at 68% 85%,rgba(53,204,191,.14),transparent 28%)}
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.book-card{overflow:hidden;border:1px solid #d8e9e8;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(20,75,85,.09);transition:.28s ease}.book-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(20,75,85,.15)}
.book-cover{display:grid;place-items:center;aspect-ratio:4/5;background:linear-gradient(145deg,#eafbf8,#f8fae7 58%,#fff1df);overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.book-card:hover .book-cover img{transform:scale(1.035)}
.book-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72%;aspect-ratio:4/5;border-radius:18px;background:linear-gradient(155deg,#173d50,#235e68 54%,#2a9294);color:#fff;letter-spacing:.08em;font-size:20px;font-weight:950;box-shadow:0 22px 48px rgba(20,66,78,.24)}.book-placeholder small{margin-top:12px;font-size:10px;letter-spacing:.2em;color:#a9f2e4}
.book-card-body{padding:26px}.book-card h2{margin:10px 0 12px;font-size:25px;line-height:1.12}.book-card h2 a{color:var(--navy)}.book-card p{min-height:72px;margin:0 0 18px;color:var(--text);line-height:1.65}.book-price{display:block;margin:0 0 18px;color:#0b8d86;font-size:20px}.book-actions{display:flex;gap:10px;flex-wrap:wrap}.book-actions .btn{flex:1;min-width:145px;padding:12px 14px;font-size:12px}
.btn-whatsapp{background:linear-gradient(135deg,#25d366,#0fa958)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,211,102,.2)}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(37,211,102,.28)}.btn.is-disabled{opacity:.48;pointer-events:none;filter:grayscale(.35)}
.book-detail-hero{padding-bottom:15px}.book-detail-section{padding-top:35px}.book-detail-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:70px;align-items:start}.book-gallery{position:sticky;top:118px}.book-main-image{display:grid;place-items:center;aspect-ratio:4/5;border:1px solid #d9e9e8;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#ebfbf8,#fff6e9);box-shadow:0 28px 70px rgba(18,74,82,.12)}.book-main-image>img{width:100%;height:100%;object-fit:cover}.book-main-image .book-placeholder{width:70%}
.book-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.book-thumbs button{aspect-ratio:1;border:2px solid transparent;border-radius:14px;padding:0;overflow:hidden;background:#fff;cursor:pointer;transition:.2s}.book-thumbs button.active,.book-thumbs button:hover{border-color:#21b8b8;transform:translateY(-2px)}.book-thumbs img{width:100%;height:100%;object-fit:cover}
.book-detail-copy h1{margin:18px 0 20px;color:var(--navy);font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em}.book-lead{font-size:20px;line-height:1.65;color:#53677a}.book-detail-price{display:inline-flex;margin:10px 0 24px;padding:13px 18px;border-radius:15px;background:#e9faf4;color:#087d68;font-size:22px;font-weight:950}.book-description{padding-top:22px;border-top:1px solid var(--line)}
.book-purchase-box{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:34px;padding:22px;border:1px solid #cce9df;border-radius:22px;background:linear-gradient(135deg,#effcf7,#f9fff0)}.book-purchase-box b,.book-purchase-box small{display:block}.book-purchase-box b{color:var(--navy);font-size:17px}.book-purchase-box small{max-width:420px;margin-top:6px;color:#68798c;line-height:1.45}.book-purchase-box .btn{white-space:nowrap}
html[data-theme="dark"] .about-hero-mark,html[data-theme="dark"] .about-story,html[data-theme="dark"] .book-card,html[data-theme="dark"] .book-main-image{background:linear-gradient(145deg,#0e1b2d,#12283b 58%,#172238)!important;border-color:#263b50!important;box-shadow:0 24px 60px rgba(0,0,0,.3)!important}html[data-theme="dark"] .about-story h2,html[data-theme="dark"] .book-card h2 a,html[data-theme="dark"] .book-detail-copy h1,html[data-theme="dark"] .book-purchase-box b{color:#f4f8ff!important}html[data-theme="dark"] .rich-copy,html[data-theme="dark"] .book-card p,html[data-theme="dark"] .book-lead{color:#b8c9db!important}html[data-theme="dark"] .about-story-media{background:#0a1525}html[data-theme="dark"] .book-purchase-box{background:linear-gradient(135deg,#10283a,#152d31)!important;border-color:#26504e!important}html[data-theme="dark"] .book-purchase-box small{color:#a9bed0!important}html[data-theme="dark"] .book-detail-price{background:#12352e;color:#8bf2c1}
@media(max-width:1100px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid,.about-story,.book-detail-grid{grid-template-columns:1fr}.about-story-media{order:-1!important}.book-gallery{position:static;max-width:680px}.about-hero-mark{min-height:250px}}
@media(max-width:650px){.book-grid{grid-template-columns:1fr}.about-story{padding:22px;gap:28px;border-radius:25px}.about-story-media,.about-story-media img,.about-story-media video,.about-story-media iframe{min-height:245px}.about-hero-mark{min-height:200px}.book-card-body{padding:22px}.book-actions{flex-direction:column}.book-actions .btn{width:100%}.book-detail-grid{gap:38px}.book-main-image{border-radius:24px}.book-thumbs{grid-template-columns:repeat(4,1fr)}.book-purchase-box{align-items:stretch;flex-direction:column}.book-purchase-box .btn{width:100%;white-space:normal}.book-detail-copy h1{font-size:43px}}

/* =========================================================
   BIYODIJITAL V4.8.19 — GÖRSELLİ KARTLAR VE YORUMLAR
   ========================================================= */
.process-grid article{padding:0 0 32px;overflow:hidden}
.process-card-media{aspect-ratio:2/1;margin-bottom:23px;overflow:hidden;background:#e8f8f5}
.process-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .38s ease}
.process-grid article:hover .process-card-media img{transform:scale(1.035)}
.process-grid article>span,.process-grid article>h2,.process-grid article>p,.process-grid article>.text-link{margin-left:30px;margin-right:30px}
.process-grid h2{margin-top:19px}
.process-grid article>.text-link{display:flex;margin-top:28px}
.feature-card{min-height:390px;padding:0 0 28px}
.feature-card-media{aspect-ratio:2/1;margin-bottom:24px;overflow:hidden;background:#e7f8f5}
.feature-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .38s ease}
.feature-card:hover .feature-card-media img{transform:scale(1.04)}
.feature-card h3,.feature-card p{margin-left:25px;margin-right:25px}
.feature-card h3{margin-bottom:12px}
.feature-index{z-index:2;top:15px;right:16px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.88);color:#3c6870;backdrop-filter:blur(8px)}
.testimonials-section{overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(36,189,191,.13),transparent 28%),radial-gradient(circle at 88% 82%,rgba(177,80,144,.10),transparent 31%),linear-gradient(135deg,#f2fcf8,#fff8e9 58%,#f7efff)}
.testimonial-controls{display:flex;gap:8px}.testimonial-controls button{display:grid;place-items:center;width:45px;height:45px;border:1px solid #cce5e1;border-radius:50%;background:#fff;color:#135361;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(24,96,101,.08);transition:.2s}.testimonial-controls button:hover{transform:translateY(-2px);background:#1bb5b8;color:#fff}
.testimonial-slider{overflow:hidden;margin:0 -12px 34px;padding:8px 12px 25px}
.testimonial-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}.testimonial-track::-webkit-scrollbar{display:none}
.testimonial-card{position:relative;flex:0 0 calc((100% - 40px)/3);min-width:300px;min-height:285px;padding:32px;border:1px solid #cee7e3;border-radius:26px;background:rgba(255,255,255,.91);box-shadow:0 18px 48px rgba(20,85,92,.09);scroll-snap-align:start}
.testimonial-quote{display:block;height:43px;color:#22b9bb;font-family:Georgia,serif;font-size:70px;line-height:.8}.testimonial-card>p{min-height:112px;margin:12px 0 25px;color:#536b75;font-size:15px;line-height:1.75}
.testimonial-card footer{display:flex;align-items:center;gap:12px}.testimonial-card footer>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#24bdbf,#9dd535 68%,#f29822);color:#fff;font-size:17px;font-weight:950}.testimonial-card footer b,.testimonial-card footer small{display:block}.testimonial-card footer b{color:var(--navy);font-size:14px}.testimonial-card footer small{margin-top:4px;color:#81909e;font-size:10px;font-weight:800}
.testimonial-empty{margin-bottom:32px;padding:35px;border:1px dashed #b9ddd7;border-radius:23px;background:rgba(255,255,255,.7);text-align:center}.testimonial-empty b{color:var(--navy);font-size:20px}.testimonial-empty p{margin:8px 0 0;font-size:14px}
.testimonial-submit-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center;padding:35px;border:1px solid #c9e5df;border-radius:28px;background:rgba(255,255,255,.86);box-shadow:0 20px 55px rgba(24,96,101,.08)}.testimonial-submit-shell h3{margin:7px 0 10px;font-size:30px}.testimonial-submit-shell>div>p{margin:0;font-size:14px}
.testimonial-form label{display:block;color:#506673;font-size:11px;font-weight:900}.testimonial-form textarea{display:block;width:100%;margin:8px 0 12px;padding:14px;border:1px solid #cfe1df;border-radius:15px;background:#fbfffd;color:var(--navy);resize:vertical;outline:none}.testimonial-form textarea:focus{border-color:#24bdbf;box-shadow:0 0 0 4px rgba(36,189,191,.12)}.testimonial-form .btn{margin-top:10px}.testimonial-pending-note{display:block;color:#9a6a17;font-weight:800}.testimonial-login-note{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#e6faf6,#f7fadd)}.testimonial-login-note p{margin:0;font-size:13px}
html[data-theme="dark"] .testimonials-section{background:radial-gradient(circle at 10% 20%,rgba(36,189,191,.12),transparent 28%),radial-gradient(circle at 88% 82%,rgba(177,80,144,.10),transparent 31%),linear-gradient(135deg,#081423,#101b2d)!important}
html[data-theme="dark"] .testimonial-card,html[data-theme="dark"] .testimonial-submit-shell,html[data-theme="dark"] .testimonial-empty{background:linear-gradient(145deg,#101d30,#14283b)!important;border-color:#294258!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}html[data-theme="dark"] .testimonial-card>p{color:#b8c9da!important}html[data-theme="dark"] .testimonial-card footer b,html[data-theme="dark"] .testimonial-submit-shell h3,html[data-theme="dark"] .testimonial-empty b{color:#f4f8ff!important}html[data-theme="dark"] .testimonial-form textarea{background:#0b1424;color:#eaf2ff;border-color:#2d405a}html[data-theme="dark"] .testimonial-login-note{background:linear-gradient(135deg,#11333a,#28333c)}
@media(max-width:1000px){.testimonial-card{flex-basis:calc((100% - 20px)/2)}.testimonial-submit-shell{grid-template-columns:1fr}}
@media(max-width:650px){.process-grid article>span,.process-grid article>h2,.process-grid article>p,.process-grid article>.text-link{margin-left:22px;margin-right:22px}.feature-card{min-height:0}.testimonial-card{flex-basis:88%;min-width:280px;padding:26px}.testimonial-submit-shell{padding:24px;gap:22px}.testimonial-login-note{align-items:stretch;flex-direction:column}.testimonial-login-note .btn{width:100%}.testimonial-controls{display:none}}

/* =========================================================
   BIYODIJITAL V4.8.20 — WORDWALL OYUNLARI
   ========================================================= */
.wordwall-hero{position:relative;overflow:hidden;padding:92px 0 76px;background:radial-gradient(circle at 11% 18%,rgba(36,189,191,.16),transparent 30%),radial-gradient(circle at 87% 20%,rgba(177,80,144,.15),transparent 28%),linear-gradient(135deg,#effbf8 0%,#fff8e9 54%,#f8efff 100%)}
.wordwall-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.wordwall-hero h1{font-size:clamp(48px,6vw,82px);line-height:.97;letter-spacing:-.065em;margin:18px 0 22px}.wordwall-hero h1 em{font-style:normal;background:linear-gradient(90deg,#14aaa9,#99c925,#ef951b,#ad4f8e);-webkit-background-clip:text;background-clip:text;color:transparent}.wordwall-hero p{max-width:650px;font-size:18px;line-height:1.7;color:#587081}
.wordwall-hero-art{position:relative;min-height:360px;display:grid;place-items:center}.wordwall-play-mark{position:relative;z-index:2;width:220px;height:220px;border-radius:36% 64% 54% 46%/46% 36% 64% 54%;display:grid;place-items:center;background:linear-gradient(145deg,#24bdbf 0%,#b7d42b 47%,#f29822 76%,#b15090 100%);color:#fff;box-shadow:0 35px 85px rgba(60,112,106,.24);animation:wordwallFloat 5s ease-in-out infinite}.wordwall-play-mark:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.42);border-radius:inherit}.wordwall-play-mark i{position:absolute;left:23px;top:28px;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.24)}.wordwall-play-mark b{font-size:92px;line-height:1;letter-spacing:-.1em;text-shadow:0 12px 25px rgba(39,66,70,.18)}.wordwall-play-mark small{position:absolute;bottom:35px;font-size:10px;font-weight:950;letter-spacing:.25em}.wordwall-orbit{position:absolute;border:1px dashed rgba(26,160,162,.34);border-radius:50%;animation:wordwallSpin 16s linear infinite}.wordwall-orbit:before,.wordwall-orbit:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:0 8px 20px rgba(19,112,118,.15)}.orbit-one{width:330px;height:330px}.orbit-one:before{left:24px;top:56px;background:#24bdbf}.orbit-one:after{right:18px;bottom:68px;background:#f29822}.orbit-two{width:400px;height:250px;transform:rotate(-28deg);border-color:rgba(177,80,144,.25);animation-direction:reverse;animation-duration:20s}.orbit-two:before{right:65px;top:-3px;background:#b15090}.orbit-two:after{left:30px;bottom:18px;background:#b7d42b}@keyframes wordwallFloat{50%{transform:translateY(-13px) rotate(2deg)}}@keyframes wordwallSpin{to{transform:rotate(360deg)}}
.wordwall-catalog{background:linear-gradient(180deg,#fff,#f5fbfa)}.wordwall-filter-shell{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.wordwall-filter-shell h2{font-size:38px;letter-spacing:-.045em;margin:7px 0 0}.wordwall-grade-filters{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px}.wordwall-filter{position:relative;min-height:86px;padding:13px 18px;border:1px solid #d7e8e6;border-radius:18px;background:#fff;color:#21424b;text-align:left;cursor:pointer;transition:.22s ease;overflow:hidden}.wordwall-filter:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--grade-color,#24bdbf);transform:scaleX(0);transform-origin:left;transition:.22s}.wordwall-filter b{display:block;font-size:27px;line-height:1;letter-spacing:-.05em}.wordwall-filter span{font-size:10px;font-weight:900;text-transform:uppercase}.wordwall-filter small{display:block;margin-top:7px;color:#8495a1;font-size:9px;font-weight:800}.wordwall-filter:hover,.wordwall-filter.is-active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--grade-color,#24bdbf) 50%,#d7e8e6);box-shadow:0 16px 35px rgba(24,96,101,.11)}.wordwall-filter.is-active:before{transform:scaleX(1)}.wordwall-filter.is-active{background:color-mix(in srgb,var(--grade-color,#24bdbf) 8%,#fff)}.wordwall-filter.grade-9,.wordwall-game-card.grade-9{--grade-color:#24bdbf}.wordwall-filter.grade-10,.wordwall-game-card.grade-10{--grade-color:#91c62d}.wordwall-filter.grade-11,.wordwall-game-card.grade-11{--grade-color:#f29822}.wordwall-filter.grade-12,.wordwall-game-card.grade-12{--grade-color:#b15090}
.wordwall-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wordwall-game-card{overflow:hidden;border:1px solid #d8e8e6;border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(24,96,101,.08);transition:.25s ease}.wordwall-game-card[hidden]{display:none!important}.wordwall-game-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--grade-color) 45%,#d8e8e6);box-shadow:0 28px 65px rgba(24,96,101,.15)}.wordwall-card-art{position:relative;height:180px;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.55),transparent 25%),linear-gradient(145deg,color-mix(in srgb,var(--grade-color) 78%,#fff),var(--grade-color));isolation:isolate}.wordwall-card-art:before,.wordwall-card-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.wordwall-card-art:before{width:210px;height:210px;right:-55px;top:-85px}.wordwall-card-art:after{width:130px;height:130px;left:-35px;bottom:-65px}.wordwall-card-art>i{position:absolute;width:85px;height:85px;right:18%;bottom:-38px;border:20px solid rgba(255,255,255,.17);border-radius:50%;transform:rotate(-18deg)}.wordwall-grade-badge{position:absolute;left:20px;top:20px;z-index:2;display:flex;flex-direction:column;width:62px;height:62px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);border-radius:17px;background:rgba(255,255,255,.9);color:var(--grade-color);font-size:27px;font-weight:950;box-shadow:0 12px 26px rgba(35,78,79,.14)}.wordwall-grade-badge small{font-size:7px;letter-spacing:.12em}.wordwall-card-play{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);color:var(--grade-color);font-size:23px;padding-left:4px;box-shadow:0 18px 38px rgba(23,68,71,.17);transition:.22s}.wordwall-game-card:hover .wordwall-card-play{transform:translate(-50%,-50%) scale(1.08)}.wordwall-card-body{padding:24px}.wordwall-card-body h3{font-size:21px;line-height:1.18;letter-spacing:-.035em;margin:9px 0 10px}.wordwall-card-body p{min-height:52px;margin:0 0 20px;color:#6a7b8a;line-height:1.55}.wordwall-play-button{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;padding:10px 15px;border:0;border-radius:14px;background:color-mix(in srgb,var(--grade-color) 10%,#fff);color:color-mix(in srgb,var(--grade-color) 84%,#173f4b);font-weight:900;cursor:pointer;transition:.2s}.wordwall-play-button:hover{background:var(--grade-color);color:#fff}.wordwall-play-button i{font-style:normal;font-size:19px}.wordwall-empty{margin-top:10px}.wordwall-empty[hidden]{display:none!important}
body.wordwall-open{overflow:hidden}.wordwall-overlay[hidden]{display:none!important}.wordwall-overlay{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,17,30,.8);backdrop-filter:blur(12px)}.wordwall-dialog{width:min(1180px,100%);height:min(90vh,850px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:27px;background:#fff;box-shadow:0 45px 130px rgba(0,0,0,.42)}.wordwall-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #dceae8;background:linear-gradient(90deg,#eefbf8,#fff8e9,#f8efff)}.wordwall-dialog>header span{color:#159da1;font-size:8px;font-weight:950;letter-spacing:.16em}.wordwall-dialog>header h2{font-size:20px;margin:4px 0 0}.wordwall-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d7e5e4;border-radius:14px;background:#fff;color:#173f4b;font-size:28px;line-height:1;cursor:pointer}.wordwall-frame-wrap{position:relative;min-height:0;background:#eef4f3}.wordwall-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}.wordwall-loader{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:15px;background:#f4faf9;color:#56717a}.wordwall-loader[hidden]{display:none!important}.wordwall-loader span{width:46px;height:46px;border:4px solid #cfe7e3;border-top-color:#24bdbf;border-radius:50%;animation:wordwallSpin .8s linear infinite}.wordwall-loader b{font-size:12px}.wordwall-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-top:1px solid #dceae8;background:#fbfdfd}.wordwall-dialog>footer span{color:#738690;font-size:10px;font-weight:750}
html[data-theme="dark"] .wordwall-hero{background:radial-gradient(circle at 12% 12%,rgba(36,189,191,.19),transparent 30%),radial-gradient(circle at 88% 20%,rgba(177,80,144,.18),transparent 28%),linear-gradient(135deg,#06101d,#0b1728 55%,#13182d)!important}html[data-theme="dark"] .wordwall-catalog{background:linear-gradient(180deg,#081222,#0d192b)!important}html[data-theme="dark"] .wordwall-filter,html[data-theme="dark"] .wordwall-game-card{background:linear-gradient(145deg,#0e1b2d,#12243a)!important;border-color:#263c53!important;color:#f4f8ff!important}html[data-theme="dark"] .wordwall-filter.is-active{background:color-mix(in srgb,var(--grade-color) 15%,#0e1b2d)!important}html[data-theme="dark"] .wordwall-filter small,html[data-theme="dark"] .wordwall-card-body p{color:#aebfd1!important}html[data-theme="dark"] .wordwall-play-button{background:color-mix(in srgb,var(--grade-color) 18%,#101d30);color:#eefbff}html[data-theme="dark"] .wordwall-dialog{background:#0d1828;border-color:#2c4058}html[data-theme="dark"] .wordwall-dialog>header,html[data-theme="dark"] .wordwall-dialog>footer{background:#101e31;border-color:#2c4058}html[data-theme="dark"] .wordwall-close{background:#17273d;border-color:#32475f;color:#fff}html[data-theme="dark"] .wordwall-frame-wrap,html[data-theme="dark"] .wordwall-loader{background:#091321;color:#c4d4e6}
@media(max-width:1000px){.wordwall-hero-grid{grid-template-columns:1fr}.wordwall-hero-art{min-height:300px}.wordwall-filter-shell{align-items:flex-start;flex-direction:column}.wordwall-grade-filters{width:100%}.wordwall-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wordwall-hero{padding:68px 0 56px}.wordwall-hero h1{font-size:46px}.wordwall-hero p{font-size:15px}.wordwall-hero-art{min-height:250px}.wordwall-play-mark{width:160px;height:160px}.wordwall-play-mark b{font-size:68px}.wordwall-play-mark small{bottom:24px}.orbit-one{width:240px;height:240px}.orbit-two{width:300px;height:190px}.wordwall-grade-filters{grid-template-columns:repeat(2,1fr)}.wordwall-filter{min-height:78px}.wordwall-game-grid{grid-template-columns:1fr}.wordwall-filter-shell h2{font-size:31px}.wordwall-overlay{padding:0;align-items:stretch}.wordwall-dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0}.wordwall-dialog>header{padding:13px 14px}.wordwall-dialog>header h2{max-width:250px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordwall-dialog>footer{padding:10px 12px}.wordwall-dialog>footer span{display:none}.wordwall-dialog>footer .btn{width:100%}}

/* Sınıf seçicisinde aktif balon her zaman kümenin önünde kalır. */
.class-journey-panel .grade-bubble.is-active{box-shadow:0 30px 55px color-mix(in srgb,var(--grade-color) 34%,rgba(24,96,101,.18)),0 0 0 7px color-mix(in srgb,var(--grade-color) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.48)!important}

/* =========================================================
   BIYODIJITAL V4.8.22 — DİKEY DOLAN DNA GİRİŞİ
   ========================================================= */
.intro-screen{--intro-fill:0%;z-index:10000;background:var(--intro-bg,#f8fcff);transition:opacity .7s ease,visibility .7s ease,filter .7s ease,transform .7s ease}
.intro-screen::before{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96),color-mix(in srgb,var(--intro-bg,#f8fcff) 82%,#e7faf6) 48%,color-mix(in srgb,var(--intro-bg,#f8fcff) 76%,#eee8ff))!important}
.intro-content{width:min(680px,calc(100% - 34px));max-height:96vh}
.intro-logo{width:84px;height:84px;margin:0 auto 8px;border-radius:27px}.intro-logo img{max-width:68px;max-height:68px}
.intro-kicker{margin-top:8px}
.intro-dna-loader{position:relative;width:150px;height:250px;margin:10px auto 4px;perspective:680px;filter:drop-shadow(0 22px 30px rgba(30,103,122,.16))}
.intro-dna-rotation{position:absolute;inset:0;transform-style:preserve-3d;animation:introDnaRotate 4.4s linear infinite;will-change:transform}
.intro-dna-strand{position:absolute;inset:0;transform-style:preserve-3d}
.intro-dna-strand span{position:absolute;left:50%;top:calc(var(--i) * 5.55%);width:118px;height:14px;margin-top:-7px;transform:translateX(-50%) rotateY(calc(var(--i) * 40deg));transform-style:preserve-3d}
.intro-dna-strand span:before{content:"";position:absolute;left:11px;right:11px;top:6px;height:2px;border-radius:4px}
.intro-dna-strand span i,.intro-dna-strand span b{position:absolute;top:0;width:14px;height:14px;border-radius:50%}
.intro-dna-strand span i{left:0}.intro-dna-strand span b{right:0}
.intro-dna-base span:before{background:#cbd8df}.intro-dna-base span i,.intro-dna-base span b{background:linear-gradient(145deg,#eef3f5,#b9c8cf);box-shadow:inset 0 1px 2px rgba(255,255,255,.85)}
.intro-dna-color span{--start:calc((17 - var(--i)) / 17 * 100);opacity:clamp(0,calc((var(--intro-fill-n,0) - var(--start)) / 5 + .32),1);transition:opacity .18s linear}
.intro-dna-color span:before{background:linear-gradient(90deg,#24bdbf,#b7d42b 48%,#f29822 76%,#b15090);box-shadow:0 0 12px rgba(36,189,191,.34)}
.intro-dna-color span i{background:linear-gradient(145deg,#7ff6ee,#18aeb4);box-shadow:0 5px 13px rgba(20,171,178,.36),inset 0 2px 3px rgba(255,255,255,.65)}
.intro-dna-color span b{background:linear-gradient(145deg,#ffd36d,#e87a22 58%,#b15090);box-shadow:0 5px 13px rgba(217,111,52,.32),inset 0 2px 3px rgba(255,255,255,.6)}
.intro-fill-wave{position:absolute;z-index:6;left:50%;bottom:calc(var(--intro-fill,0%) - 5px);width:132px;height:11px;border-radius:50%;background:radial-gradient(ellipse,rgba(127,246,238,.8),rgba(36,189,191,.22) 52%,transparent 72%);filter:blur(1px);transform:translateX(-50%);opacity:clamp(0,calc(var(--intro-fill-n,0) / 4),1);transition:bottom .12s linear,opacity .2s linear}
.intro-screen h2{margin:5px 0 5px;font-size:clamp(25px,3.5vw,43px)}.intro-screen p{margin:0 0 13px;font-size:13px}
.intro-loading-state{display:grid;grid-template-columns:minmax(0,280px) auto;align-items:center;justify-content:center;gap:7px 12px;width:min(360px,82vw);margin:auto}.intro-loading-state .intro-progress{grid-column:1/-1;width:100%;height:5px;margin:0}.intro-loading-state .intro-progress i{width:0;animation:none!important;transition:width .12s linear}.intro-loading-state span{color:#788a95;font-size:9px;font-weight:900;letter-spacing:.14em;text-align:left;text-transform:uppercase}.intro-loading-state b{color:#159da1;font-size:11px;text-align:right}
@keyframes introDnaRotate{from{transform:rotateZ(-6deg) rotateY(0deg)}to{transform:rotateZ(-6deg) rotateY(360deg)}}
@media(max-width:700px){.intro-logo{width:72px;height:72px}.intro-logo img{max-width:58px;max-height:58px}.intro-dna-loader{width:122px;height:212px;margin-top:6px}.intro-dna-strand span{width:96px;height:12px;margin-top:-6px}.intro-dna-strand span:before{top:5px;left:9px;right:9px}.intro-dna-strand span i,.intro-dna-strand span b{width:12px;height:12px}.intro-fill-wave{width:108px}.intro-screen h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.intro-dna-rotation{animation:none!important;transform:rotateZ(-6deg) rotateY(28deg)}.intro-dna-color span{opacity:1!important}.intro-fill-wave{display:none}}

/* =========================================================
   BIYODIJITAL V4.8.22 — OTOMATİK YORUM ŞERİDİ
   ========================================================= */
.testimonial-marquee{position:relative;overflow:hidden;margin:0 calc((100vw - min(var(--container),calc(100% - 48px)))/-2) 38px;padding:12px 0 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.testimonial-marquee-track{display:flex;width:max-content;gap:20px;will-change:transform}
.testimonial-marquee-group{display:flex;flex-shrink:0;gap:20px}
.testimonial-marquee.is-animated .testimonial-marquee-track{animation:testimonialRibbon var(--testimonial-duration,45s) linear infinite}
.testimonial-marquee:hover .testimonial-marquee-track,.testimonial-marquee:focus-within .testimonial-marquee-track,.testimonial-marquee.is-page-hidden .testimonial-marquee-track,.testimonial-marquee.is-motion-reduced .testimonial-marquee-track{animation-play-state:paused}
.testimonial-marquee .testimonial-card{flex:0 0 360px;width:360px;min-width:360px;min-height:255px;scroll-snap-align:none}
.testimonial-marquee.is-static .testimonial-marquee-track{width:100%;justify-content:center}.testimonial-marquee.is-static .testimonial-marquee-group{justify-content:center;width:100%}
@keyframes testimonialRibbon{to{transform:translateX(calc(-50% - 10px))}}
@media(max-width:650px){.testimonial-marquee{margin-left:-12px;margin-right:-12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.testimonial-marquee .testimonial-card{flex-basis:290px;width:290px;min-width:290px;min-height:245px}.testimonial-card>p{min-height:96px}}

/* =========================================================
   BIYODIJITAL V4.8.24 — ÜYE KAYNAK KÜTÜPHANESİ
   ========================================================= */
.member-library-hero{background:radial-gradient(circle at 12% 18%,rgba(36,189,191,.2),transparent 30%),radial-gradient(circle at 88% 18%,rgba(242,152,34,.18),transparent 29%),linear-gradient(135deg,#edf9f5,#fff7e8 58%,#f7efff)}
.library-hero-mark{display:grid;grid-template-columns:repeat(2,118px);gap:14px;justify-content:end}
.library-hero-mark span{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.7);box-shadow:0 22px 55px rgba(24,96,101,.13);color:#174957;font-size:25px;font-weight:950;letter-spacing:-.04em;transform:rotate(-3deg)}
.library-hero-mark span:nth-child(2),.library-hero-mark span:nth-child(3){transform:rotate(3deg)}
.member-category-catalog{padding-top:54px}
.member-category-section{padding:52px 0 64px;border-bottom:1px solid rgba(180,218,211,.72)}
.member-category-section:first-child{padding-top:0}.member-category-section:last-child{border-bottom:0;padding-bottom:0}
.member-category-heading{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:28px}
.member-category-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:23px;background:linear-gradient(145deg,#dcf9f5,#f6fadf 55%,#fff0df);border:1px solid #c4e9e1;color:#168d92;font-size:18px;font-weight:950;box-shadow:0 14px 34px rgba(24,96,101,.1);overflow:hidden}
.member-category-heading h2{margin:5px 0 7px;font-size:34px}.member-category-heading p{margin:0;max-width:680px;font-size:14px}.category-more-button{white-space:nowrap}
.member-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.member-resource-grid .resource-card{min-height:405px}.member-resource-grid .resource-cover{height:170px}.member-resource-grid .resource-body{padding:20px}.member-resource-grid .resource-body h3{font-size:18px}
.empty-state.compact{padding:36px 25px}
.category-chip-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:42px}
.category-chip-row a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75);color:#5d717c;font-size:11px;font-weight:850}
.category-chip-row a:hover,.category-chip-row a.active{background:linear-gradient(135deg,#24bdbf,#9ccf28);border-color:transparent;color:#fff;box-shadow:0 12px 25px rgba(36,189,191,.2)}
body.resource-embed-open{overflow:hidden}
.resource-embed-overlay[hidden]{display:none!important}
.resource-embed-overlay{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,17,30,.82);backdrop-filter:blur(12px)}
.resource-embed-dialog{width:min(1200px,100%);height:min(91vh,870px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:#fff;box-shadow:0 45px 130px rgba(0,0,0,.45)}
.resource-embed-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #dceae8;background:linear-gradient(90deg,#eefbf8,#fff8e9,#f8efff)}
.resource-embed-dialog>header span{color:#159da1;font-size:8px;font-weight:950;letter-spacing:.16em}.resource-embed-dialog>header h2{font-size:20px;margin:4px 0 0}
.resource-embed-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #d7e5e4;border-radius:14px;background:#fff;color:#173f4b;font-size:28px;line-height:1;cursor:pointer}
.resource-embed-frame-wrap{position:relative;min-height:0;background:#eef4f3}.resource-embed-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.resource-embed-loader{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:15px;background:#f4faf9;color:#56717a}.resource-embed-loader[hidden]{display:none!important}
.resource-embed-loader span{width:46px;height:46px;border:4px solid #cfe7e3;border-top-color:#24bdbf;border-radius:50%;animation:wordwallSpin .8s linear infinite}.resource-embed-loader b{font-size:12px}
.resource-embed-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-top:1px solid #dceae8;background:#fbfdfd}.resource-embed-dialog>footer span{color:#738690;font-size:10px;font-weight:750}
html[data-theme="dark"] .member-library-hero{background:radial-gradient(circle at 12% 12%,rgba(36,189,191,.19),transparent 30%),radial-gradient(circle at 88% 20%,rgba(177,80,144,.18),transparent 28%),linear-gradient(135deg,#06101d,#0b1728 55%,#13182d)!important}
html[data-theme="dark"] .library-hero-mark span,html[data-theme="dark"] .category-chip-row a{background:#101e31;border-color:#2c4058;color:#eaf2ff}
html[data-theme="dark"] .member-category-section{border-color:#26364d}html[data-theme="dark"] .member-category-icon{background:linear-gradient(145deg,#10263a,#1d2d3d);border-color:#2c4658;color:#7ff6ee}
html[data-theme="dark"] .resource-embed-dialog{background:#0d1828;border-color:#2c4058}html[data-theme="dark"] .resource-embed-dialog>header,html[data-theme="dark"] .resource-embed-dialog>footer{background:#101e31;border-color:#2c4058}html[data-theme="dark"] .resource-embed-close{background:#17273d;border-color:#32475f;color:#fff}html[data-theme="dark"] .resource-embed-frame-wrap,html[data-theme="dark"] .resource-embed-loader{background:#091321;color:#c4d4e6}
@media(max-width:1120px){.member-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.library-hero-mark{justify-content:start;grid-template-columns:repeat(4,64px);gap:8px}.library-hero-mark span{border-radius:18px;font-size:13px}.member-category-heading{grid-template-columns:60px 1fr}.member-category-icon{width:58px;height:58px;border-radius:18px;font-size:13px}.category-more-button{grid-column:1/-1;width:100%}.member-resource-grid{grid-template-columns:1fr}.resource-embed-overlay{padding:0;align-items:stretch}.resource-embed-dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0}.resource-embed-dialog>header{padding:13px 14px}.resource-embed-dialog>header h2{max-width:250px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-embed-dialog>footer{padding:10px 12px}.resource-embed-dialog>footer span{display:none}.resource-embed-dialog>footer .btn{width:100%}}

/* ==========================================================
   BIYODIJITAL PUBLIC REDESIGN PACK
   Not: Sadece ziyaretçi tarafı görünümü için eklendi; admin panel dosyalarına dokunulmadı.
   ========================================================== */
.biology-map-page,.grade-dashboard-page,.unit-detail-page,.member-library-page{background:
 radial-gradient(circle at 8% 18%,rgba(33,211,181,.18),transparent 30%),
 radial-gradient(circle at 88% 8%,rgba(151,113,255,.18),transparent 28%),
 radial-gradient(circle at 88% 70%,rgba(33,211,181,.13),transparent 30%),
 linear-gradient(135deg,#f3fffb 0%,#fbf9ff 48%,#eefcff 100%);min-height:100vh;color:#101a36}
.biology-map-page .section,.grade-dashboard-page .section,.unit-detail-page .section{background:transparent}.soft-pill,.grade-pill{display:inline-flex;align-items:center;gap:8px;width:max-content;min-height:34px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(222,236,242,.9);box-shadow:0 10px 28px rgba(23,42,75,.06);color:#101a36;font-size:12px;font-weight:950;letter-spacing:-.02em}.soft-pill i{font-style:normal;color:#8b66ef}.biology-map-page h1,.grade-dashboard-page h1,.unit-detail-page h1{letter-spacing:-.07em;color:#101a36}.biology-map-page p,.grade-dashboard-page p,.unit-detail-page p{color:#5c6476}.bio-map-hero{padding:74px 0 22px}.bio-map-hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) 320px;align-items:center;gap:36px;min-height:220px;padding:44px 46px;border-radius:34px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 80px rgba(45,52,91,.12);backdrop-filter:blur(18px);overflow:hidden}.bio-map-hero-card:before{content:"";position:absolute;inset:auto -120px -180px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(35,207,170,.18),transparent 70%)}.bio-map-hero-card .breadcrumbs{margin-bottom:20px}.bio-map-hero-card h1{font-size:clamp(36px,4.2vw,55px);margin:18px 0 12px}.bio-map-hero-card p{max-width:760px;margin:0;font-size:16px;line-height:1.72}.bio-map-visual{position:relative;min-height:155px;display:grid;place-items:center}.bio-map-visual span{position:absolute;width:185px;height:105px;border-radius:45% 55% 52% 48%/48% 46% 54% 52%;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(76,216,214,.34));border:1px solid rgba(79,199,197,.28);box-shadow:inset 0 0 25px rgba(255,255,255,.9),0 25px 55px rgba(77,181,190,.18);transform:rotate(-7deg)}.bio-map-visual span:before,.bio-map-visual span:after{content:"";position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:linear-gradient(145deg,#8a6cf2,#51ded0);box-shadow:0 0 0 10px rgba(88,220,209,.13)}.bio-map-visual span:before{left:24px}.bio-map-visual span:after{right:24px}.bio-map-visual i{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,rgba(113,230,196,.45) 21% 48%,transparent 49%);filter:drop-shadow(0 20px 30px rgba(34,170,151,.16));right:25px;top:4px}.bio-map-visual b{position:absolute;width:82px;height:82px;border-radius:25px;background:linear-gradient(145deg,#fff,#efeaff);box-shadow:0 20px 35px rgba(105,82,184,.15);left:15px;bottom:7px;transform:rotate(12deg)}.bio-map-section{padding-top:24px}.bio-map-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.bio-map-stats span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:11px 16px;color:#5f6879;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(42,53,83,.06)}.bio-map-stats b{color:#16bc94;font-size:20px}.bio-class-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bio-class-map-card{position:relative;display:flex;flex-direction:column;min-height:342px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 60px rgba(40,49,84,.10);overflow:hidden;transition:.28s ease}.bio-class-map-card:hover{transform:translateY(-7px);box-shadow:0 34px 80px rgba(40,49,84,.16)}.bio-class-map-art{position:relative;height:160px;margin:0;background:linear-gradient(145deg,#fbfffd,#f3f0ff);display:grid;place-items:center;overflow:hidden}.bio-class-map-art:before{content:"";position:absolute;inset:18px;border-radius:22px;background:radial-gradient(circle at 50% 38%,rgba(39,205,169,.22),transparent 42%)}.bio-class-map-art.has-cover:before{display:none}.bio-class-map-art img{width:100%;height:100%;object-fit:cover}.bio-class-map-art span{position:relative;font-size:84px;filter:drop-shadow(0 18px 25px rgba(32,158,145,.16))}.bio-class-map-art em{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#8f6af3,#51decf);color:#fff;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.06em}.bio-class-map-body{padding:22px 20px 20px}.bio-class-map-body h2{font-size:20px;margin:0 0 8px;letter-spacing:-.04em}.bio-class-map-body p{font-size:12px;line-height:1.5;margin:0 0 15px}.bio-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.bio-card-actions span{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:#effdf8;color:#14a884;font-size:10px;font-weight:900}.bio-class-map-body strong{display:flex;align-items:center;justify-content:space-between;color:#17b992;font-size:13px}.bio-class-map-body strong i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2fbf8;color:#101a36;font-style:normal;transition:.25s}.bio-class-map-card:hover strong i{transform:translateX(3px);background:#17c49c;color:#fff}
.grade-9{--grade-accent:#21c59e;--grade-accent-2:#55dcc1;--grade-deep:#111b43}.grade-10{--grade-accent:#2d92f2;--grade-accent-2:#6ad8ff;--grade-deep:#101e4a}.grade-11{--grade-accent:#8c63f0;--grade-accent-2:#e96eff;--grade-deep:#1a1248}.grade-12{--grade-accent:#22b878;--grade-accent-2:#f2b551;--grade-deep:#102d3a}.grade-dashboard-section{padding:42px 0 48px}.grade-breadcrumbs{margin:0 0 18px}.grade-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.grade-main-column,.grade-side-column{min-width:0}.grade-hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:center;min-height:320px;padding:38px 42px;border-radius:32px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(32,48,86,.13);backdrop-filter:blur(18px);overflow:hidden}.grade-hero-card:after{content:"";position:absolute;right:140px;bottom:8px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(33,197,158,.18),transparent 70%)}.grade-pill{background:#fff;color:#142143}.grade-hero-copy{position:relative;z-index:2}.grade-hero-copy h1{font-size:clamp(48px,5.2vw,72px);line-height:.92;margin:21px 0 16px}.grade-hero-copy h1 em{background:linear-gradient(90deg,var(--grade-accent),var(--grade-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.grade-hero-copy p{max-width:690px;font-size:17px;margin-bottom:26px}.grade-stat-row{display:grid;grid-template-columns:repeat(4,minmax(108px,1fr));gap:14px;max-width:620px}.grade-stat-row span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;border-radius:17px;background:rgba(255,255,255,.88);border:1px solid rgba(235,241,248,.9);box-shadow:0 16px 30px rgba(39,49,82,.08)}.grade-stat-row i{font-style:normal;color:var(--grade-accent);font-size:19px}.grade-stat-row b{font-size:24px;color:#111b43;line-height:1}.grade-stat-row small{margin-top:4px;font-size:10px;font-weight:800;color:#667286}.grade-hero-image{position:relative;z-index:2;width:250px;height:250px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 40%,#fff 0 24%,rgba(41,201,160,.22) 25% 63%,rgba(255,255,255,.55) 64%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.86),0 30px 60px rgba(38,145,126,.15);overflow:hidden}.grade-hero-image.has-cover{border-radius:28px;width:270px;height:190px;background:#eef9f5}.grade-hero-image img{width:100%;height:100%;object-fit:cover}.grade-hero-image span{font-size:110px}.grade-tab-bar{display:flex;align-items:center;gap:12px;margin:22px 0;padding:12px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 45px rgba(40,50,88,.08);overflow:auto}.grade-tab-bar a,.grade-tab-bar span{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:15px;color:#344053;font-size:13px;font-weight:900;white-space:nowrap}.grade-tab-bar a.active{background:#fff;color:#11a985;box-shadow:0 10px 24px rgba(33,197,158,.12)}.grade-tab-bar a i{font-style:normal}.grade-tab-bar span{margin-left:auto;color:#101a36;background:#fff}.grade-unit-track{display:grid;gap:16px}.grade-unit-row{display:grid;grid-template-columns:118px 44px minmax(0,1fr) 170px 48px;align-items:center;gap:20px;padding:18px 20px;border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(38,48,84,.09);transition:.28s ease}.grade-unit-row:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(38,48,84,.14)}.grade-unit-thumb{width:100%;height:76px;border-radius:15px;background:linear-gradient(145deg,#ecfffa,#f5f0ff);display:grid;place-items:center;overflow:hidden}.grade-unit-thumb img{width:100%;height:100%;object-fit:cover}.grade-unit-thumb span{font-size:24px;font-weight:950;color:var(--grade-accent)}.grade-unit-row>strong{font-size:29px;color:var(--grade-accent);letter-spacing:-.06em}.grade-unit-info h2{font-size:18px;margin:0 0 6px}.grade-unit-info p{font-size:12px;margin:0}.grade-unit-progress{display:grid;gap:7px}.grade-unit-progress i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--grade-accent),var(--grade-accent-2));width:var(--w);box-shadow:0 5px 16px rgba(26,187,153,.16)}.grade-unit-progress:before{content:"";display:block;height:7px;border-radius:999px;background:#e7eef5;grid-area:1/1}.grade-unit-progress i{grid-area:1/1}.grade-unit-progress small{font-size:10px;font-weight:850;color:#667286;text-align:right}.grade-unit-row>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#111b43;box-shadow:0 10px 24px rgba(35,48,82,.08)}.grade-side-column{display:grid;gap:20px;position:sticky;top:104px}.side-progress-card,.quick-info-card,.popular-mini-card{border-radius:26px;padding:24px;background:linear-gradient(145deg,#101c42,#10173d 55%,#211150);color:#fff;box-shadow:0 28px 80px rgba(17,20,58,.22);overflow:hidden}.side-progress-card h2,.quick-info-card h2,.popular-mini-card h2{color:#fff;font-size:20px;margin-bottom:16px;letter-spacing:-.04em}.side-ring{position:relative;width:94px;height:94px;margin:12px 0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--grade-accent) calc(var(--p)*1%),rgba(255,255,255,.13) 0)}.side-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#111944}.side-ring span{position:relative;z-index:2;color:#fff;font-weight:950;font-size:20px}.side-progress-card strong{display:block;margin:0 0 17px;color:#fff}.side-progress-card a{display:inline-flex;gap:9px;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:900}.quick-info-card{position:relative;min-height:234px;background:radial-gradient(circle at 82% 55%,rgba(141,96,255,.35),transparent 36%),linear-gradient(145deg,#14184b,#21105a 70%,#12233d)}.quick-info-card>span{display:block;font-weight:950;margin-bottom:20px}.quick-info-card p{color:rgba(255,255,255,.78);max-width:180px;font-size:13px;font-weight:700}.quick-info-thumb{position:absolute;right:22px;top:82px;width:92px;height:72px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.18)}.quick-info-thumb img{width:100%;height:100%;object-fit:cover}.quick-info-thumb span{font-size:42px}.quick-dots{display:flex;gap:7px;position:absolute;bottom:24px;left:24px}.quick-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.quick-dots i:first-child{width:28px;background:#d96cff}.popular-mini-card{background:rgba(255,255,255,.84);color:#101a36;border:1px solid rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(35,45,82,.10)}.popular-mini-card h2{color:#101a36;margin:0}.popular-mini-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.popular-mini-card>div a{font-size:12px;color:#8a63f0;font-weight:900}.popular-mini-card>a{display:grid;gap:3px;padding:12px 0;border-top:1px solid #eef1f6;font-size:13px;font-weight:900}.popular-mini-card>a span{font-size:9px;color:#18b891;letter-spacing:.1em;text-transform:uppercase}.grade-resource-section{padding-top:34px}.grade-resource-section .resource-grid,.unit-resource-section .resource-grid{align-items:stretch}.resource-card{border-radius:22px;background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.95);box-shadow:0 20px 55px rgba(39,48,84,.09)}.resource-card:hover{box-shadow:0 28px 76px rgba(39,48,84,.15)}.resource-cover{height:175px;border-radius:22px 22px 0 0;overflow:hidden}.resource-type{left:14px;top:14px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 10px 25px rgba(11,22,45,.10);color:#8b62f0}.premium-lock-badge{position:absolute;z-index:3;right:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(18,28,61,.76);color:#fff;font-size:9px;font-weight:950;backdrop-filter:blur(10px)}.resource-body{padding:21px}.resource-body h3{font-size:18px}.resource-kicker>span:first-child{color:#13ad89}.access{border-radius:999px}.access.public{background:#e9fbf3;color:#0c986f}.access.members{background:#edf3ff;color:#285fc8}.access.premium{background:#fff1cc;color:#a96c00}.unit-detail-shell{padding:42px 0 16px}.unit-back-link{display:inline-flex;align-items:center;margin-bottom:18px;color:#8a63f0;font-weight:900;font-size:13px}.unit-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:center;gap:28px;padding:38px 42px;border-radius:32px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 28px 80px rgba(40,49,84,.12);backdrop-filter:blur(18px)}.unit-detail-hero h1{font-size:clamp(42px,4.8vw,64px);margin:20px 0 12px}.unit-detail-hero p{font-size:17px;margin:0;max-width:760px}.unit-detail-hero figure{height:162px;margin:0;border-radius:0;overflow:hidden;box-shadow:0 20px 48px rgba(40,49,84,.13)}.unit-detail-hero figure img{width:100%;height:100%;object-fit:cover}.unit-detail-orb{width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#effff9,#f1ecff);font-size:80px;box-shadow:0 24px 60px rgba(45,58,93,.13)}.learning-outcome-list{display:grid;gap:17px;margin:24px 0 36px}.learning-outcome-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto 48px;align-items:center;gap:19px;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(39,49,84,.09);transition:.28s ease}.learning-outcome-row:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(39,49,84,.14)}.outcome-thumb{width:92px;height:58px;border-radius:14px;background:linear-gradient(145deg,#edfffb,#f4f0ff);display:grid;place-items:center;overflow:hidden}.outcome-thumb img{width:100%;height:100%;object-fit:cover}.outcome-thumb span{font-weight:950;color:var(--grade-accent)}.learning-outcome-row h2{font-size:18px;margin:0 0 4px}.learning-outcome-row p{font-size:12px;margin:0}.outcome-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;background:#f2eaff;color:#8a63f0;font-size:11px;font-weight:950}.learning-outcome-row i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#101a36;font-style:normal;box-shadow:0 10px 24px rgba(35,48,82,.08)}.member-library-page .member-library-hero{background:transparent;padding-top:74px}.member-library-page .page-hero-grid{border-radius:34px;background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.95);box-shadow:0 28px 80px rgba(40,49,84,.12);padding:38px 42px}.member-library-page .member-category-section{border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);box-shadow:0 25px 70px rgba(40,49,84,.10);padding:24px}.category-chip-row a,.learning-grade-filter a{border-radius:999px}.category-chip-row a.active{background:#18bd94;color:#fff}.class-card,.unit-card,.topic-row{border-color:rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(39,49,84,.08)}
html[data-theme="dark"] .biology-map-page,html[data-theme="dark"] .grade-dashboard-page,html[data-theme="dark"] .unit-detail-page,html[data-theme="dark"] .member-library-page{background:radial-gradient(circle at 10% 15%,rgba(33,211,181,.12),transparent 30%),radial-gradient(circle at 88% 8%,rgba(151,113,255,.14),transparent 28%),linear-gradient(135deg,#071120,#10172b 55%,#071d22)!important}html[data-theme="dark"] .bio-map-hero-card,html[data-theme="dark"] .bio-class-map-card,html[data-theme="dark"] .grade-hero-card,html[data-theme="dark"] .grade-tab-bar,html[data-theme="dark"] .grade-unit-row,html[data-theme="dark"] .unit-detail-hero,html[data-theme="dark"] .learning-outcome-row,html[data-theme="dark"] .member-library-page .page-hero-grid,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .popular-mini-card{background:rgba(15,26,44,.88)!important;border-color:rgba(85,107,139,.45)!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important}html[data-theme="dark"] .biology-map-page h1,html[data-theme="dark"] .biology-map-page h2,html[data-theme="dark"] .grade-dashboard-page h1,html[data-theme="dark"] .grade-dashboard-page h2,html[data-theme="dark"] .unit-detail-page h1,html[data-theme="dark"] .unit-detail-page h2,html[data-theme="dark"] .bio-class-map-body h2,html[data-theme="dark"] .popular-mini-card h2,html[data-theme="dark"] .resource-body h3{color:#f7fbff!important}html[data-theme="dark"] .biology-map-page p,html[data-theme="dark"] .grade-dashboard-page p,html[data-theme="dark"] .unit-detail-page p{color:#b6c5d7!important}html[data-theme="dark"] .soft-pill,html[data-theme="dark"] .grade-pill,html[data-theme="dark"] .grade-stat-row span,html[data-theme="dark"] .grade-tab-bar a.active,html[data-theme="dark"] .grade-tab-bar span,html[data-theme="dark"] .grade-unit-row>b,html[data-theme="dark"] .learning-outcome-row i{background:#14243b;color:#f7fbff;border-color:#28415f}html[data-theme="dark"] .bio-class-map-art{background:linear-gradient(145deg,#102035,#18243f)}html[data-theme="dark"] .resource-cover{background-color:#101b2c}
@media(max-width:1180px){.bio-class-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-dashboard-layout{grid-template-columns:1fr}.grade-side-column{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.grade-hero-card{grid-template-columns:1fr 220px}.grade-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-unit-row{grid-template-columns:100px 38px minmax(0,1fr) 130px 42px}.unit-detail-hero{grid-template-columns:1fr 240px}}@media(max-width:860px){.bio-map-hero-card,.grade-hero-card,.unit-detail-hero,.member-library-page .page-hero-grid{grid-template-columns:1fr;padding:28px;border-radius:26px}.bio-map-visual{min-height:145px}.grade-hero-image{width:100%;height:190px;border-radius:24px}.grade-side-column{grid-template-columns:1fr}.grade-unit-row{grid-template-columns:84px minmax(0,1fr) 42px;gap:14px}.grade-unit-row>strong,.grade-unit-progress{display:none}.learning-outcome-row{grid-template-columns:78px minmax(0,1fr) 42px}.outcome-badge{display:none}.bio-class-map-grid{grid-template-columns:1fr}.resource-grid,.resource-grid-wide,.member-resource-grid{grid-template-columns:1fr!important}.unit-detail-hero figure{height:190px}.grade-tab-bar span{display:none}}@media(max-width:560px){.container{width:min(var(--container),calc(100% - 28px))}.bio-map-hero{padding-top:48px}.bio-map-hero-card h1,.unit-detail-hero h1{font-size:38px}.grade-hero-copy h1{font-size:42px}.grade-stat-row{grid-template-columns:repeat(2,1fr);gap:9px}.grade-stat-row span{min-height:68px}.grade-tab-bar{padding:8px;gap:7px}.grade-tab-bar a{padding:0 12px;font-size:12px}.grade-unit-row{padding:14px;border-radius:20px}.grade-unit-thumb{width:78px;height:58px}.bio-map-stats{display:grid;grid-template-columns:repeat(2,1fr)}.bio-map-stats span{justify-content:center}.learning-outcome-row{padding:13px;border-radius:20px}.outcome-thumb{width:72px;height:52px}.unit-detail-shell{padding-top:28px}}

/* =========================================================
   BIYODIJITAL V4.8.25 — PREMIUM GİRİŞ EFEKTİ
   Yönetim paneline dokunmadan yalnızca ziyaretçi tarafı intro tasarımı.
   ========================================================= */
.intro-style-dna{--intro-card:rgba(255,255,255,.74);--intro-border:rgba(255,255,255,.9);--intro-deep:#071936;--intro-accent:#24bdbf;--intro-accent-2:#8f75ff;z-index:10000;display:grid;place-items:center;padding:clamp(18px,4vw,54px);background:linear-gradient(135deg,#f8fdff 0%,#eef9f8 48%,#f7f1ff 100%);overflow:hidden;transition:opacity .75s ease,visibility .75s ease,filter .75s ease,transform .75s cubic-bezier(.18,.8,.2,1)}
.intro-style-dna::before{content:"";position:absolute;inset:0;z-index:-5;background:radial-gradient(circle at 20% 16%,rgba(36,189,191,.18),transparent 27%),radial-gradient(circle at 80% 12%,rgba(143,117,255,.18),transparent 27%),radial-gradient(circle at 50% 88%,rgba(45,108,255,.12),transparent 34%),linear-gradient(135deg,#f8fdff,#f0fbf8 50%,#f8f2ff)!important}
.intro-style-dna::after{content:"";position:absolute;inset:-40%;z-index:-4;background:conic-gradient(from 110deg at 50% 50%,transparent,rgba(36,189,191,.10),transparent 26%,rgba(143,117,255,.10),transparent 58%,rgba(242,152,34,.08),transparent);animation:introPremiumSweep 9s linear infinite;opacity:.85}
.intro-style-dna.hidden{opacity:0;visibility:hidden;transform:scale(.985) translateY(-8px);filter:blur(14px)}
.intro-style-dna .intro-grid{position:absolute;inset:-25%;z-index:-3;opacity:.38;background-image:linear-gradient(rgba(49,93,145,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(49,93,145,.075) 1px,transparent 1px);background-size:58px 58px;transform:perspective(900px) rotateX(62deg) translateY(20%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 68%)}
.intro-style-dna .intro-aurora{position:absolute;z-index:-2;border-radius:999px;filter:blur(22px);opacity:.74;animation:introPremiumFloat 7s ease-in-out infinite alternate;pointer-events:none}
.intro-style-dna .intro-aurora.aurora-a{width:520px;height:520px;left:-190px;top:-170px;background:radial-gradient(circle,rgba(36,189,191,.25),transparent 66%)}
.intro-style-dna .intro-aurora.aurora-b{width:600px;height:600px;right:-240px;bottom:-240px;background:radial-gradient(circle,rgba(143,117,255,.24),transparent 68%);animation-delay:-2.2s}
.intro-style-dna .intro-aurora.aurora-c{width:360px;height:360px;left:52%;top:8%;background:radial-gradient(circle,rgba(242,152,34,.15),transparent 68%);animation-delay:-4s}
.intro-style-dna .intro-shell{position:relative;z-index:8;width:min(980px,calc(100vw - 42px));min-height:470px;display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,58px);padding:clamp(24px,4vw,48px);border:1px solid var(--intro-border);border-radius:44px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.56));box-shadow:0 48px 130px rgba(16,48,92,.18),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(22px);animation:introShellIn .9s cubic-bezier(.18,.8,.2,1) both;overflow:hidden}
.intro-style-dna .intro-shell::before{content:"";position:absolute;inset:1px;border-radius:43px;background:linear-gradient(120deg,rgba(255,255,255,.72),transparent 33%,rgba(36,189,191,.08) 55%,transparent 74%);pointer-events:none}
.intro-style-dna .intro-shell::after{content:"";position:absolute;left:8%;right:8%;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#24bdbf,#8f75ff,transparent);opacity:.6;filter:blur(.2px)}
.intro-style-dna .intro-visual-panel{position:relative;min-height:390px;display:grid;place-items:center;border-radius:34px;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.86),rgba(238,251,248,.74) 38%,rgba(236,239,255,.38) 70%,rgba(255,255,255,.32));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 70px rgba(35,90,130,.09);overflow:hidden;isolation:isolate}
.intro-style-dna .intro-visual-panel::before{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(36,189,191,.26);animation:introOrbitSpin 18s linear infinite;opacity:.8}
.intro-style-dna .intro-visual-panel::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(36,189,191,.18),rgba(143,117,255,.11) 48%,transparent 72%);filter:blur(2px);animation:introPulseCore 2.8s ease-in-out infinite;z-index:-1}
.intro-style-dna .intro-logo{position:absolute;top:26px;left:50%;z-index:8;display:grid;place-items:center;width:78px;height:78px;margin:0;border-radius:26px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 58px rgba(21,64,114,.14),inset 0 1px 0 #fff;backdrop-filter:blur(16px);transform:translateX(-50%);animation:introLogoHover 3.6s ease-in-out infinite}
.intro-style-dna .intro-logo::before{content:"";position:absolute;inset:-8px;border-radius:31px;background:linear-gradient(135deg,rgba(36,189,191,.25),rgba(143,117,255,.22));filter:blur(14px);z-index:-1;opacity:.82}
.intro-style-dna .intro-logo img{width:auto;max-width:60px;max-height:60px;object-fit:contain}
.intro-style-dna .intro-orbit-system{position:absolute;left:50%;top:52%;width:270px;height:270px;transform:translate(-50%,-50%);z-index:2;animation:introOrbitDrift 5.2s ease-in-out infinite alternate}
.intro-style-dna .intro-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(36,189,191,.23);box-shadow:inset 0 0 32px rgba(36,189,191,.045)}
.intro-style-dna .intro-ring.ring-a{transform:rotateX(66deg) rotateZ(-18deg)}
.intro-style-dna .intro-ring.ring-b{inset:24px;border-color:rgba(143,117,255,.23);transform:rotateX(66deg) rotateZ(54deg)}
.intro-style-dna .intro-ring.ring-c{inset:49px;border-color:rgba(242,152,34,.22);transform:rotateX(66deg) rotateZ(124deg)}
.intro-style-dna .intro-orbit-system i{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:linear-gradient(145deg,#7ff6ee,#24bdbf);box-shadow:0 0 18px rgba(36,189,191,.5),0 8px 18px rgba(29,75,105,.16);transform:rotate(calc(var(--n) * 45deg)) translateX(124px);animation:introNodePulse 1.8s ease-in-out infinite;animation-delay:calc(var(--n) * -.16s)}
.intro-style-dna .intro-dna-loader{position:absolute;left:50%;top:54%;width:122px;height:232px;margin:0;perspective:720px;filter:drop-shadow(0 22px 32px rgba(24,96,120,.16));transform:translate(-50%,-50%);z-index:5}
.intro-style-dna .intro-dna-rotation{position:absolute;inset:0;transform-style:preserve-3d;animation:introDnaRotatePremium 4.8s linear infinite;will-change:transform}
.intro-style-dna .intro-dna-strand{position:absolute;inset:0;transform-style:preserve-3d}
.intro-style-dna .intro-dna-strand span{position:absolute;left:50%;top:calc(var(--i) * 5.55%);width:104px;height:12px;margin-top:-6px;transform:translateX(-50%) rotateY(calc(var(--i) * 40deg));transform-style:preserve-3d}
.intro-style-dna .intro-dna-strand span::before{content:"";position:absolute;left:9px;right:9px;top:5px;height:2px;border-radius:4px}
.intro-style-dna .intro-dna-strand span i,.intro-style-dna .intro-dna-strand span b{position:absolute;top:0;width:12px;height:12px;border-radius:50%}
.intro-style-dna .intro-dna-strand span i{left:0}.intro-style-dna .intro-dna-strand span b{right:0}
.intro-style-dna .intro-dna-base span::before{background:rgba(156,175,190,.56)}
.intro-style-dna .intro-dna-base span i,.intro-style-dna .intro-dna-base span b{background:linear-gradient(145deg,#f8fbfc,#c9d6dc);box-shadow:inset 0 1px 2px rgba(255,255,255,.85)}
.intro-style-dna .intro-dna-color span{--start:calc((17 - var(--i)) / 17 * 100);opacity:clamp(0,calc((var(--intro-fill-n,0) - var(--start)) / 5 + .28),1);transition:opacity .18s linear}
.intro-style-dna .intro-dna-color span::before{background:linear-gradient(90deg,#24bdbf,#b7d42b 48%,#f29822 76%,#b15090);box-shadow:0 0 14px rgba(36,189,191,.35)}
.intro-style-dna .intro-dna-color span i{background:linear-gradient(145deg,#7ff6ee,#18aeb4);box-shadow:0 5px 13px rgba(20,171,178,.34),inset 0 2px 3px rgba(255,255,255,.65)}
.intro-style-dna .intro-dna-color span b{background:linear-gradient(145deg,#ffd36d,#e87a22 58%,#b15090);box-shadow:0 5px 13px rgba(217,111,52,.32),inset 0 2px 3px rgba(255,255,255,.6)}
.intro-style-dna .intro-fill-wave{position:absolute;z-index:7;left:50%;bottom:calc(var(--intro-fill,0%) - 5px);width:118px;height:10px;border-radius:50%;background:radial-gradient(ellipse,rgba(127,246,238,.8),rgba(36,189,191,.22) 52%,transparent 72%);filter:blur(1px);transform:translateX(-50%);opacity:clamp(0,calc(var(--intro-fill-n,0) / 4),1);transition:bottom .12s linear,opacity .2s linear}
.intro-style-dna .intro-glow-line{position:absolute;left:50%;bottom:38px;width:220px;height:14px;border-radius:999px;background:radial-gradient(ellipse,rgba(36,189,191,.38),rgba(143,117,255,.18) 42%,transparent 72%);filter:blur(2px);transform:translateX(-50%);opacity:.9}
.intro-style-dna .intro-content{position:relative;z-index:8;width:100%;max-height:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;animation:introContentInPremium 1s cubic-bezier(.18,.8,.2,1) .12s both}
.intro-style-dna .intro-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:8px 12px;border:1px solid rgba(36,189,191,.16);border-radius:999px;background:rgba(255,255,255,.7);color:#159da1;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 12px 30px rgba(23,67,100,.05)}
.intro-style-dna .intro-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#24bdbf;box-shadow:0 0 0 6px rgba(36,189,191,.12)}
.intro-style-dna h2{max-width:560px;margin:0 0 13px;color:#0c1d38;font-size:clamp(34px,4.3vw,58px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.intro-style-dna p{max-width:500px;margin:0;color:#62758d;font-size:15px;line-height:1.75}
.intro-style-dna .intro-micro-cards{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}
.intro-style-dna .intro-micro-cards span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid rgba(214,229,236,.72);color:#43566f;font-size:11px;font-weight:850;box-shadow:0 12px 28px rgba(23,67,100,.06)}
.intro-style-dna .intro-micro-cards span::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#24bdbf,#8f75ff)}
.intro-style-dna .intro-loading-state{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;width:min(430px,100%);margin:0}
.intro-style-dna .intro-loading-state .intro-progress{grid-column:1/-1;width:100%;height:8px;margin:0;border-radius:999px;background:rgba(26,62,105,.09);box-shadow:inset 0 1px 2px rgba(16,33,61,.08);overflow:hidden}
.intro-style-dna .intro-loading-state .intro-progress i{position:relative;display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#245ff2 0%,#24bdbf 52%,#8f75ff 100%);box-shadow:0 0 22px rgba(36,189,191,.28);transition:width .12s linear;overflow:hidden}
.intro-style-dna .intro-loading-state .intro-progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:introProgressShine 1.35s ease-in-out infinite}
.intro-style-dna .intro-loading-state span{color:#6e7f94;font-size:10px;font-weight:950;letter-spacing:.12em;text-align:left;text-transform:uppercase}
.intro-style-dna .intro-loading-state b{justify-self:end;color:#159da1;font-size:13px;font-weight:950;text-align:right}
body.intro-open{overflow:hidden}
@keyframes introShellIn{from{opacity:0;transform:translateY(22px) scale(.965)}to{opacity:1;transform:none}}
@keyframes introContentInPremium{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes introPremiumSweep{to{transform:rotate(360deg)}}
@keyframes introPremiumFloat{to{transform:translate3d(34px,24px,0) scale(1.08)}}
@keyframes introOrbitSpin{to{transform:rotate(360deg)}}
@keyframes introPulseCore{50%{transform:scale(1.08);opacity:.74}}
@keyframes introLogoHover{50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes introOrbitDrift{to{transform:translate(-50%,-51.5%) rotate(4deg)}}
@keyframes introNodePulse{50%{opacity:.48;transform:rotate(calc(var(--n) * 45deg)) translateX(124px) scale(.72)}}
@keyframes introDnaRotatePremium{from{transform:rotateZ(-7deg) rotateY(0deg)}to{transform:rotateZ(-7deg) rotateY(360deg)}}
@keyframes introProgressShine{to{transform:translateX(120%)}}
@media(max-width:820px){.intro-style-dna{padding:16px}.intro-style-dna .intro-shell{width:min(520px,calc(100vw - 28px));min-height:auto;grid-template-columns:1fr;gap:18px;padding:20px;border-radius:32px}.intro-style-dna .intro-shell::before{border-radius:31px}.intro-style-dna .intro-visual-panel{min-height:260px;border-radius:25px}.intro-style-dna .intro-logo{top:18px;width:64px;height:64px;border-radius:22px}.intro-style-dna .intro-logo img{max-width:50px;max-height:50px}.intro-style-dna .intro-orbit-system{width:210px;height:210px;top:56%}.intro-style-dna .intro-orbit-system i{transform:rotate(calc(var(--n) * 45deg)) translateX(96px)}.intro-style-dna .intro-dna-loader{width:102px;height:194px;top:58%}.intro-style-dna .intro-dna-strand span{width:86px;height:10px;margin-top:-5px}.intro-style-dna .intro-dna-strand span::before{top:4px;left:8px;right:8px}.intro-style-dna .intro-dna-strand span i,.intro-style-dna .intro-dna-strand span b{width:10px;height:10px}.intro-style-dna .intro-fill-wave{width:96px}.intro-style-dna .intro-content{align-items:center;text-align:center}.intro-style-dna h2{font-size:clamp(28px,8vw,38px)}.intro-style-dna p{font-size:13px}.intro-style-dna .intro-micro-cards{justify-content:center;margin:17px 0 20px}.intro-style-dna .intro-loading-state{width:100%}.intro-style-dna .intro-loading-state span{text-align:left}}
@media(max-width:430px){.intro-style-dna .intro-shell{padding:16px;border-radius:28px}.intro-style-dna .intro-visual-panel{min-height:225px}.intro-style-dna .intro-micro-cards span{font-size:10px;padding:8px 10px}.intro-style-dna .intro-loading-state span{font-size:9px}.intro-style-dna .intro-loading-state b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.intro-style-dna::after,.intro-style-dna .intro-aurora,.intro-style-dna .intro-shell,.intro-style-dna .intro-content,.intro-style-dna .intro-visual-panel::before,.intro-style-dna .intro-visual-panel::after,.intro-style-dna .intro-logo,.intro-style-dna .intro-orbit-system,.intro-style-dna .intro-orbit-system i,.intro-style-dna .intro-dna-rotation,.intro-style-dna .intro-loading-state .intro-progress i::after{animation:none!important}.intro-style-dna .intro-dna-color span{opacity:1!important}.intro-style-dna .intro-fill-wave{display:none}}

/* Homepage class cards are now directly under the main platform hero. */
.classes-after-hero{padding-top:42px}
@media(max-width:900px){.classes-after-hero{padding-top:34px}}


/* ===== Premium intro refresh: wordmark + orbiting lights ===== */
.intro-style-dna{padding:24px;background:radial-gradient(circle at 18% 22%,rgba(36,189,191,.16),transparent 22%),radial-gradient(circle at 84% 18%,rgba(143,117,255,.14),transparent 26%),linear-gradient(135deg,#eef8fb 0%,#f8f6ef 52%,#f5f3fb 100%)}
.intro-style-dna .intro-grid{opacity:.18;transform:rotateX(68deg) translateY(34%);background-size:56px 56px}
.intro-style-dna .intro-shell{position:relative;display:grid;grid-template-columns:minmax(300px,430px) minmax(320px,560px);align-items:center;gap:34px;width:min(1080px,calc(100vw - 48px));min-height:540px;padding:28px;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(247,251,252,.74));border:1px solid rgba(208,227,231,.92);box-shadow:0 28px 90px rgba(17,53,94,.1),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px);animation:introShellIn .9s cubic-bezier(.18,.8,.2,1) both}
.intro-style-dna .intro-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.08));pointer-events:none}
.intro-style-dna .intro-visual-panel{position:relative;isolation:isolate;min-height:474px;border-radius:34px;padding:34px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 22%,rgba(255,255,255,.95),rgba(234,247,251,.82) 42%,rgba(227,242,246,.7) 100%);border:1px solid rgba(206,233,236,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 22px 46px rgba(19,70,102,.08)}
.intro-style-dna .intro-visual-panel::before{content:"";position:absolute;inset:24px;border-radius:30px;border:1px solid rgba(164,221,228,.5);pointer-events:none}
.intro-style-dna .intro-visual-panel::after{content:"";position:absolute;width:82%;height:82%;border-radius:50%;border:1px dashed rgba(65,197,206,.2);pointer-events:none}
.intro-style-dna .intro-logo{position:absolute;top:22px;left:50%;width:92px;height:92px;border-radius:28px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(21,70,101,.12),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(16px);transform:translateX(-50%);z-index:4;animation:introLogoHover 4s ease-in-out infinite}
.intro-style-dna .intro-logo img{max-width:66px;max-height:66px}
.intro-style-dna .intro-brand-stage{position:relative;width:min(100%,370px);height:300px;display:grid;place-items:center}
.intro-style-dna .intro-brand-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:38px;padding:48px 24px 42px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(247,252,252,.72));border:1px solid rgba(205,228,232,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 24px 50px rgba(19,70,102,.09);overflow:visible}
.intro-style-dna .intro-brand-core::before,.intro-style-dna .intro-brand-core::after{content:"";position:absolute;inset:auto;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.intro-style-dna .intro-brand-core::before{width:270px;height:270px;border:1px solid rgba(36,189,191,.22);box-shadow:0 0 0 14px rgba(255,255,255,.24);animation:introOrbitSpin 18s linear infinite}
.intro-style-dna .intro-brand-core::after{width:340px;height:120px;background:radial-gradient(ellipse,rgba(91,214,224,.24),rgba(149,125,248,.14) 48%,transparent 72%);filter:blur(2px);top:auto;bottom:-8px}
.intro-style-dna .intro-brand-wordmark{position:relative;z-index:3;font-size:clamp(44px,4.8vw,68px);line-height:1;font-weight:950;letter-spacing:-.06em;text-transform:lowercase;background:linear-gradient(90deg,#23bfd0 0%,#7dbd13 30%,#f0ad18 58%,#f46e1d 77%,#cf4fab 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 26px rgba(35,191,208,.18)}
.intro-style-dna .intro-brand-subtitle{position:relative;z-index:3;margin-top:10px;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#6f8597;text-align:center}
.intro-style-dna .intro-brand-light{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:currentColor;color:#24bdbf;box-shadow:0 0 0 5px rgba(255,255,255,.62),0 0 18px currentColor,0 0 36px currentColor;transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateX(164px);animation:introBrandOrbit calc(6.6s + var(--i) * .18s) linear infinite,introBrandPulse calc(2.2s + var(--i) * .09s) ease-in-out infinite;z-index:2}
.intro-style-dna .intro-brand-light:nth-of-type(1),.intro-style-dna .intro-brand-light:nth-of-type(7){color:#23bfd0;width:12px;height:12px}
.intro-style-dna .intro-brand-light:nth-of-type(2),.intro-style-dna .intro-brand-light:nth-of-type(8){color:#7ecf1a;width:10px;height:10px}
.intro-style-dna .intro-brand-light:nth-of-type(3),.intro-style-dna .intro-brand-light:nth-of-type(9){color:#f0b124;width:13px;height:13px}
.intro-style-dna .intro-brand-light:nth-of-type(4),.intro-style-dna .intro-brand-light:nth-of-type(10){color:#f58626;width:9px;height:9px}
.intro-style-dna .intro-brand-light:nth-of-type(5),.intro-style-dna .intro-brand-light:nth-of-type(11){color:#cf4fab;width:11px;height:11px}
.intro-style-dna .intro-brand-light:nth-of-type(6),.intro-style-dna .intro-brand-light:nth-of-type(12){color:#7f77f2;width:8px;height:8px}
.intro-style-dna .intro-stage-glow{position:absolute;left:50%;bottom:12px;width:82%;height:24px;border-radius:999px;background:radial-gradient(ellipse,rgba(36,189,191,.3),rgba(143,117,255,.18) 45%,transparent 78%);filter:blur(5px);transform:translateX(-50%)}
.intro-style-dna .intro-content{position:relative;z-index:8;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;animation:introContentInPremium 1s cubic-bezier(.18,.8,.2,1) .12s both}
.intro-style-dna .intro-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:8px 12px;border:1px solid rgba(36,189,191,.16);border-radius:999px;background:rgba(255,255,255,.76);color:#159da1;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 12px 30px rgba(23,67,100,.05)}
.intro-style-dna .intro-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#24bdbf;box-shadow:0 0 0 6px rgba(36,189,191,.12)}
.intro-style-dna h2{max-width:560px;margin:0 0 13px;color:#0c1d38;font-size:clamp(34px,4.3vw,58px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.intro-style-dna p{max-width:500px;margin:0;color:#62758d;font-size:15px;line-height:1.75}
.intro-style-dna .intro-micro-cards{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}
.intro-style-dna .intro-micro-cards span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.78);border:1px solid rgba(214,229,236,.72);color:#43566f;font-size:11px;font-weight:850;box-shadow:0 12px 28px rgba(23,67,100,.06)}
.intro-style-dna .intro-micro-cards span::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#24bdbf,#8f75ff)}
.intro-style-dna .intro-loading-state{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;width:min(430px,100%);margin:0}
.intro-style-dna .intro-loading-state .intro-progress{grid-column:1/-1;width:100%;height:8px;margin:0;border-radius:999px;background:rgba(26,62,105,.09);box-shadow:inset 0 1px 2px rgba(16,33,61,.08);overflow:hidden}
.intro-style-dna .intro-loading-state .intro-progress i{position:relative;display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#23bfd0 0%,#7ecf1a 32%,#f0b124 64%,#cf4fab 100%);box-shadow:0 0 22px rgba(36,189,191,.28);transition:width .12s linear;overflow:hidden}
.intro-style-dna .intro-loading-state .intro-progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:introProgressShine 1.35s ease-in-out infinite}
.intro-style-dna .intro-loading-state span{color:#6e7f94;font-size:10px;font-weight:950;letter-spacing:.12em;text-align:left;text-transform:uppercase}
.intro-style-dna .intro-loading-state b{justify-self:end;color:#159da1;font-size:13px;font-weight:950;text-align:right}
@keyframes introBrandOrbit{from{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateX(164px)}to{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg + 360deg)) translateX(164px)}}
@keyframes introBrandPulse{50%{opacity:.55;transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateX(154px) scale(.82)}}
@media(max-width:980px){.intro-style-dna .intro-shell{grid-template-columns:1fr;max-width:780px;min-height:auto}.intro-style-dna .intro-content{align-items:center;text-align:center}.intro-style-dna h2,.intro-style-dna p{max-width:none}.intro-style-dna .intro-micro-cards,.intro-style-dna .intro-loading-state{justify-content:center;width:min(480px,100%)}.intro-style-dna .intro-loading-state span{text-align:left}}
@media(max-width:700px){.intro-style-dna{padding:14px}.intro-style-dna .intro-shell{width:min(560px,calc(100vw - 20px));padding:18px;border-radius:28px;gap:18px}.intro-style-dna .intro-visual-panel{min-height:280px;padding:22px;border-radius:24px}.intro-style-dna .intro-visual-panel::before{inset:16px;border-radius:20px}.intro-style-dna .intro-logo{top:16px;width:70px;height:70px;border-radius:22px}.intro-style-dna .intro-logo img{max-width:50px;max-height:50px}.intro-style-dna .intro-brand-stage{height:210px;width:min(100%,280px)}.intro-style-dna .intro-brand-core{border-radius:28px;padding:40px 18px 32px}.intro-style-dna .intro-brand-core::before{width:190px;height:190px}.intro-style-dna .intro-brand-wordmark{font-size:clamp(34px,9vw,48px)}.intro-style-dna .intro-brand-subtitle{font-size:9px;letter-spacing:.18em}.intro-style-dna .intro-brand-light{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateX(118px)}@keyframes introBrandOrbit{from{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateX(118px)}to{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg + 360deg)) translateX(118px)}}@keyframes introBrandPulse{50%{opacity:.55;transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateX(110px) scale(.82)}}.intro-style-dna h2{font-size:clamp(28px,8vw,38px)}.intro-style-dna p{font-size:13px}.intro-style-dna .intro-micro-cards{justify-content:center;margin:16px 0 18px}.intro-style-dna .intro-loading-state{width:100%}.intro-style-dna .intro-loading-state span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.intro-style-dna .intro-logo,.intro-style-dna .intro-brand-core::before,.intro-style-dna .intro-brand-light,.intro-style-dna .intro-loading-state .intro-progress i::after{animation:none!important}}

/* =========================================================
   BIYODIJITAL V4.8.26 — LOGOYA UYGUN PREMIUM GİRİŞ EFEKTİ
   DNA animasyonu kaldırıldı; marka yazısı etrafında ışıklar döner.
   ========================================================= */
.intro-style-brand{--intro-fill:0%;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(239,255,251,.88) 38%,rgba(249,242,255,.88) 75%,rgba(255,250,239,.9));color:#0b1d38;overflow:hidden;isolation:isolate;transition:opacity .72s ease,visibility .72s ease,filter .72s ease,transform .72s ease}
.intro-style-brand::before{content:"";position:absolute;inset:-18%;z-index:-4;background:radial-gradient(circle at 19% 22%,rgba(36,189,191,.20),transparent 27%),radial-gradient(circle at 79% 24%,rgba(242,152,34,.18),transparent 27%),radial-gradient(circle at 58% 78%,rgba(177,80,144,.16),transparent 31%),linear-gradient(135deg,#f4fffd 0%,#fff9ec 52%,#fbf0ff 100%)!important;animation:introBrandBreath 5.5s ease-in-out infinite alternate}
.intro-style-brand::after{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(22,123,142,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,123,142,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at center,#000 0 50%,transparent 78%);opacity:.55;transform:perspective(800px) rotateX(64deg) translateY(20%);transform-origin:center bottom}
.intro-style-brand.hidden{opacity:0;visibility:hidden;transform:scale(1.025);filter:blur(10px)}
.intro-brand-mesh{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.50),transparent 38%),linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.40) 47%,transparent 61%);animation:introBrandMesh 4.8s ease-in-out infinite alternate;pointer-events:none}
.intro-brand-aurora{position:absolute;border-radius:999px;filter:blur(18px);opacity:.58;mix-blend-mode:multiply;pointer-events:none}.intro-brand-aurora.aurora-a{width:420px;height:420px;left:8%;top:9%;background:rgba(36,189,191,.18);animation:introBrandDrift 6s ease-in-out infinite alternate}.intro-brand-aurora.aurora-b{width:390px;height:390px;right:10%;top:14%;background:rgba(242,152,34,.16);animation:introBrandDrift 7s ease-in-out -.8s infinite alternate-reverse}.intro-brand-aurora.aurora-c{width:360px;height:360px;left:45%;bottom:2%;background:rgba(177,80,144,.13);animation:introBrandDrift 7.4s ease-in-out -1.3s infinite alternate}
.intro-brand-shell{position:relative;width:min(980px,calc(100vw - 44px));min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px 48px;border:1px solid rgba(255,255,255,.74);border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(238,255,253,.58) 45%,rgba(255,248,235,.58));box-shadow:0 42px 120px rgba(21,82,102,.16),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(22px);animation:introBrandShellIn .9s cubic-bezier(.18,.82,.2,1) both;overflow:hidden}.intro-brand-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 0 20%,rgba(255,255,255,.52) 36%,transparent 52%);transform:translateX(-72%);animation:introBrandGlassSweep 2.2s cubic-bezier(.22,.7,.16,1) .3s both;pointer-events:none}.intro-brand-shell::after{content:"";position:absolute;inset:18px;border-radius:34px;border:1px solid rgba(36,189,191,.12);box-shadow:inset 0 0 70px rgba(36,189,191,.045);pointer-events:none}
.intro-brand-logo{position:relative;z-index:5;display:grid;place-items:center;width:92px;height:92px;margin:0 0 28px;border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 20px 45px rgba(26,111,122,.15),inset 0 0 0 1px rgba(255,255,255,.9);animation:introBrandLogoFloat 3s ease-in-out infinite}.intro-brand-logo img{display:block;max-width:72px;max-height:72px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(24,96,101,.16))}
.intro-brand-stage{position:relative;z-index:4;display:grid;place-items:center;width:min(760px,100%);min-height:190px;margin:0 auto 18px}.intro-brand-word{position:relative;z-index:8;margin:0!important;font-size:clamp(54px,9vw,118px)!important;line-height:.9!important;font-weight:950!important;letter-spacing:-.085em!important;text-transform:lowercase;color:transparent!important;background:linear-gradient(90deg,#12bfc5 0%,#90cc21 31%,#f29822 62%,#e04b8d 83%,#8654df 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 20px 42px rgba(23,83,91,.12);filter:drop-shadow(0 18px 26px rgba(26,107,118,.12));animation:introBrandWordIn .9s cubic-bezier(.18,.82,.2,1) .12s both}.intro-brand-word::before{content:"biyodijital";position:absolute;inset:0;z-index:-1;color:rgba(255,255,255,.86);-webkit-text-stroke:11px rgba(255,255,255,.78);filter:blur(.5px)}.intro-brand-word::after{content:"";position:absolute;left:-4%;top:0;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.94),transparent);filter:blur(1px);transform:skewX(-16deg) translateX(-160%);mix-blend-mode:screen;animation:introBrandTextShine 1.95s ease-in-out .42s infinite}
.intro-brand-halo{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(36,189,191,.22);box-shadow:inset 0 0 40px rgba(36,189,191,.05);transform:translate(-50%,-50%);pointer-events:none}.intro-brand-halo.halo-a{width:min(720px,92vw);height:155px;border-color:rgba(36,189,191,.26);animation:introBrandOrbit 5.4s linear infinite}.intro-brand-halo.halo-b{width:min(660px,86vw);height:122px;border-color:rgba(242,152,34,.24);transform:translate(-50%,-50%) rotate(-8deg);animation:introBrandOrbit 6.6s linear infinite reverse}.intro-brand-halo.halo-c{width:min(580px,80vw);height:88px;border-color:rgba(177,80,144,.22);transform:translate(-50%,-50%) rotate(9deg);animation:introBrandPulse 2.4s ease-in-out infinite}
.intro-brand-light{position:absolute;z-index:7;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 0 18px currentColor,0 0 36px currentColor;animation:introBrandLightRun 2.6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.intro-brand-light.light-a{color:#24bdbf;--rx:355px;--ry:78px;animation-delay:0s}.intro-brand-light.light-b{color:#9ccf28;--rx:315px;--ry:60px;animation-delay:-.42s}.intro-brand-light.light-c{color:#f29822;--rx:340px;--ry:72px;animation-delay:-.86s}.intro-brand-light.light-d{color:#e04b8d;--rx:290px;--ry:49px;animation-delay:-1.28s}.intro-brand-light.light-e{color:#7e62ee;--rx:255px;--ry:42px;animation-delay:-1.7s}.intro-brand-light.light-f{color:#24bdbf;--rx:365px;--ry:83px;animation-delay:-2.08s}.intro-brand-sweep{position:absolute;z-index:6;width:min(770px,95%);height:180px;border-radius:999px;background:conic-gradient(from 0deg,transparent 0 62%,rgba(36,189,191,.20),rgba(156,207,40,.18),rgba(242,152,34,.18),rgba(224,75,141,.18),transparent 88%);filter:blur(11px);opacity:.7;animation:introBrandSweepSpin 4.5s linear infinite;pointer-events:none}
.intro-brand-subtitle{position:relative;z-index:5;margin:0 0 28px!important;color:#5f7288!important;font-size:15px!important;line-height:1.7!important;letter-spacing:.01em!important;animation:introBrandFadeUp .78s cubic-bezier(.18,.82,.2,1) .26s both}.intro-brand-loading{position:relative;z-index:5;width:min(430px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;margin:0!important}.intro-brand-loading .intro-progress{grid-column:1/-1;width:100%;height:7px!important;border-radius:999px;background:rgba(20,70,90,.09)!important;box-shadow:inset 0 1px 2px rgba(15,42,61,.08);overflow:hidden}.intro-brand-loading .intro-progress i{position:relative;display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24bdbf 0%,#9ccf28 32%,#f29822 63%,#e04b8d 84%,#7e62ee 100%)!important;box-shadow:0 0 24px rgba(36,189,191,.30);transition:width .12s linear;overflow:hidden}.intro-brand-loading .intro-progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:translateX(-100%);animation:introProgressShine 1.1s ease-in-out infinite}.intro-brand-loading span{color:#6d7d90!important;font-size:10px!important;font-weight:950!important;letter-spacing:.16em!important;text-align:left!important;text-transform:uppercase!important}.intro-brand-loading b{justify-self:end;color:#119da2!important;font-size:13px!important;font-weight:950!important;text-align:right!important}
@keyframes introBrandBreath{to{transform:scale(1.04) translate3d(1.5%,-1.2%,0);filter:saturate(1.08)}}@keyframes introBrandMesh{to{transform:translate3d(2.4%,-1.2%,0);opacity:.9}}@keyframes introBrandDrift{to{transform:translate3d(26px,18px,0) scale(1.08)}}@keyframes introBrandShellIn{from{opacity:0;transform:translateY(24px) scale(.965)}to{opacity:1;transform:none}}@keyframes introBrandGlassSweep{to{transform:translateX(72%)}}@keyframes introBrandLogoFloat{50%{transform:translateY(-7px);box-shadow:0 26px 55px rgba(26,111,122,.20),inset 0 0 0 1px rgba(255,255,255,.92)}}@keyframes introBrandWordIn{from{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:drop-shadow(0 18px 26px rgba(26,107,118,.12))}}@keyframes introBrandTextShine{0%,45%{transform:skewX(-16deg) translateX(-160%)}82%,100%{transform:skewX(-16deg) translateX(330%)}}@keyframes introBrandOrbit{to{rotate:360deg}}@keyframes introBrandPulse{50%{opacity:.46;scale:.97}}@keyframes introBrandLightRun{0%{transform:rotate(0deg) translateX(var(--rx)) translateY(calc(var(--ry) * .18)) scale(.72);opacity:.12}14%{opacity:1}50%{transform:rotate(180deg) translateX(var(--rx)) translateY(calc(var(--ry) * -.18)) scale(1)}86%{opacity:1}100%{transform:rotate(360deg) translateX(var(--rx)) translateY(calc(var(--ry) * .18)) scale(.72);opacity:.12}}@keyframes introBrandSweepSpin{to{transform:rotate(360deg)}}@keyframes introBrandFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:820px){.intro-style-brand{padding:16px}.intro-brand-shell{width:min(540px,calc(100vw - 28px));min-height:420px;padding:38px 22px;border-radius:32px}.intro-brand-shell::after{inset:12px;border-radius:24px}.intro-brand-logo{width:78px;height:78px;margin-bottom:22px;border-radius:25px}.intro-brand-logo img{max-width:62px;max-height:62px}.intro-brand-stage{min-height:150px}.intro-brand-word{font-size:clamp(44px,15vw,74px)!important;letter-spacing:-.075em!important}.intro-brand-halo.halo-a{width:min(430px,88vw);height:118px}.intro-brand-halo.halo-b{width:min(390px,82vw);height:92px}.intro-brand-halo.halo-c{width:min(340px,76vw);height:70px}.intro-brand-light.light-a,.intro-brand-light.light-f{--rx:min(210px,43vw);--ry:58px}.intro-brand-light.light-b{--rx:min(190px,39vw);--ry:48px}.intro-brand-light.light-c{--rx:min(198px,41vw);--ry:52px}.intro-brand-light.light-d{--rx:min(170px,35vw);--ry:42px}.intro-brand-light.light-e{--rx:min(150px,32vw);--ry:36px}.intro-brand-subtitle{font-size:13px!important;margin-bottom:22px!important}.intro-brand-loading{width:100%}}
@media(max-width:430px){.intro-brand-shell{min-height:390px;padding:34px 17px;border-radius:28px}.intro-brand-word{font-size:clamp(37px,14vw,57px)!important}.intro-brand-subtitle{font-size:12px!important}.intro-brand-loading span{font-size:8.5px!important}.intro-brand-loading b{font-size:11px!important}.intro-brand-light{width:10px;height:10px;margin:-5px 0 0 -5px}}
@media(prefers-reduced-motion:reduce){.intro-style-brand::before,.intro-style-brand::after,.intro-brand-mesh,.intro-brand-aurora,.intro-brand-shell,.intro-brand-shell::before,.intro-brand-logo,.intro-brand-word,.intro-brand-word::after,.intro-brand-halo,.intro-brand-light,.intro-brand-sweep,.intro-brand-subtitle,.intro-brand-loading .intro-progress i::after{animation:none!important}.intro-brand-light{opacity:.8!important}}


/* Biyodijital premium brand intro - logo card with orbiting lights */
.intro-style-brand{
  --brand-cyan:#24c4c9;
  --brand-green:#8acb22;
  --brand-gold:#f4b21f;
  --brand-orange:#f47b22;
  --brand-pink:#cf4fa6;
  --brand-violet:#8162ee;
  background:#f2eee3!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.intro-style-brand::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.96) 0 18%,rgba(255,250,238,.78) 41%,rgba(237,232,216,.86) 100%),
    radial-gradient(circle at 18% 20%,rgba(36,196,201,.16),transparent 28%),
    radial-gradient(circle at 80% 78%,rgba(207,79,166,.12),transparent 31%)!important;
}
.intro-style-brand::after{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-3;
  background:
    linear-gradient(115deg,transparent 0 43%,rgba(255,255,255,.50) 49%,transparent 56%),
    radial-gradient(circle at 50% 55%,rgba(255,255,255,.58),transparent 32%);
  opacity:.72;
  animation:introPremiumBackdrop 5.8s ease-in-out infinite alternate;
  pointer-events:none;
}
.intro-style-brand .intro-brand-backdrop{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(23,64,82,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,64,82,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at 50% 46%,#000 0 35%,transparent 72%);
  opacity:.55;
}
.intro-style-brand .intro-brand-orb{
  position:absolute;
  z-index:-1;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(18px);
  opacity:.34;
  mix-blend-mode:multiply;
  pointer-events:none;
}
.intro-style-brand .intro-brand-orb.orb-a{left:12%;top:10%;background:rgba(36,196,201,.28);animation:introPremiumFloat 6s ease-in-out infinite alternate}
.intro-style-brand .intro-brand-orb.orb-b{right:14%;bottom:10%;background:rgba(244,178,31,.24);animation:introPremiumFloat 6.8s ease-in-out -.9s infinite alternate-reverse}
.intro-style-brand .intro-brand-orb.orb-c{right:27%;top:14%;background:rgba(207,79,166,.18);animation:introPremiumFloat 7.2s ease-in-out -1.4s infinite alternate}
.intro-style-brand .intro-brand-shell{
  position:relative!important;
  width:min(610px,calc(100vw - 34px))!important;
  min-height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  animation:introPremiumShellIn .95s cubic-bezier(.18,.82,.2,1) both!important;
}
.intro-style-brand .intro-brand-shell::before,
.intro-style-brand .intro-brand-shell::after{display:none!important}
.intro-style-brand .intro-brand-card{
  position:relative;
  width:min(520px,86vw);
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  border-radius:54px;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.74),rgba(255,248,226,.38) 36%,rgba(239,229,205,.72) 100%),
    linear-gradient(145deg,#f8f1df,#ebe2cd);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    0 44px 105px rgba(67,58,34,.20),
    0 12px 30px rgba(36,196,201,.08),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -36px 70px rgba(96,77,42,.05);
  overflow:hidden;
  transform-style:preserve-3d;
}
.intro-style-brand .intro-brand-card::before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:42px;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:inset 0 0 55px rgba(255,255,255,.36);
  pointer-events:none;
}
.intro-style-brand .intro-brand-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(112deg,transparent 0 32%,rgba(255,255,255,.56) 45%,transparent 59%);
  transform:translateX(-110%) skewX(-12deg);
  animation:introPremiumCardSweep 2.8s cubic-bezier(.22,.7,.16,1) .4s infinite;
  pointer-events:none;
}
.intro-style-brand .intro-card-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  pointer-events:none;
}
.intro-style-brand .intro-card-glow.glow-a{
  width:330px;height:330px;left:50%;top:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.70),rgba(255,255,255,.26) 34%,transparent 70%);
}
.intro-style-brand .intro-card-glow.glow-b{
  width:430px;height:430px;left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 0 28px rgba(244,178,31,.22),0 0 58px rgba(36,196,201,.12);
  opacity:.7;
}
.intro-style-brand .intro-card-arc{
  position:absolute;
  left:50%;top:50%;
  width:285px;height:285px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  filter:drop-shadow(0 0 12px rgba(255,242,179,.55));
  animation:introPremiumArcSpin 5.5s linear infinite;
}
.intro-style-brand .intro-card-arc.arc-a{
  border-top:5px solid rgba(255,251,213,.95);
  border-right:5px solid transparent;
  border-bottom:5px solid rgba(255,251,213,.28);
  border-left:5px solid transparent;
}
.intro-style-brand .intro-card-arc.arc-b{
  width:340px;height:340px;
  border-top:3px solid transparent;
  border-right:3px solid rgba(36,196,201,.55);
  border-bottom:3px solid transparent;
  border-left:3px solid rgba(244,178,31,.55);
  animation-duration:7.2s;
  animation-direction:reverse;
  transform:translate(-50%,-50%) rotate(-18deg);
}
.intro-style-brand .intro-card-arc.arc-c{
  width:250px;height:250px;
  border-top:4px solid transparent;
  border-right:4px solid rgba(207,79,166,.50);
  border-bottom:4px solid rgba(255,255,255,.82);
  border-left:4px solid transparent;
  animation-duration:4.7s;
  transform:translate(-50%,-50%) rotate(32deg);
}
.intro-style-brand .intro-card-arc.arc-d{
  width:395px;height:395px;
  border-top:1px solid rgba(255,255,255,.42);
  border-bottom:1px solid rgba(255,255,255,.34);
  border-left:1px solid transparent;
  border-right:1px solid transparent;
  animation-duration:12s;
  opacity:.85;
}
.intro-style-brand .intro-orbit-light{
  position:absolute;
  z-index:5;
  left:50%;top:50%;
  width:14px;height:14px;
  margin:-7px 0 0 -7px;
  border-radius:50%;
  background:#fff;
  color:var(--brand-cyan);
  box-shadow:0 0 0 5px rgba(255,255,255,.46),0 0 16px currentColor,0 0 34px currentColor;
  transform:rotate(var(--start,0deg)) translateX(var(--rx,198px)) rotate(calc(-1 * var(--start,0deg)));
  animation:introPremiumLightOrbit var(--speed,5.6s) linear infinite,introPremiumLightPulse 2.4s ease-in-out infinite;
  pointer-events:none;
}
.intro-style-brand .intro-orbit-light.light-a{--start:0deg;--rx:203px;--speed:5.8s;color:var(--brand-cyan)}
.intro-style-brand .intro-orbit-light.light-b{--start:64deg;--rx:185px;--speed:6.3s;color:var(--brand-green);width:11px;height:11px;margin:-5.5px 0 0 -5.5px}
.intro-style-brand .intro-orbit-light.light-c{--start:128deg;--rx:213px;--speed:6.9s;color:var(--brand-gold);width:13px;height:13px;margin:-6.5px 0 0 -6.5px}
.intro-style-brand .intro-orbit-light.light-d{--start:196deg;--rx:172px;--speed:5.2s;color:var(--brand-orange);width:10px;height:10px;margin:-5px 0 0 -5px}
.intro-style-brand .intro-orbit-light.light-e{--start:252deg;--rx:196px;--speed:7.4s;color:var(--brand-pink);width:12px;height:12px;margin:-6px 0 0 -6px}
.intro-style-brand .intro-orbit-light.light-f{--start:314deg;--rx:153px;--speed:6.6s;color:var(--brand-violet);width:9px;height:9px;margin:-4.5px 0 0 -4.5px}
.intro-style-brand .intro-brand-logo{
  position:relative!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  width:190px!important;
  height:190px!important;
  margin:0!important;
  border-radius:44px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:
    0 24px 55px rgba(66,58,34,.16),
    0 0 0 1px rgba(255,255,255,.82),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  animation:introPremiumLogoFloat 3.6s ease-in-out infinite!important;
}
.intro-style-brand .intro-brand-logo::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:inherit;
  background:conic-gradient(from 90deg,var(--brand-cyan),var(--brand-green),var(--brand-gold),var(--brand-orange),var(--brand-pink),var(--brand-violet),var(--brand-cyan));
  filter:blur(18px);
  opacity:.28;
  z-index:-1;
  animation:introPremiumArcSpin 6s linear infinite;
}
.intro-style-brand .intro-brand-logo img{
  display:block!important;
  width:150px!important;
  height:150px!important;
  max-width:150px!important;
  max-height:150px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 24px rgba(27,78,86,.20))!important;
}
.intro-style-brand .intro-brand-name{
  position:relative;
  margin:28px 0 6px!important;
  color:#55514a!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.48em!important;
  text-indent:.48em;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(255,255,255,.84);
  animation:introPremiumTextIn .88s cubic-bezier(.18,.82,.2,1) .22s both;
}
.intro-style-brand .intro-brand-name::before,
.intro-style-brand .intro-brand-name::after{
  content:"";
  position:absolute;
  left:50%;top:-18px;
  width:86px;height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--brand-gold),var(--brand-cyan),transparent);
  opacity:.76;
}
.intro-style-brand .intro-brand-name::after{
  top:auto;bottom:-17px;width:132px;background:linear-gradient(90deg,transparent,var(--brand-cyan),var(--brand-pink),transparent);opacity:.42;
}
.intro-style-brand .intro-brand-subtitle{
  margin:15px 0 0!important;
  color:#776f66!important;
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:.08em!important;
  font-weight:760!important;
  text-transform:uppercase!important;
  opacity:.78;
  animation:introPremiumTextIn .88s cubic-bezier(.18,.82,.2,1) .34s both;
}
.intro-style-brand .intro-brand-loading{
  width:min(260px,80vw)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 10px!important;
  align-items:center!important;
  margin:18px 0 0!important;
  opacity:.72;
}
.intro-style-brand .intro-brand-loading .intro-progress{
  grid-column:1/-1!important;
  width:100%!important;
  height:3px!important;
  margin:0!important;
  background:rgba(88,78,58,.13)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.intro-style-brand .intro-brand-loading .intro-progress i{
  display:block!important;
  height:100%!important;
  width:0;
  background:linear-gradient(90deg,var(--brand-cyan),var(--brand-green),var(--brand-gold),var(--brand-orange),var(--brand-pink))!important;
  border-radius:inherit!important;
  box-shadow:0 0 14px rgba(36,196,201,.25)!important;
}
.intro-style-brand .intro-brand-loading span,
.intro-style-brand .intro-brand-loading b{
  color:#6e675d!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.intro-style-brand .intro-brand-loading b{justify-self:end!important;color:#12a0a4!important}
@keyframes introPremiumBackdrop{to{transform:translate3d(1.8%,1.2%,0) scale(1.04);opacity:.92}}
@keyframes introPremiumFloat{to{transform:translate3d(20px,-18px,0) scale(1.06)}}
@keyframes introPremiumShellIn{0%{opacity:0;transform:translate3d(0,24px,0) scale(.96) rotateX(4deg);filter:blur(12px)}100%{opacity:1;transform:none;filter:none}}
@keyframes introPremiumCardSweep{0%{transform:translateX(-120%) skewX(-12deg)}42%,100%{transform:translateX(130%) skewX(-12deg)}}
@keyframes introPremiumArcSpin{from{rotate:0deg}to{rotate:360deg}}
@keyframes introPremiumLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}
@keyframes introPremiumTextIn{from{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes introPremiumPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(24,199,189,.18)}50%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(24,199,189,0)}}

@keyframes introPremiumLightOrbit{
  from{transform:rotate(var(--start,0deg)) translateX(var(--rx,198px)) rotate(calc(-1 * var(--start,0deg)))}
  to{transform:rotate(calc(var(--start,0deg) + 360deg)) translateX(var(--rx,198px)) rotate(calc(-1 * (var(--start,0deg) + 360deg)))}
}
@keyframes introPremiumLightPulse{50%{opacity:.58;filter:blur(.2px);box-shadow:0 0 0 3px rgba(255,255,255,.40),0 0 13px currentColor,0 0 26px currentColor}}
@media(max-width:640px){
  .intro-style-brand .intro-brand-card{width:min(390px,88vw);border-radius:40px}
  .intro-style-brand .intro-brand-card::before{inset:20px;border-radius:30px}
  .intro-style-brand .intro-card-arc.arc-a{width:218px;height:218px}
  .intro-style-brand .intro-card-arc.arc-b{width:270px;height:270px}
  .intro-style-brand .intro-card-arc.arc-c{width:190px;height:190px}
  .intro-style-brand .intro-card-arc.arc-d{width:318px;height:318px}
  .intro-style-brand .intro-brand-logo{width:140px!important;height:140px!important;border-radius:34px!important}
  .intro-style-brand .intro-brand-logo img{width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important}
  .intro-style-brand .intro-orbit-light.light-a{--rx:150px}.intro-style-brand .intro-orbit-light.light-b{--rx:134px}.intro-style-brand .intro-orbit-light.light-c{--rx:158px}.intro-style-brand .intro-orbit-light.light-d{--rx:124px}.intro-style-brand .intro-orbit-light.light-e{--rx:143px}.intro-style-brand .intro-orbit-light.light-f{--rx:112px}
  .intro-style-brand .intro-brand-name{font-size:12px!important;letter-spacing:.34em!important;text-indent:.34em;margin-top:22px!important}
  .intro-style-brand .intro-brand-subtitle{font-size:10px!important;max-width:300px}
}
@media(prefers-reduced-motion:reduce){
  .intro-style-brand::after,.intro-style-brand .intro-brand-orb,.intro-style-brand .intro-brand-shell,.intro-style-brand .intro-brand-card::after,.intro-style-brand .intro-card-arc,.intro-style-brand .intro-orbit-light,.intro-style-brand .intro-brand-logo,.intro-style-brand .intro-brand-logo::before,.intro-style-brand .intro-brand-name,.intro-style-brand .intro-brand-subtitle{animation:none!important}
}


/* Ana sayfa sınıf kartı: görsel alanında sınıf yazısı kaldırıldı, kart boşluğu sıkılaştırıldı. */
.classes-preview .class-card{
  min-height:0!important;
  height:auto!important;
}
.classes-preview .class-art{
  height:145px!important;
  min-height:145px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.classes-preview .class-art.has-cover{
  background:#eefaf6!important;
}
.classes-preview .class-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.classes-preview .class-art strong,
.classes-preview .class-art small{
  display:none!important;
}
.classes-preview .class-art .orb{
  right:-48px!important;
  top:-72px!important;
  opacity:.72!important;
}
.classes-preview .class-art-placeholder{
  width:118px;
  height:72px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.18));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 22px 55px rgba(29,188,189,.08);
  position:relative;
}
.classes-preview .class-art-placeholder::before,
.classes-preview .class-art-placeholder::after{
  content:"";
  position:absolute;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--lime),var(--orange));
  opacity:.52;
}
.classes-preview .class-art-placeholder::before{width:74px;height:8px;left:21px;top:23px}
.classes-preview .class-art-placeholder::after{width:48px;height:8px;left:34px;top:42px}
.classes-preview .class-body{
  padding:22px 28px 24px!important;
  flex:0 0 auto!important;
}
.classes-preview .class-body h3,
.classes-preview .class-body h2{margin-bottom:9px!important}
.classes-preview .class-body p{
  margin-bottom:13px!important;
  min-height:0!important;
}
.classes-preview .class-body p:empty{display:none!important}
.classes-preview .class-button{
  margin-top:8px!important;
  justify-content:flex-start!important;
  gap:14px!important;
}
.classes-preview .class-button i{width:32px!important;height:32px!important}
@media(max-width:700px){
  .classes-preview .class-art{height:128px!important;min-height:128px!important}
  .classes-preview .class-body{padding:20px 22px 22px!important}
}

/* =========================================================
   Konu/kazanım detayında panelden eklenen kaynakları
   düzenli modül kartları halinde gösterir.
   ========================================================= */
.topic-module-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(32,204,196,.16),transparent 30%),
    radial-gradient(circle at 90% 18%,rgba(160,116,255,.13),transparent 27%),
    linear-gradient(135deg,#f8fff9 0%,#f7fbff 52%,#fff8ee 100%);
}
.topic-module-hero{padding:38px 0 24px}
.topic-module-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:34px;
  align-items:center;
  padding:36px 42px;
  border-radius:32px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 28px 80px rgba(35,48,84,.11);
  backdrop-filter:blur(18px);
}
.topic-module-copy .breadcrumbs{margin-bottom:18px}
.topic-module-label{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 17px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid #e9eef7;
  color:#67768b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
  box-shadow:0 12px 30px rgba(22,45,75,.06);
}
.topic-module-hero-card h1{
  margin:16px 0 10px;
  font-size:clamp(42px,5vw,64px);
  letter-spacing:-.045em;
}
.topic-module-hero-card p{max-width:690px;margin:0;font-size:16px;color:#62728a}
.topic-module-visual{
  margin:0;
  height:160px;
  border-radius:24px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 35% 38%,rgba(42,207,204,.22),transparent 38%),
    linear-gradient(145deg,#f7ffff,#f5efff 62%,#fff4dd);
  border:1px solid rgba(210,226,235,.82);
  box-shadow:0 22px 55px rgba(35,48,84,.10);
}
.topic-module-visual img{width:100%;height:100%;object-fit:cover}
.topic-module-visual span{width:94px;height:94px;display:grid;place-items:center;border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 18px 45px rgba(29,188,189,.12)}
.topic-module-visual svg{width:48px;height:48px;fill:#24bdc1}
.topic-resource-modules{padding:22px 0 96px}
.topic-module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:18px;
  align-items:stretch;
}
.topic-resource-module{
  position:relative;
  min-height:248px;
  padding:24px 22px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.94);
  box-shadow:0 22px 60px rgba(35,48,84,.09);
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.topic-resource-module:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#23c6c8,#8fd340,#ff9b1e,#df5aa6,#8b62f0);
}
.topic-resource-module:after{
  content:"";
  position:absolute;
  right:-68px;
  top:-70px;
  width:154px;
  height:154px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(36,207,201,.10),rgba(255,158,28,.12));
  border:1px solid rgba(170,205,232,.28);
}
.topic-resource-module:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(35,48,84,.14);border-color:rgba(158,230,224,.9)}
.module-icon{
  position:relative;
  z-index:1;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:28px;
  border-radius:15px;
  background:linear-gradient(145deg,#f1eaff,#fff);
  color:#8a62ef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 25px rgba(104,76,196,.08);
}
.module-icon svg{width:24px;height:24px;fill:currentColor}
.topic-resource-module h2{
  position:relative;
  z-index:1;
  margin:0 0 10px;
  color:#123846;
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.035em;
}
.topic-resource-module p{
  position:relative;
  z-index:1;
  margin:0;
  color:#607588;
  font-size:13px;
  line-height:1.65;
  font-weight:650;
}
.topic-resource-module .module-count{color:#19a88c;font-weight:900;margin-bottom:13px}
.module-waiting{
  position:absolute;
  left:22px;
  bottom:22px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#16aa93;
  font-size:12px;
  font-weight:950;
}
.module-waiting i{font-style:normal;transition:.2s}
.topic-resource-module:hover .module-waiting i{transform:translateX(4px)}
.module-item-list{
  position:relative;
  z-index:2;
  display:grid;
  gap:9px;
  margin-top:12px;
}
.module-content-item{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  gap:4px 9px;
  align-items:center;
  padding:10px 11px;
  border-radius:14px;
  background:rgba(255,255,255,.78);
  border:1px solid #edf4f2;
  box-shadow:0 10px 24px rgba(35,48,84,.05);
  transition:.2s ease;
}
.module-content-item:hover{transform:translateX(3px);background:#fff;border-color:#bceee5}
.module-content-item span{
  min-width:0;
  color:#123846;
  font-size:12px;
  font-weight:950;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.module-content-item small{
  grid-column:1/2;
  color:#7d8da0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.02em;
}
.module-content-item i{
  grid-column:2;
  grid-row:1/3;
  justify-self:end;
  color:#18b89a;
  font-style:normal;
  font-weight:950;
}
.topic-empty-note{
  margin-top:18px;
  padding:18px 22px;
  border:1px dashed #bedbd8;
  border-radius:18px;
  background:rgba(255,255,255,.68);
  color:#6a7d90;
  text-align:center;
  font-weight:800;
}
.module-slide .module-icon{color:#7c62f0;background:linear-gradient(145deg,#efeaff,#fff)}
.module-test .module-icon{color:#f39a22;background:linear-gradient(145deg,#fff2dc,#fff)}
.module-wordwall .module-icon{color:#19b7a8;background:linear-gradient(145deg,#e8fffa,#fff)}
.module-canva .module-icon{color:#d953a2;background:linear-gradient(145deg,#fff0f8,#fff)}
.module-video .module-icon{color:#2fbfbd;background:linear-gradient(145deg,#e9fffe,#fff)}
.module-link .module-icon{color:#8b62f0;background:linear-gradient(145deg,#f3edff,#fff)}
.module-text .module-icon{color:#65af18;background:linear-gradient(145deg,#f3ffe4,#fff)}
html[data-theme="dark"] .topic-module-page{background:radial-gradient(circle at 8% 12%,rgba(33,211,181,.14),transparent 30%),radial-gradient(circle at 88% 8%,rgba(151,113,255,.16),transparent 28%),linear-gradient(135deg,#071120,#10172b 55%,#071d22)}
html[data-theme="dark"] .topic-module-hero-card,html[data-theme="dark"] .topic-resource-module,html[data-theme="dark"] .topic-empty-note{background:rgba(15,26,44,.88);border-color:rgba(85,107,139,.45);box-shadow:0 24px 70px rgba(0,0,0,.32)}
html[data-theme="dark"] .topic-module-hero-card h1,html[data-theme="dark"] .topic-resource-module h2,html[data-theme="dark"] .module-content-item span{color:#f7fbff}
html[data-theme="dark"] .topic-module-hero-card p,html[data-theme="dark"] .topic-resource-module p{color:#b6c5d7}
html[data-theme="dark"] .topic-module-label,html[data-theme="dark"] .module-content-item{background:#14243b;border-color:#28415f;color:#f7fbff}
@media(max-width:1180px){.topic-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-module-hero-card{grid-template-columns:1fr 260px}}
@media(max-width:860px){.topic-module-hero-card{grid-template-columns:1fr;padding:28px;border-radius:28px}.topic-module-visual{height:185px}.topic-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.topic-module-hero{padding-top:24px}.topic-module-hero-card h1{font-size:38px}.topic-module-grid{grid-template-columns:1fr}.topic-resource-module{min-height:220px}.topic-resource-modules{padding-bottom:70px}}
.module-activity_pptx .module-icon{color:#24bdbf;background:linear-gradient(145deg,#eafffb,#fff)}
.module-activity_pdf .module-icon{color:#24bdbf;background:linear-gradient(145deg,#eafffb,#fff)}
.module-infographic .module-icon{color:#d653a0;background:linear-gradient(145deg,#fff0f8,#fff)}

/* Admin topic package uploader */
.topic-package-panel{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,rgba(237,255,251,.96),rgba(255,250,238,.96) 58%,rgba(250,241,255,.96));border:1px solid rgba(74,211,199,.28);box-shadow:0 24px 70px rgba(18,56,70,.08)}
.topic-package-panel:before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(36,189,191,.18),transparent 68%);pointer-events:none}
.topic-package-head{position:relative;z-index:1;align-items:flex-start}.topic-package-head h2{font-size:30px;letter-spacing:-.04em;margin:4px 0 8px}.topic-package-head p{max-width:880px}.topic-package-layout{position:relative;z-index:1;display:grid;gap:18px}.topic-package-step{position:relative;padding:24px;border:1px solid rgba(191,229,226,.9);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 12px 34px rgba(24,56,78,.045);backdrop-filter:blur(12px)}
.topic-step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2cc8c9,#a8d629 54%,#ff9c1a);color:#fff;font-weight:950;font-size:12px;box-shadow:0 14px 28px rgba(44,200,201,.2);margin-bottom:14px}.topic-step-copy h3{margin:0 0 6px;color:#123846;font-size:19px}.topic-step-copy p{margin:0 0 18px;color:#66778a;font-size:13px;font-weight:700}.topic-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic-select-grid.small{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-select-grid label,.topic-upload-card{display:flex;flex-direction:column;gap:8px;color:#123846;font-size:12px;font-weight:900}.topic-select-grid select,.topic-select-grid input,.topic-upload-card input,.topic-upload-card textarea{width:100%;border:1px solid #dce9ee;border-radius:15px;background:#fff;padding:12px 13px;color:#123846;font-weight:800;outline:none}.topic-select-grid small,.topic-upload-card small{display:block;color:#78889a;font-size:11px;line-height:1.45;font-weight:700}.topic-resource-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-upload-card{position:relative;min-height:172px;padding:18px;border-radius:22px;border:1px solid #dcefee;background:linear-gradient(145deg,#fff,#f3fffc);transition:.22s ease;overflow:hidden}.topic-upload-card:after{content:"";position:absolute;right:-44px;top:-54px;width:140px;height:140px;border-radius:50%;border:1px solid rgba(101,188,200,.18);box-shadow:0 0 0 28px rgba(80,209,195,.05)}.topic-upload-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(29,65,86,.08);border-color:#aeece4}.topic-upload-card span{position:relative;z-index:1;align-self:flex-start;padding:6px 9px;border-radius:999px;background:#eefcff;color:#079a96;font-size:10px;font-weight:950;letter-spacing:.08em}.topic-upload-card b{position:relative;z-index:1;font-size:17px;line-height:1.2}.topic-upload-card input,.topic-upload-card textarea{position:relative;z-index:1;margin-top:auto}.topic-upload-card textarea{min-height:78px;resize:vertical}.topic-upload-card.wide{grid-column:span 2}.topic-upload-card.pdf span{background:#f3ecff;color:#805bf1}.topic-upload-card.pptx span{background:#f0ecff;color:#705cf0}.topic-upload-card.activity span{background:#eafffb;color:#13a8a0}.topic-upload-card.canva span{background:#fff0f8;color:#d953a2}.topic-upload-card.test span{background:#fff3df;color:#f1921b}.topic-upload-card.graphic span{background:#fdf0ff;color:#b44ed6}.advanced-single-panel{margin-top:18px}.advanced-single-panel>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-radius:18px;background:#fff;border:1px dashed #bfd8dc;color:#123846;font-weight:950;box-shadow:0 10px 25px rgba(26,56,82,.04)}.advanced-single-panel[open]>summary{margin-bottom:14px}.advanced-single-panel>summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eafffb;color:#0ba69f}.advanced-single-panel[open]>summary:after{content:"–"}@media(max-width:1100px){.topic-select-grid,.topic-resource-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-select-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.topic-select-grid,.topic-select-grid.small,.topic-resource-upload-grid{grid-template-columns:1fr}.topic-upload-card.wide{grid-column:auto}.topic-package-head{gap:16px}.topic-package-head .admin-btn{width:100%}}

/* =========================================================
   BIOYODIJITAL - Lise Öğrencileri İçin Premium Soft 3D Arayüz
   Sadece ziyaretçi tarafı tasarım iyileştirmesi.
   Yönetim panelindeki işleyişe dokunmaz.
   ========================================================= */
:root{
  --student-ink:#0d2b3a;
  --student-text:#5f7384;
  --student-muted:#8aa0ae;
  --student-bg:#f7fbfb;
  --student-card:rgba(255,255,255,.82);
  --student-card-strong:rgba(255,255,255,.94);
  --student-line:rgba(137,210,210,.34);
  --student-teal:#26c7c9;
  --student-teal-2:#12aeb0;
  --student-lime:#b8d934;
  --student-orange:#ffad32;
  --student-purple:#8f76ff;
  --student-pink:#d95aa2;
  --student-shadow:0 24px 70px rgba(28,71,92,.12);
  --student-shadow-3d:0 30px 90px rgba(24,65,84,.16), inset 0 1px 0 rgba(255,255,255,.96);
  --student-radius:32px;
}
body:not(.admin-body){
  background:
    radial-gradient(circle at 8% 12%, rgba(38,199,201,.22), transparent 31%),
    radial-gradient(circle at 84% 10%, rgba(143,118,255,.14), transparent 29%),
    radial-gradient(circle at 72% 80%, rgba(255,173,50,.11), transparent 28%),
    linear-gradient(135deg,#f7fbfb 0%,#fffdf3 46%,#fbf7ff 100%);
  color:var(--student-ink);
}
body:not(.admin-body)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(36,191,194,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36,191,194,.035) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,.08) 70%,transparent);
}
body:not(.admin-body) .page-main{
  background:transparent!important;
}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3{
  color:var(--student-ink);
  letter-spacing:-.055em;
}
body:not(.admin-body) p{color:var(--student-text)}

/* Üst menü daha cam, daha premium */
body:not(.admin-body) .site-header{
  height:86px;
  background:rgba(255,255,255,.76);
  border-bottom:1px solid rgba(209,234,235,.70);
  box-shadow:0 14px 45px rgba(31,72,93,.075);
  backdrop-filter:blur(22px) saturate(1.15);
}
body:not(.admin-body) .inner-page .site-header,
body:not(.admin-body) .site-header.scrolled{
  background:rgba(255,255,255,.84);
  border-bottom-color:rgba(198,229,231,.78);
  box-shadow:0 18px 55px rgba(31,72,93,.10);
}
body:not(.admin-body) .brand-logo{filter:drop-shadow(0 12px 22px rgba(28,83,98,.16))}
body:not(.admin-body) .desktop-nav{
  gap:8px;
  padding:8px;
  border-radius:999px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(218,239,239,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 32px rgba(34,75,95,.055);
}
body:not(.admin-body) .desktop-nav>a,
body:not(.admin-body) .nav-dropdown-toggle{
  border-radius:999px!important;
  padding:12px 15px!important;
  color:#163c4d!important;
  font-weight:900!important;
  transition:transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
}
body:not(.admin-body) .desktop-nav>a:after{display:none!important}
body:not(.admin-body) .desktop-nav>a:hover,
body:not(.admin-body) .desktop-nav>a.active,
body:not(.admin-body) .nav-dropdown.active .nav-dropdown-toggle,
body:not(.admin-body) .nav-dropdown-toggle:hover{
  color:#089da5!important;
  background:linear-gradient(145deg,rgba(238,255,253,.95),rgba(255,255,255,.92));
  box-shadow:0 10px 24px rgba(27,126,139,.10),inset 0 1px 0 #fff;
  transform:translateY(-1px);
}
body:not(.admin-body) .nav-dropdown-menu{
  border-radius:26px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(202,235,235,.78)!important;
  box-shadow:0 28px 80px rgba(23,58,82,.15)!important;
  backdrop-filter:blur(20px)!important;
}
body:not(.admin-body) .theme-toggle,
body:not(.admin-body) .header-cta,
body:not(.admin-body) .club-btn,
body:not(.admin-body) .header-login-link,
body:not(.admin-body) .btn{
  border-radius:18px!important;
  box-shadow:0 16px 34px rgba(27,74,95,.12), inset 0 1px 0 rgba(255,255,255,.78)!important;
}
body:not(.admin-body) .btn-primary,
body:not(.admin-body) .header-cta,
body:not(.admin-body) .club-btn.student{
  color:#fff!important;
  background:linear-gradient(135deg,var(--student-teal),var(--student-lime) 54%,var(--student-orange))!important;
  border:1px solid rgba(255,255,255,.55)!important;
}
body:not(.admin-body) .btn:hover,
body:not(.admin-body) .theme-toggle:hover,
body:not(.admin-body) .club-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 48px rgba(27,74,95,.18), inset 0 1px 0 #fff!important;
}

/* Ortak bölüm başlıkları */
body:not(.admin-body) .section-heading.centered,
body:not(.admin-body) .section-heading{
  position:relative;
}
body:not(.admin-body) .eyebrow,
body:not(.admin-body) .soft-pill,
body:not(.admin-body) .topic-module-label,
body:not(.admin-body) .grade-pill{
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(193,232,232,.78)!important;
  color:#0aa0a6!important;
  box-shadow:0 12px 28px rgba(35,90,105,.075),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(12px);
}
body:not(.admin-body) .eyebrow i,
body:not(.admin-body) .section-heading .eyebrow i{
  background:linear-gradient(90deg,var(--student-teal),var(--student-lime),var(--student-orange))!important;
}

/* Ana sayfa: hero ve sınıf kartları */
body:not(.admin-body) .platform-section,
body:not(.admin-body) .features-section,
body:not(.admin-body) .classes-preview,
body:not(.admin-body) .resources-preview{
  background:transparent!important;
}
body:not(.admin-body) .platform-grid{
  gap:70px;
}
body:not(.admin-body) .section-copy h2{
  max-width:680px;
  font-size:clamp(42px,5.2vw,72px);
  line-height:1.02;
}
body:not(.admin-body) .section-copy h2 em,
body:not(.admin-body) h1 em{
  background:linear-gradient(110deg,#0fb4b7,#9acb1e 46%,#f59d22 75%,#b65bb5);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
body:not(.admin-body) .visual-shell,
body:not(.admin-body) .bio-map-hero-card,
body:not(.admin-body) .grade-hero-card,
body:not(.admin-body) .topic-module-hero-card,
body:not(.admin-body) .unit-detail-hero,
body:not(.admin-body) .member-library-page .page-hero-grid{
  position:relative;
  border-radius:38px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.9),rgba(38,199,201,.22),rgba(143,118,255,.18)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:var(--student-shadow-3d)!important;
  backdrop-filter:blur(18px) saturate(1.12);
  overflow:hidden;
}
body:not(.admin-body) .visual-shell::after,
body:not(.admin-body) .bio-map-hero-card::after,
body:not(.admin-body) .grade-hero-card::after,
body:not(.admin-body) .topic-module-hero-card::after{
  content:"";
  position:absolute;
  width:330px;height:330px;
  right:-135px;top:-160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(38,199,201,.17),rgba(143,118,255,.10) 52%,transparent 70%);
  border:1px solid rgba(255,255,255,.65);
  pointer-events:none;
}
body:not(.admin-body) .visual-shell img,
body:not(.admin-body) .grade-hero-image img,
body:not(.admin-body) .topic-module-visual img,
body:not(.admin-body) .bio-map-visual{
  filter:drop-shadow(0 30px 38px rgba(29,70,92,.16));
}
body:not(.admin-body) .classes-after-hero{
  padding-top:58px!important;
}
body:not(.admin-body) .classes-preview .section-heading.centered{
  max-width:860px;
}
body:not(.admin-body) .classes-preview .class-card,
body:not(.admin-body) .bio-class-map-card,
body:not(.admin-body) .feature-card,
body:not(.admin-body) .platform-feature-card{
  position:relative;
  background:
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.70)) padding-box,
    linear-gradient(135deg,rgba(38,199,201,.30),rgba(255,255,255,.92),rgba(143,118,255,.22)) border-box!important;
  border:1px solid transparent!important;
  border-radius:30px!important;
  box-shadow:0 24px 70px rgba(24,70,92,.105), inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(18px);
  overflow:hidden;
}
body:not(.admin-body) .classes-preview .class-card::before,
body:not(.admin-body) .bio-class-map-card::before,
body:not(.admin-body) .feature-card::before,
body:not(.admin-body) .platform-feature-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,rgba(38,199,201,.75),rgba(184,217,52,.75),rgba(255,173,50,.70));
  opacity:.74;
}
body:not(.admin-body) .classes-preview .class-card:hover,
body:not(.admin-body) .bio-class-map-card:hover,
body:not(.admin-body) .feature-card:hover,
body:not(.admin-body) .platform-feature-card:hover,
body:not(.admin-body) .resource-card:hover,
body:not(.admin-body) .topic-resource-module:hover{
  transform:translateY(-9px) scale(1.012)!important;
  box-shadow:0 36px 100px rgba(24,70,92,.18), inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .classes-preview .class-art,
body:not(.admin-body) .bio-class-map-art,
body:not(.admin-body) .resource-cover{
  border-radius:26px!important;
  margin:18px 18px 0!important;
  height:190px!important;
  background:
    radial-gradient(circle at 74% 18%,rgba(255,255,255,.82),transparent 28%),
    linear-gradient(145deg,#dbfbf7,#fff4dd 62%,#f5eaff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 15px 35px rgba(39,85,105,.08);
}
body:not(.admin-body) .classes-preview .class-art.has-cover,
body:not(.admin-body) .bio-class-map-art.has-cover,
body:not(.admin-body) .resource-cover.has-image{
  background:#fff!important;
}
body:not(.admin-body) .classes-preview .class-art img,
body:not(.admin-body) .bio-class-map-art img,
body:not(.admin-body) .resource-cover img{
  width:100%;height:100%;object-fit:cover;border-radius:inherit;
}
body:not(.admin-body) .bio-class-map-art span{
  display:grid;place-items:center;
  font-size:72px;
  width:100%;height:100%;
  transform:translateZ(0);
  filter:drop-shadow(0 20px 22px rgba(26,75,92,.15));
}
body:not(.admin-body) .bio-class-map-art em{
  top:16px!important;left:16px!important;
  background:rgba(255,255,255,.84)!important;
  color:#0ca3a7!important;
  border:1px solid rgba(204,238,238,.8);
  box-shadow:0 10px 24px rgba(28,83,98,.10);
}
body:not(.admin-body) .class-body,
body:not(.admin-body) .bio-class-map-body{
  padding:24px 25px 26px!important;
}
body:not(.admin-body) .class-body h3,
body:not(.admin-body) .bio-class-map-body h2{
  font-size:23px!important;
  margin-bottom:8px!important;
}
body:not(.admin-body) .class-button,
body:not(.admin-body) .bio-class-map-body strong,
body:not(.admin-body) .text-link{
  color:#079b9f!important;
}
body:not(.admin-body) .class-button i,
body:not(.admin-body) .grade-unit-row>b,
body:not(.admin-body) .learning-outcome-row i{
  background:linear-gradient(145deg,#fff,#ecfffb)!important;
  color:#079b9f!important;
  box-shadow:0 12px 25px rgba(18,116,130,.12),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .class-card:hover .class-button i,
body:not(.admin-body) .bio-class-map-card:hover strong i,
body:not(.admin-body) .grade-unit-row:hover>b,
body:not(.admin-body) .learning-outcome-row:hover i{
  background:linear-gradient(135deg,var(--student-teal),var(--student-lime))!important;
  color:#fff!important;
}

/* Konu haritası ve sınıf sayfası */
body:not(.admin-body) .biology-map-page,
body:not(.admin-body) .grade-dashboard-page,
body:not(.admin-body) .unit-detail-page,
body:not(.admin-body) .topic-module-page,
body:not(.admin-body) .member-library-page{
  background:transparent!important;
}
body:not(.admin-body) .bio-map-hero,
body:not(.admin-body) .grade-dashboard-section,
body:not(.admin-body) .topic-module-hero{
  padding-top:62px!important;
}
body:not(.admin-body) .bio-map-section,
body:not(.admin-body) .topic-resource-modules{
  padding-top:34px!important;
}
body:not(.admin-body) .bio-map-stats{
  border-radius:24px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(203,234,235,.76);
  box-shadow:0 16px 44px rgba(29,71,90,.08);
  backdrop-filter:blur(16px);
  padding:12px;
}
body:not(.admin-body) .bio-map-stats span{
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(241,255,252,.75));
  box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(31,82,98,.06);
}
body:not(.admin-body) .grade-dashboard-layout{
  gap:28px!important;
}
body:not(.admin-body) .grade-hero-card{
  padding:42px 46px!important;
}
body:not(.admin-body) .grade-hero-copy h1{
  font-size:clamp(46px,5vw,72px)!important;
  margin:20px 0 16px!important;
}
body:not(.admin-body) .grade-stat-row span{
  border-radius:20px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(217,238,239,.85)!important;
  box-shadow:0 16px 34px rgba(28,75,95,.09), inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .grade-hero-image{
  border-radius:30px!important;
  background:
    radial-gradient(circle at 72% 28%,rgba(255,255,255,.80),transparent 28%),
    linear-gradient(145deg,#dffdfa,#fff2d7 62%,#f1eaff)!important;
  box-shadow:inset 0 1px 0 #fff,0 22px 55px rgba(28,75,95,.13)!important;
}
body:not(.admin-body) .grade-tab-bar{
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(206,236,237,.85)!important;
  box-shadow:0 18px 48px rgba(28,75,95,.09),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(16px);
}
body:not(.admin-body) .grade-tab-bar a,
body:not(.admin-body) .grade-tab-bar span{
  border-radius:16px!important;
}
body:not(.admin-body) .grade-tab-bar a.active{
  background:linear-gradient(145deg,#fff,#effffb)!important;
  color:#079b9f!important;
  box-shadow:0 12px 28px rgba(20,115,130,.10),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .grade-unit-row,
body:not(.admin-body) .learning-outcome-row{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(207,236,237,.82)!important;
  border-radius:28px!important;
  box-shadow:0 20px 55px rgba(29,72,91,.09), inset 0 1px 0 #fff!important;
  backdrop-filter:blur(16px);
}
body:not(.admin-body) .grade-unit-row:hover,
body:not(.admin-body) .learning-outcome-row:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 30px 80px rgba(29,72,91,.15), inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .grade-unit-thumb,
body:not(.admin-body) .outcome-thumb{
  border-radius:20px!important;
  background:linear-gradient(145deg,#e2fffb,#fff1d8)!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(20,97,112,.10)!important;
}
body:not(.admin-body) .grade-unit-progress i{
  background:linear-gradient(90deg,var(--student-teal),var(--student-lime))!important;
}
body:not(.admin-body) .side-progress-card,
body:not(.admin-body) .quick-info-card,
body:not(.admin-body) .popular-mini-card{
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(18,45,68,.96),rgba(22,56,84,.91)) padding-box,
    linear-gradient(135deg,rgba(38,199,201,.45),rgba(143,118,255,.38)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 24px 70px rgba(23,54,81,.16)!important;
  overflow:hidden;
}
body:not(.admin-body) .quick-info-card{
  background:
    radial-gradient(circle at 80% 25%,rgba(38,199,201,.28),transparent 28%),
    linear-gradient(145deg,#142d5b,#2c1558)!important;
}
body:not(.admin-body) .side-progress-card h2,
body:not(.admin-body) .quick-info-card h2,
body:not(.admin-body) .quick-info-card p,
body:not(.admin-body) .quick-info-card span,
body:not(.admin-body) .side-progress-card strong{color:#fff!important}

/* Konu detayındaki kaynak kartları: daha soft, daha 3D */
body:not(.admin-body) .topic-module-hero-card{
  min-height:260px;
}
body:not(.admin-body) .topic-module-visual{
  border-radius:28px!important;
  background:
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.82),transparent 30%),
    linear-gradient(145deg,#e0fffb,#fff3dd 58%,#f3eaff)!important;
  box-shadow:inset 0 1px 0 #fff,0 22px 55px rgba(28,75,95,.12)!important;
}
body:not(.admin-body) .topic-module-grid{
  gap:20px!important;
}
body:not(.admin-body) .topic-resource-module{
  min-height:278px!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72)) padding-box,
    linear-gradient(135deg,rgba(38,199,201,.28),rgba(255,255,255,.92),rgba(143,118,255,.18)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 24px 70px rgba(24,70,92,.10),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(17px);
}
body:not(.admin-body) .topic-resource-module:before{
  height:0!important;
  background:none!important;
}
body:not(.admin-body) .topic-resource-module:after{
  right:-64px;top:-78px;
  background:radial-gradient(circle,rgba(38,199,201,.13),rgba(255,173,50,.08) 46%,transparent 70%)!important;
  border-color:rgba(255,255,255,.72)!important;
}
body:not(.admin-body) .module-icon{
  width:54px!important;height:54px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#effffb)!important;
  color:#7f62ee!important;
  box-shadow:0 16px 34px rgba(62,66,144,.10),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .topic-resource-module h2{
  font-size:23px!important;
  color:var(--student-ink)!important;
}
body:not(.admin-body) .module-count,
body:not(.admin-body) .module-waiting{
  color:#099da0!important;
}
body:not(.admin-body) .module-content-item{
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(210,236,237,.82)!important;
  box-shadow:0 14px 28px rgba(31,82,98,.08),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .module-content-item:hover{
  transform:translateX(4px) translateY(-1px)!important;
  border-color:rgba(38,199,201,.48)!important;
}

/* Kaynak kartları */
body:not(.admin-body) .resource-card{
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,255,255,.70)) padding-box,
    linear-gradient(135deg,rgba(38,199,201,.24),rgba(255,255,255,.95),rgba(143,118,255,.18)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 24px 70px rgba(24,70,92,.10),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(17px);
}
body:not(.admin-body) .resource-type,
body:not(.admin-body) .access,
body:not(.admin-body) .premium-lock-badge,
body:not(.admin-body) .outcome-badge{
  border-radius:999px!important;
  box-shadow:0 10px 22px rgba(26,80,95,.10), inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body:not(.admin-body) .resource-body h3{color:var(--student-ink)!important}

/* Rengarenk görünümü yumuşat */
body:not(.admin-body) .topic-resource-module:before,
body:not(.admin-body) .classes-preview .class-card::before,
body:not(.admin-body) .bio-class-map-card::before{
  background:linear-gradient(90deg,rgba(38,199,201,.68),rgba(184,217,52,.52),rgba(255,173,50,.44))!important;
}
body:not(.admin-body) .module-canva .module-icon,
body:not(.admin-body) .module-infographic .module-icon,
body:not(.admin-body) .module-test .module-icon,
body:not(.admin-body) .module-activity_pptx .module-icon,
body:not(.admin-body) .module-slide .module-icon{
  background:linear-gradient(145deg,#fff,#f0fffb)!important;
}

/* Mobilde kartlar bozulmasın */
@media(max-width:1180px){
  body:not(.admin-body) .topic-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  body:not(.admin-body) .desktop-nav{background:transparent;border:0;box-shadow:none;padding:0}
  body:not(.admin-body) .platform-grid{grid-template-columns:1fr!important;gap:34px!important}
  body:not(.admin-body) .feature-grid,
  body:not(.admin-body) .class-grid,
  body:not(.admin-body) .bio-class-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.admin-body) .grade-dashboard-layout{grid-template-columns:1fr!important}
}
@media(max-width:860px){
  body:not(.admin-body) .bio-map-hero-card,
  body:not(.admin-body) .grade-hero-card,
  body:not(.admin-body) .topic-module-hero-card,
  body:not(.admin-body) .unit-detail-hero{border-radius:30px!important;padding:28px!important}
  body:not(.admin-body) .topic-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.admin-body) .section-copy h2{font-size:clamp(36px,9vw,52px)}
}
@media(max-width:620px){
  body:not(.admin-body) .feature-grid,
  body:not(.admin-body) .class-grid,
  body:not(.admin-body) .bio-class-map-grid,
  body:not(.admin-body) .topic-module-grid{grid-template-columns:1fr!important}
  body:not(.admin-body) .container{width:min(var(--container),calc(100% - 28px))}
  body:not(.admin-body) .classes-preview .class-art,
  body:not(.admin-body) .bio-class-map-art{height:170px!important}
  body:not(.admin-body) .topic-resource-module{min-height:240px!important}
}

/* Koyu tema uyumu */
html[data-theme="dark"] body:not(.admin-body){
  background:
    radial-gradient(circle at 8% 12%,rgba(38,199,201,.12),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(143,118,255,.13),transparent 28%),
    linear-gradient(135deg,#071120,#10192c 58%,#071d22)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header,
html[data-theme="dark"] body:not(.admin-body) .desktop-nav,
html[data-theme="dark"] body:not(.admin-body) .visual-shell,
html[data-theme="dark"] body:not(.admin-body) .bio-map-hero-card,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card,
html[data-theme="dark"] body:not(.admin-body) .topic-module-hero-card,
html[data-theme="dark"] body:not(.admin-body) .topic-resource-module,
html[data-theme="dark"] body:not(.admin-body) .class-card,
html[data-theme="dark"] body:not(.admin-body) .bio-class-map-card,
html[data-theme="dark"] body:not(.admin-body) .grade-unit-row,
html[data-theme="dark"] body:not(.admin-body) .resource-card{
  background:rgba(15,26,44,.84)!important;
  border-color:rgba(85,107,139,.42)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="dark"] body:not(.admin-body) h1,
html[data-theme="dark"] body:not(.admin-body) h2,
html[data-theme="dark"] body:not(.admin-body) h3,
html[data-theme="dark"] body:not(.admin-body) .desktop-nav>a,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-toggle,
html[data-theme="dark"] body:not(.admin-body) .topic-resource-module h2,
html[data-theme="dark"] body:not(.admin-body) .module-content-item span{
  color:#f7fbff!important;
}
html[data-theme="dark"] body:not(.admin-body) p,
html[data-theme="dark"] body:not(.admin-body) .module-content-item small{color:#b6c5d7!important}

/* =========================================================
   BIYODIJITAL V5.0 — PROFESYONEL LİSE DÜZEYİ SOFT 3D ARAYÜZ
   Amaç: renk karmaşasını azalt, premium/akademik görünüm kazandır.
   ========================================================= */
:root{
  --navy:#102033!important;
  --navy-2:#1b3a52!important;
  --ink:#12283c!important;
  --text:#617286!important;
  --muted:#8b9caf!important;
  --blue:#1bb7bd!important;
  --blue-2:#4fc8c8!important;
  --cyan:#58d5d0!important;
  --mint:#a9d7cc!important;
  --lav:#cfd7ee!important;
  --bg:#f7fbfb!important;
  --surface:#ffffff!important;
  --surface-2:#eef8f8!important;
  --line:#dce9eb!important;
  --student-ink:#102033!important;
  --student-text:#5f7184!important;
  --student-teal:#28bdc2!important;
  --student-lime:#85c8a6!important;
  --student-blue:#496d94!important;
  --student-card:#ffffff!important;
  --shadow-sm:0 14px 32px rgba(20,54,76,.08)!important;
  --shadow:0 24px 64px rgba(20,54,76,.12)!important;
  --shadow-lg:0 42px 110px rgba(20,54,76,.17)!important;
  --radius:24px!important;
  --radius-lg:36px!important;
}
html:not([data-theme="dark"]) body:not(.admin-body){
  background:
    radial-gradient(circle at 8% 12%,rgba(67,199,204,.16),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(180,201,225,.22),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(223,232,238,.38),transparent 32%),
    linear-gradient(135deg,#fbfdfa 0%,#f3fbfb 42%,#f7f7fb 100%)!important;
  color:var(--ink)!important;
}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3{
  color:var(--navy)!important;
  letter-spacing:-.045em!important;
  font-weight:900!important;
}
body:not(.admin-body) p{color:var(--text)!important}
body:not(.admin-body) em,
body:not(.admin-body) .banner-copy h1 em,
body:not(.admin-body) .platform-section .section-copy h2 em{
  color:#1aaab0!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}
body:not(.admin-body) .eyebrow{
  color:#159ca2!important;
  letter-spacing:.18em!important;
}
body:not(.admin-body) .eyebrow i{
  background:linear-gradient(90deg,#1bb7bd,#9fc8bd)!important;
}
body:not(.admin-body) .btn,
body:not(.admin-body) button.btn,
body:not(.admin-body) .class-button i,
body:not(.admin-body) .grade-unit-row>b,
body:not(.admin-body) .learning-outcome-row i,
body:not(.admin-body) .bio-class-map-body strong i{
  transform:translateZ(0);
}
body:not(.admin-body) .btn-primary,
body:not(.admin-body) .mobile-student-btn,
body:not(.admin-body) .mobile-teacher-btn{
  background:linear-gradient(145deg,#30c7c9 0%,#17aab0 52%,#197794 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 17px 30px rgba(20,123,140,.22), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -9px 18px rgba(16,79,105,.16)!important;
}
body:not(.admin-body) .btn-primary:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 44px rgba(20,123,140,.28), inset 0 1px 0 rgba(255,255,255,.55)!important;
}
body:not(.admin-body) .btn-soft,
body:not(.admin-body) .btn-glass,
body:not(.admin-body) .btn-white{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,249,.86))!important;
  color:#146f84!important;
  border:1px solid rgba(210,231,233,.92)!important;
  box-shadow:0 14px 30px rgba(20,54,76,.08),inset 0 1px 0 #fff!important;
}

/* Header: temiz, akademik, sabit premium görünüm */
body:not(.admin-body) .site-header,
body:not(.admin-body).home-page .site-header:not(.scrolled){
  height:88px!important;
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(216,229,233,.86)!important;
  box-shadow:0 10px 34px rgba(20,54,76,.07)!important;
  backdrop-filter:blur(22px)!important;
}
body:not(.admin-body) .header-inner{gap:24px!important}
body:not(.admin-body) .brand-logo{width:68px!important;height:72px!important;filter:drop-shadow(0 12px 18px rgba(18,77,89,.14))!important}
body:not(.admin-body) .desktop-nav{
  gap:8px!important;
  padding:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.54)!important;
  border:1px solid rgba(221,232,235,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
body:not(.admin-body) .desktop-nav a,
body:not(.admin-body) .nav-dropdown-toggle{
  padding:10px 12px!important;
  border-radius:999px!important;
  color:#273c4f!important;
  font-size:12px!important;
  letter-spacing:-.01em!important;
  transition:.22s ease!important;
}
body:not(.admin-body) .desktop-nav a:after{display:none!important}
body:not(.admin-body) .desktop-nav a:hover,
body:not(.admin-body) .desktop-nav a.active,
body:not(.admin-body) .nav-dropdown-toggle:hover{
  color:#116f83!important;
  background:#edf8f8!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .theme-toggle{
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(210,231,233,.9)!important;
  box-shadow:0 13px 30px rgba(20,54,76,.09),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .logout-btn,
body:not(.admin-body) .club-btn{
  background:linear-gradient(145deg,#30c7c9,#197794)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  color:#fff!important;
  box-shadow:0 15px 28px rgba(20,123,140,.20),inset 0 1px 0 rgba(255,255,255,.45)!important;
}

/* Ana hero: sofistike 3D alan, tek renk vurgu */
body:not(.admin-body) .platform-section{
  position:relative!important;
  background:
    radial-gradient(circle at 84% 22%,rgba(68,194,200,.17),transparent 28%),
    linear-gradient(135deg,#fbfdfa 0%,#f1fafa 55%,#f8f6fb 100%)!important;
  padding:118px 0 82px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .platform-section:before{
  content:"";position:absolute;left:8%;top:110px;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle,rgba(40,189,194,.11),transparent 66%);
  pointer-events:none;
}
body:not(.admin-body) .platform-grid{
  gap:76px!important;
  align-items:center!important;
}
body:not(.admin-body) .section-copy h2{
  font-size:clamp(46px,5.4vw,78px)!important;
  line-height:1.02!important;
  max-width:760px!important;
}
body:not(.admin-body) .section-copy p{
  font-size:18px!important;
  line-height:1.8!important;
  color:#607387!important;
}
body:not(.admin-body) .visual-shell{
  min-height:520px!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.96),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.80),rgba(235,248,248,.72)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(179,221,224,.72)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 36px 92px rgba(20,54,76,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .visual-shell:before{
  inset:22px!important;
  border-color:rgba(186,216,220,.70)!important;
  border-radius:34px!important;
}
body:not(.admin-body) .visual-shell.uses-brand-logo img{
  filter:drop-shadow(0 28px 28px rgba(20,54,76,.16))!important;
  transform:translateY(-2px)!important;
}
body:not(.admin-body) .hero-highlight-card,
body:not(.admin-body) .floating-note{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(210,231,233,.85)!important;
  border-radius:22px!important;
  box-shadow:0 18px 42px rgba(20,54,76,.11),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(18px)!important;
}
body:not(.admin-body) .hero-highlight-card span,
body:not(.admin-body) .floating-note span{
  background:#eef8f8!important;color:#138394!important;
}

/* Ana sayfa ve sınıf kartları: gereksiz renk şeritleri kaldırıldı */
body:not(.admin-body) .classes-preview,
body:not(.admin-body) .features-section,
body:not(.admin-body) .resources-preview,
body:not(.admin-body) .home-process-section{
  background:transparent!important;
}
body:not(.admin-body) .classes-preview .class-card,
body:not(.admin-body) .bio-class-map-card,
body:not(.admin-body) .feature-card,
body:not(.admin-body) .resource-card,
body:not(.admin-body) .testimonial-card{
  border-radius:32px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,253,253,.78)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.9),rgba(202,225,229,.84)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 22px 62px rgba(20,54,76,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px)!important;
}
body:not(.admin-body) .classes-preview .class-card::before,
body:not(.admin-body) .bio-class-map-card::before,
body:not(.admin-body) .feature-card:after,
body:not(.admin-body) .home-process-section:before,
body:not(.admin-body) .topic-resource-module:before{
  display:none!important;
}
body:not(.admin-body) .classes-preview .class-card:hover,
body:not(.admin-body) .bio-class-map-card:hover,
body:not(.admin-body) .feature-card:hover,
body:not(.admin-body) .resource-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 34px 86px rgba(20,54,76,.16), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
body:not(.admin-body) .class-grid,
body:not(.admin-body) .bio-class-map-grid,
body:not(.admin-body) .feature-grid{
  gap:24px!important;
}
body:not(.admin-body) .classes-preview .class-card,
body:not(.admin-body) .bio-class-map-card{
  min-height:380px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .classes-preview .class-art,
body:not(.admin-body) .bio-class-map-art{
  height:180px!important;
  min-height:180px!important;
  border-radius:28px!important;
  margin:16px 16px 0!important;
  width:auto!important;
  background:
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.9),transparent 30%),
    linear-gradient(145deg,#e9f8f8,#f4f8f8 55%,#f7f2ec)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 32px rgba(20,54,76,.08)!important;
}
body:not(.admin-body) .classes-preview .class-art.has-cover,
body:not(.admin-body) .bio-class-map-art.has-cover{
  background:#fff!important;
}
body:not(.admin-body) .classes-preview .class-art img,
body:not(.admin-body) .bio-class-map-art img{
  border-radius:26px!important;
  object-fit:cover!important;
}
body:not(.admin-body) .class-body,
body:not(.admin-body) .bio-class-map-body{
  padding:22px 26px 26px!important;
}
body:not(.admin-body) .class-body h3,
body:not(.admin-body) .bio-class-map-body h2{
  font-size:25px!important;
  letter-spacing:-.035em!important;
}
body:not(.admin-body) .class-body p,
body:not(.admin-body) .bio-class-map-body p{
  font-size:14px!important;
  line-height:1.65!important;
}
body:not(.admin-body) .class-button,
body:not(.admin-body) .bio-class-map-body strong,
body:not(.admin-body) .text-button,
body:not(.admin-body) .text-link{
  color:#137d8f!important;
}
body:not(.admin-body) .class-button i,
body:not(.admin-body) .bio-class-map-body strong i,
body:not(.admin-body) .grade-unit-row>b,
body:not(.admin-body) .learning-outcome-row i{
  background:linear-gradient(145deg,#fff,#eef8f8)!important;
  border:1px solid rgba(208,230,233,.86)!important;
  color:#137d8f!important;
  box-shadow:0 14px 28px rgba(20,54,76,.10),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .class-card:hover .class-button i,
body:not(.admin-body) .bio-class-map-card:hover strong i,
body:not(.admin-body) .grade-unit-row:hover>b,
body:not(.admin-body) .learning-outcome-row:hover i{
  background:linear-gradient(145deg,#2ec4c8,#16788f)!important;
  color:#fff!important;
}
body:not(.admin-body) .bio-class-map-art em{
  display:none!important;
}
body:not(.admin-body) .bio-class-map-art span{
  filter:drop-shadow(0 22px 26px rgba(20,54,76,.14))!important;
}

/* Sınıflar / konu haritası sayfası */
body:not(.admin-body) .bio-map-hero,
body:not(.admin-body) .grade-dashboard-section,
body:not(.admin-body) .topic-module-hero{
  padding-top:72px!important;
}
body:not(.admin-body) .bio-map-hero-card,
body:not(.admin-body) .grade-hero-card,
body:not(.admin-body) .unit-detail-hero,
body:not(.admin-body) .topic-module-hero-card,
body:not(.admin-body) .member-library-page .page-hero-grid{
  border-radius:38px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(249,252,252,.82)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(200,224,229,.78)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 30px 85px rgba(20,54,76,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .bio-map-hero-card:after,
body:not(.admin-body) .grade-hero-card:after,
body:not(.admin-body) .topic-module-hero-card:after{
  background:radial-gradient(circle,rgba(31,183,189,.10),transparent 68%)!important;
}
body:not(.admin-body) .soft-pill,
body:not(.admin-body) .grade-pill,
body:not(.admin-body) .topic-module-label,
body:not(.admin-body) .outcome-badge,
body:not(.admin-body) .access,
body:not(.admin-body) .resource-type{
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  color:#137d8f!important;
  border:1px solid rgba(209,229,232,.86)!important;
  box-shadow:0 12px 26px rgba(20,54,76,.08),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .bio-map-visual,
body:not(.admin-body) .grade-hero-image,
body:not(.admin-body) .unit-detail-hero figure,
body:not(.admin-body) .topic-module-visual{
  border-radius:32px!important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.9),transparent 30%),
    linear-gradient(145deg,#e9f8f8,#f7f9fb 58%,#f6f0ec)!important;
  border:1px solid rgba(209,229,232,.84)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 22px 48px rgba(20,54,76,.11)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .grade-stat-row span,
body:not(.admin-body) .bio-map-stats span,
body:not(.admin-body) .grade-tab-bar,
body:not(.admin-body) .grade-unit-row,
body:not(.admin-body) .learning-outcome-row{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(211,230,233,.86)!important;
  box-shadow:0 18px 46px rgba(20,54,76,.09), inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .grade-unit-row,
body:not(.admin-body) .learning-outcome-row{
  border-radius:28px!important;
}
body:not(.admin-body) .grade-unit-thumb,
body:not(.admin-body) .outcome-thumb,
body:not(.admin-body) .quick-info-thumb{
  background:linear-gradient(145deg,#eef9f9,#f8fafb)!important;
  border:1px solid rgba(211,230,233,.75)!important;
  box-shadow:inset 0 1px 0 #fff,0 14px 28px rgba(20,54,76,.08)!important;
}
body:not(.admin-body) .grade-unit-progress i{
  background:linear-gradient(90deg,#2ec4c8,#6fb4b4)!important;
}
body:not(.admin-body) .side-progress-card,
body:not(.admin-body) .quick-info-card,
body:not(.admin-body) .popular-mini-card{
  background:
    radial-gradient(circle at 82% 20%,rgba(77,204,207,.16),transparent 30%),
    linear-gradient(145deg,#12243a,#203a55)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 26px 70px rgba(20,54,76,.16), inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Konu detayındaki modüller: lise seviyesine uygun temiz 3D kartlar */
body:not(.admin-body) .topic-module-page{
  background:transparent!important;
}
body:not(.admin-body) .topic-resource-modules{
  padding:34px 0 96px!important;
}
body:not(.admin-body) .topic-module-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
body:not(.admin-body) .topic-resource-module{
  min-height:286px!important;
  padding:28px 24px!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(249,252,252,.82)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(203,225,229,.78)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 24px 66px rgba(20,54,76,.10), inset 0 1px 0 #fff!important;
  backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .topic-resource-module:after{
  width:190px!important;height:190px!important;
  right:-92px!important;top:-95px!important;
  background:radial-gradient(circle,rgba(40,189,194,.09),rgba(255,255,255,.0) 70%)!important;
  border:1px solid rgba(206,228,232,.46)!important;
}
body:not(.admin-body) .module-icon{
  width:58px!important;height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#eef8f8)!important;
  color:#167f92!important;
  box-shadow:0 17px 34px rgba(20,54,76,.10),inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .module-icon svg{fill:#167f92!important;color:#167f92!important}
body:not(.admin-body) .topic-resource-module h2{
  font-size:22px!important;
  line-height:1.2!important;
  margin-top:22px!important;
}
body:not(.admin-body) .topic-resource-module p{
  color:#607387!important;
  font-size:13px!important;
}
body:not(.admin-body) .module-count,
body:not(.admin-body) .module-waiting{
  color:#137d8f!important;
  font-weight:900!important;
}
body:not(.admin-body) .module-content-item{
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(210,229,232,.86)!important;
  box-shadow:0 12px 28px rgba(20,54,76,.08), inset 0 1px 0 #fff!important;
}
body:not(.admin-body) .module-content-item:hover{
  background:#f4fbfb!important;
  transform:translateY(-2px)!important;
}
body:not(.admin-body) .topic-empty-note{
  border-radius:28px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px dashed rgba(191,215,219,.85)!important;
  color:#607387!important;
}

/* Üye kaynak kartları / içerik listeleri */
body:not(.admin-body) .resource-cover{
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.86),transparent 30%),
    linear-gradient(145deg,#e9f8f8,#f7f9fb 58%,#f7f2ee)!important;
}
body:not(.admin-body) .access.public,
body:not(.admin-body) .access.members,
body:not(.admin-body) .access.premium,
body:not(.admin-body) .premium-lock-badge{
  color:#137d8f!important;
  background:rgba(255,255,255,.82)!important;
}
body:not(.admin-body) .category-chip-row a:hover,
body:not(.admin-body) .category-chip-row a.active{
  background:#eaf7f7!important;
  border-color:#cfe5e8!important;
  color:#137d8f!important;
  box-shadow:0 12px 26px rgba(20,54,76,.08)!important;
}

/* Mobil düzen */
@media(max-width:1180px){
  body:not(.admin-body) .topic-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body:not(.admin-body) .class-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  body:not(.admin-body) .desktop-nav{display:none!important}
  body:not(.admin-body) .platform-grid{grid-template-columns:1fr!important;gap:38px!important}
  body:not(.admin-body) .visual-shell{min-height:420px!important}
  body:not(.admin-body) .bio-class-map-grid,
  body:not(.admin-body) .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body:not(.admin-body) .site-header{height:78px!important}
  body:not(.admin-body) .brand-logo{width:58px!important;height:62px!important}
  body:not(.admin-body) .section-copy h2{font-size:clamp(38px,11vw,58px)!important}
  body:not(.admin-body) .bio-map-hero-card,
  body:not(.admin-body) .grade-hero-card,
  body:not(.admin-body) .unit-detail-hero,
  body:not(.admin-body) .topic-module-hero-card{border-radius:30px!important;padding:26px!important}
  body:not(.admin-body) .topic-module-grid,
  body:not(.admin-body) .class-grid,
  body:not(.admin-body) .bio-class-map-grid,
  body:not(.admin-body) .feature-grid{grid-template-columns:1fr!important}
  body:not(.admin-body) .classes-preview .class-art,
  body:not(.admin-body) .bio-class-map-art{height:170px!important}
}

/* Koyu tema: aynı profesyonel palet */
html[data-theme="dark"] body:not(.admin-body){
  background:
    radial-gradient(circle at 8% 12%,rgba(34,170,177,.12),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(95,128,158,.13),transparent 28%),
    linear-gradient(135deg,#07111d,#0e1828 58%,#081d24)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header,
html[data-theme="dark"] body:not(.admin-body) .desktop-nav,
html[data-theme="dark"] body:not(.admin-body) .visual-shell,
html[data-theme="dark"] body:not(.admin-body) .bio-map-hero-card,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card,
html[data-theme="dark"] body:not(.admin-body) .topic-module-hero-card,
html[data-theme="dark"] body:not(.admin-body) .topic-resource-module,
html[data-theme="dark"] body:not(.admin-body) .class-card,
html[data-theme="dark"] body:not(.admin-body) .bio-class-map-card,
html[data-theme="dark"] body:not(.admin-body) .feature-card,
html[data-theme="dark"] body:not(.admin-body) .grade-unit-row,
html[data-theme="dark"] body:not(.admin-body) .resource-card{
  background:rgba(13,25,42,.86)!important;
  border-color:rgba(87,110,134,.38)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="dark"] body:not(.admin-body) h1,
html[data-theme="dark"] body:not(.admin-body) h2,
html[data-theme="dark"] body:not(.admin-body) h3,
html[data-theme="dark"] body:not(.admin-body) .desktop-nav>a,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-toggle,
html[data-theme="dark"] body:not(.admin-body) .topic-resource-module h2,
html[data-theme="dark"] body:not(.admin-body) .module-content-item span{
  color:#f7fbff!important;
}
html[data-theme="dark"] body:not(.admin-body) p,
html[data-theme="dark"] body:not(.admin-body) .module-content-item small{color:#b8c6d5!important}

/* Content detail viewer fix */
.content-detail-page{position:relative;overflow:hidden;padding:86px 0 120px;background:radial-gradient(circle at 12% 8%,rgba(55,190,184,.16),transparent 35%),radial-gradient(circle at 88% 22%,rgba(87,141,255,.13),transparent 32%),linear-gradient(135deg,#f7fbff 0%,#eef7f6 58%,#f9fbff 100%)}
.content-detail-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,49,74,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,49,74,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 80%);pointer-events:none}.content-detail-shell{position:relative;z-index:1}.resource-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:34px;align-items:center;padding:44px;border:1px solid rgba(199,220,230,.82);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,253,255,.76));box-shadow:0 24px 70px rgba(25,61,90,.12),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(18px);margin-bottom:34px}.resource-detail-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:10px 0 14px;color:#0b1f38}.resource-detail-hero p{font-size:18px;color:#617389;max-width:760px;margin-bottom:18px}.detail-labels{margin:0}.detail-labels span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(199,220,230,.8);font-size:11px;font-weight:900;color:#41556d}.resource-detail-icon{width:148px;height:148px;border-radius:42px;display:grid;place-items:center;justify-self:end;background:linear-gradient(145deg,#fff,#eaf8f7);border:1px solid rgba(190,215,226,.78);box-shadow:0 20px 45px rgba(22,73,94,.14),inset 0 1px 0 #fff;color:#078b9a;font-size:42px;font-weight:950;letter-spacing:-.06em}.resource-preview-card,.resource-notes-card{position:relative;border-radius:34px;border:1px solid rgba(199,220,230,.86);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,252,255,.84));box-shadow:0 25px 75px rgba(25,61,90,.13),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}.resource-preview-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#20c7bd,#8fd03f,#ffab2e,#7b8cff);opacity:.86}.resource-preview-head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px 32px 24px;border-bottom:1px solid rgba(211,225,233,.82)}.resource-preview-head h2{font-size:clamp(26px,3vw,38px);margin:0;color:#0b1f38}.preview-frame-wrap{height:min(68vh,720px);min-height:520px;background:linear-gradient(135deg,#eef8f9,#f9fbff);padding:14px}.resource-preview-frame{width:100%;height:100%;border:0;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px rgba(208,222,231,.8)}.preview-image-wrap{padding:22px;background:linear-gradient(135deg,#eef8f9,#f9fbff)}.preview-image-wrap img{width:100%;max-height:760px;object-fit:contain;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(24,55,80,.12)}.resource-video-player{display:block;width:100%;max-height:720px;background:#071624}.preview-note{margin:0;padding:18px 32px 28px;color:#62748a;font-size:14px}.open-resource-box{display:grid;place-items:center;text-align:center;min-height:360px;padding:55px 28px;background:radial-gradient(circle at center,rgba(31,199,189,.13),transparent 55%)}.open-resource-box h3{font-size:30px;margin:0 0 8px;color:#0b1f38}.open-resource-box p{max-width:560px;margin:0 auto 22px;color:#617389}.open-resource-box.is-warning{background:radial-gradient(circle at center,rgba(255,170,46,.16),transparent 58%)}.resource-notes-card{margin-top:24px;padding:32px}.detail-rich-content{padding:34px;font-size:18px;color:#3f5369}.topic-module-label{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(197,220,230,.85);box-shadow:0 10px 25px rgba(25,61,90,.07);color:#078b9a;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.topic-module-label:before{content:"";width:8px;height:8px;border-radius:99px;background:#20c7bd;box-shadow:0 0 0 5px rgba(32,199,189,.12)}
@media(max-width:900px){.content-detail-page{padding:55px 0 80px}.resource-detail-hero{grid-template-columns:1fr;padding:30px;border-radius:28px}.resource-detail-icon{justify-self:start;width:105px;height:105px;border-radius:30px;font-size:30px}.resource-preview-head{align-items:flex-start;flex-direction:column;padding:24px}.resource-preview-head .button-row,.resource-preview-head .btn{width:100%}.preview-frame-wrap{min-height:460px;height:62vh;padding:10px}.detail-rich-content{padding:24px}.resource-detail-hero h1{font-size:38px}}

/* =========================================================
   BIYODIJITAL V5.1 — PROFESSIONAL STUDENT SOFT 3D THEME
   UI/UX only. Routes, panels, data and upload logic are untouched.
   ========================================================= */
:root{
  --bg:#f7fafc;
  --surface:rgba(255,255,255,.88);
  --surface-soft:#eef8f7;
  --text:#0b1730;
  --muted:#617187;
  --border:rgba(194,214,224,.70);
  --primary:#18c9b7;
  --secondary:#7b61ff;
  --accent:#0b1730;
  --shadow:0 28px 80px rgba(17,47,72,.12);
  --shadow-sm:0 14px 34px rgba(17,47,72,.08);
  --shadow-lg:0 42px 120px rgba(12,30,52,.18);
  --radius:24px;
  --radius-lg:38px;
  --navy:var(--text);
  --navy-2:#17294a;
  --ink:var(--text);
  --blue:var(--primary);
  --blue-2:#68e0d3;
  --cyan:#21c7d6;
  --mint:#9be7ce;
  --lav:#dcd5ff;
  --line:var(--border);
  --container:1250px;
  --header:104px;
  --pro-glow-a:rgba(24,201,183,.16);
  --pro-glow-b:rgba(123,97,255,.13);
  --pro-glow-c:rgba(236,229,255,.45);
}
html[data-theme="dark"]{
  --bg:#07101f;
  --surface:rgba(13,23,42,.82);
  --surface-soft:rgba(17,31,55,.72);
  --text:#f5f8ff;
  --muted:#aebbd0;
  --border:rgba(159,183,207,.22);
  --primary:#34e4d1;
  --secondary:#a996ff;
  --accent:#f7faff;
  --shadow:0 30px 90px rgba(0,0,0,.36);
  --shadow-sm:0 16px 42px rgba(0,0,0,.25);
  --shadow-lg:0 46px 130px rgba(0,0,0,.48);
  --navy:var(--text);
  --navy-2:#dce8ff;
  --ink:var(--text);
  --blue:var(--primary);
  --blue-2:#59f2df;
  --cyan:#35dbe8;
  --mint:#4ee0bd;
  --lav:#a996ff;
  --line:var(--border);
  --pro-glow-a:rgba(52,228,209,.15);
  --pro-glow-b:rgba(169,150,255,.15);
  --pro-glow-c:rgba(31,42,68,.55);
}
html{overflow-x:hidden;background:var(--bg)!important}
body:not(.admin-body){
  color:var(--text)!important;
  background:
    radial-gradient(circle at 9% 8%,var(--pro-glow-a),transparent 31%),
    radial-gradient(circle at 88% 5%,var(--pro-glow-b),transparent 30%),
    radial-gradient(circle at 50% 96%,var(--pro-glow-c),transparent 35%),
    linear-gradient(135deg,var(--bg) 0%,#fbfdff 48%,#f6f3ff 100%)!important;
  min-height:100vh;
  overflow-x:hidden!important;
}
html[data-theme="dark"] body:not(.admin-body){
  background:
    radial-gradient(circle at 8% 5%,rgba(52,228,209,.15),transparent 33%),
    radial-gradient(circle at 92% 5%,rgba(169,150,255,.16),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(24,201,183,.07),transparent 38%),
    linear-gradient(135deg,#07101f 0%,#0b1324 52%,#140e24 100%)!important;
}
body:not(.admin-body)::before{
  content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(20,64,92,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,64,92,.03) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 70%);
}
html[data-theme="dark"] body:not(.admin-body)::before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)}
body:not(.admin-body) .container{width:min(var(--container),calc(100% - 52px))!important}
body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3{color:var(--text)!important;letter-spacing:-.055em!important;font-weight:950!important}
body:not(.admin-body) p{color:var(--muted)!important;font-weight:550!important}
body:not(.admin-body) em{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:not(.admin-body) .eyebrow{color:var(--primary)!important;letter-spacing:.18em!important;font-weight:950!important}
body:not(.admin-body) .eyebrow i{background:linear-gradient(90deg,var(--primary),var(--secondary))!important}

/* Professional fixed glass navbar */
body:not(.admin-body) .site-header{
  height:var(--header)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:14px 0 0!important;backdrop-filter:none!important;z-index:95!important;
}
body:not(.admin-body) .header-inner{
  min-height:76px!important;height:auto!important;padding:8px 16px!important;border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(249,253,255,.72))!important;
  border:1px solid rgba(206,224,232,.78)!important;box-shadow:0 18px 52px rgba(13,43,70,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;gap:18px!important;
}
html[data-theme="dark"] body:not(.admin-body) .header-inner{background:linear-gradient(135deg,rgba(11,21,37,.86),rgba(18,27,49,.70))!important;border-color:rgba(151,177,205,.22)!important;box-shadow:0 20px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important}
body:not(.admin-body) .brand-logo{width:68px!important;height:70px!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(15,55,82,.14))!important}
body:not(.admin-body) .desktop-nav{background:rgba(255,255,255,.58)!important;border:1px solid rgba(208,225,234,.65)!important;border-radius:999px!important;padding:7px!important;gap:4px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
html[data-theme="dark"] body:not(.admin-body) .desktop-nav{background:rgba(9,17,31,.56)!important;border-color:rgba(151,177,205,.17)!important}
body:not(.admin-body) .desktop-nav>a,body:not(.admin-body) .nav-dropdown-toggle{
  min-height:40px!important;display:inline-flex!important;align-items:center!important;padding:0 14px!important;border-radius:999px!important;color:var(--text)!important;font-size:13px!important;font-weight:900!important;letter-spacing:-.015em!important;transition:.22s ease!important;
}
body:not(.admin-body) .desktop-nav>a:after{display:none!important}
body:not(.admin-body) .desktop-nav>a:hover,body:not(.admin-body) .desktop-nav>a.active,body:not(.admin-body) .nav-dropdown.active .nav-dropdown-toggle,body:not(.admin-body) .nav-dropdown-toggle:hover{
  background:linear-gradient(135deg,rgba(24,201,183,.16),rgba(123,97,255,.10))!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px rgba(24,201,183,.18)!important;
}
body:not(.admin-body) .nav-dropdown-menu{border-radius:28px!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(22px)!important}
body:not(.admin-body) .theme-toggle,body:not(.admin-body) .club-btn,body:not(.admin-body) .header-login-link,body:not(.admin-body) .header-cta,body:not(.admin-body) .header-user{
  border-radius:999px!important;font-weight:950!important;letter-spacing:-.01em!important;
}
body:not(.admin-body) .theme-toggle{min-width:150px!important;min-height:48px!important;padding:7px 13px 7px 8px!important;background:rgba(255,255,255,.72)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 14px 34px rgba(13,43,70,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(18px)!important}
html[data-theme="dark"] body:not(.admin-body) .theme-toggle{background:rgba(12,23,41,.78)!important;color:#f5f8ff!important}
body:not(.admin-body) .theme-toggle-icon{background:linear-gradient(135deg,#fff3c7,#ffd06d)!important;box-shadow:0 8px 20px rgba(255,182,54,.24)!important}
body:not(.admin-body) .theme-toggle.is-dark .theme-toggle-icon,html[data-theme="dark"] body:not(.admin-body) .theme-toggle-icon{background:linear-gradient(135deg,#dbe9ff,#8fa6ff)!important;box-shadow:0 8px 20px rgba(143,166,255,.28)!important}
body:not(.admin-body) .theme-toggle-copy b{color:var(--text)!important;font-size:10px!important;letter-spacing:.12em!important}
body:not(.admin-body) .theme-toggle-copy small{color:var(--primary)!important;font-weight:900!important}
body:not(.admin-body) .header-login-link{min-height:46px!important;display:inline-flex!important;align-items:center!important;padding:0 18px!important;background:rgba(255,255,255,.68)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 12px 30px rgba(13,43,70,.08)!important}
body:not(.admin-body) .club-btn,body:not(.admin-body) .btn-primary,body:not(.admin-body) .header-cta{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important;border:0!important;box-shadow:0 16px 32px rgba(24,201,183,.23),0 8px 22px rgba(123,97,255,.12)!important}
body:not(.admin-body) .btn-soft,body:not(.admin-body) .btn-glass,body:not(.admin-body) .btn-white{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 12px 28px rgba(17,47,72,.08)!important;backdrop-filter:blur(16px)!important}
body:not(.admin-body) .btn:hover,body:not(.admin-body) .club-btn:hover,body:not(.admin-body) .header-login-link:hover,body:not(.admin-body) .theme-toggle:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-sm)!important}
body:not(.admin-body) .menu-toggle{display:none;border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:18px!important;box-shadow:var(--shadow-sm)!important}
body:not(.admin-body) .menu-toggle span{background:var(--text)!important}

/* Premium intro */
body:not(.admin-body) .intro-screen{background:radial-gradient(circle at 30% 15%,rgba(24,201,183,.18),transparent 34%),radial-gradient(circle at 72% 72%,rgba(123,97,255,.16),transparent 36%),linear-gradient(145deg,#f7fbff,#eef8f7 58%,#f6f2ff)!important;color:var(--text)!important}
html[data-theme="dark"] body:not(.admin-body) .intro-screen{background:radial-gradient(circle at 30% 15%,rgba(52,228,209,.15),transparent 34%),radial-gradient(circle at 72% 72%,rgba(169,150,255,.16),transparent 36%),linear-gradient(145deg,#061020,#0d1629 58%,#140f25)!important}
body:not(.admin-body) .intro-brand-card{border-radius:44px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,250,249,.78))!important;border:1px solid rgba(205,224,232,.78)!important;box-shadow:0 36px 90px rgba(18,52,78,.16),inset 0 1px 0 rgba(255,255,255,.95)!important}
html[data-theme="dark"] body:not(.admin-body) .intro-brand-card{background:linear-gradient(145deg,rgba(14,27,48,.92),rgba(24,31,55,.75))!important;border-color:rgba(151,177,205,.23)!important;box-shadow:0 38px 100px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.07)!important}
body:not(.admin-body) .intro-brand-name{letter-spacing:.28em!important;color:var(--text)!important}

/* Home / banner / platform sections */
body:not(.admin-body) .banner-slider{min-height:760px!important;background:transparent!important;isolation:isolate!important}
body:not(.admin-body) .banner-overlay{background:linear-gradient(90deg,rgba(247,250,252,.96) 0%,rgba(247,250,252,.86) 45%,rgba(244,240,255,.38) 100%)!important}
html[data-theme="dark"] body:not(.admin-body) .banner-overlay{background:linear-gradient(90deg,rgba(7,16,31,.96) 0%,rgba(10,19,36,.82) 48%,rgba(25,17,44,.55) 100%)!important}
body:not(.admin-body) .banner-copy h1{font-size:clamp(46px,6.4vw,86px)!important;max-width:820px!important;color:var(--text)!important}
body:not(.admin-body) .banner-copy p{font-size:clamp(17px,1.8vw,22px)!important;color:var(--muted)!important;max-width:650px!important}
body:not(.admin-body) .banner-copy h1 em{background:linear-gradient(90deg,var(--primary),var(--secondary))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body:not(.admin-body) .metrics-strip,body:not(.admin-body) .platform-section,body:not(.admin-body) .features-section,body:not(.admin-body) .classes-preview,body:not(.admin-body) .resources-preview,body:not(.admin-body) .portal-section,body:not(.admin-body) .final-cta{background:transparent!important}
body:not(.admin-body) .metrics-grid,body:not(.admin-body) .visual-shell,body:not(.admin-body) .feature-card,body:not(.admin-body) .class-card,body:not(.admin-body) .portal-card,body:not(.admin-body) .cta-shell{
  border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(22px)!important;overflow:hidden!important;
}
body:not(.admin-body) .visual-shell{min-height:520px!important;background:radial-gradient(circle at 28% 18%,rgba(24,201,183,.16),transparent 30%),radial-gradient(circle at 82% 82%,rgba(123,97,255,.12),transparent 34%),var(--surface)!important}
body:not(.admin-body) .section-heading h2,body:not(.admin-body) .section-copy h2{font-size:clamp(38px,4.6vw,64px)!important;line-height:1.06!important}
body:not(.admin-body) .feature-card,body:not(.admin-body) .class-card,body:not(.admin-body) .bio-class-map-card,body:not(.admin-body) .resource-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;transform-style:preserve-3d!important}
body:not(.admin-body) .feature-card:hover,body:not(.admin-body) .class-card:hover,body:not(.admin-body) .bio-class-map-card:hover,body:not(.admin-body) .resource-card:hover{transform:translateY(-8px) perspective(900px) rotateX(1.2deg)!important;box-shadow:var(--shadow-lg)!important;border-color:rgba(24,201,183,.32)!important}
body:not(.admin-body) .class-card{min-height:360px!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,252,253,.78))!important}
html[data-theme="dark"] body:not(.admin-body) .class-card,html[data-theme="dark"] body:not(.admin-body) .feature-card,html[data-theme="dark"] body:not(.admin-body) .resource-card{background:linear-gradient(145deg,rgba(13,23,42,.86),rgba(20,30,55,.66))!important}
body:not(.admin-body) .class-art{height:190px!important;background:radial-gradient(circle at 72% 15%,rgba(255,255,255,.90),transparent 29%),linear-gradient(145deg,#e9f8f7,#f7f5ff)!important;border-bottom:1px solid var(--border)!important}
body:not(.admin-body) .class-art.has-cover img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
body:not(.admin-body) .class-body{padding:28px!important}
body:not(.admin-body) .class-button i,body:not(.admin-body) .grade-unit-row>b,body:not(.admin-body) .learning-outcome-row i{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important;box-shadow:0 12px 26px rgba(24,201,183,.22)!important}

/* Class map and class detail */
body:not(.admin-body) .bio-map-hero,body:not(.admin-body) .grade-dashboard-section,body:not(.admin-body) .unit-detail-page,body:not(.admin-body) .topic-module-page{background:transparent!important}
body:not(.admin-body) .bio-map-hero-card,body:not(.admin-body) .grade-hero-card,body:not(.admin-body) .unit-detail-hero,body:not(.admin-body) .topic-module-hero-card,body:not(.admin-body) .member-library-page .page-hero-grid{
  border-radius:40px!important;padding:44px!important;border:1px solid var(--border)!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,252,253,.72))!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(24px)!important;overflow:hidden!important;
}
html[data-theme="dark"] body:not(.admin-body) .bio-map-hero-card,html[data-theme="dark"] body:not(.admin-body) .grade-hero-card,html[data-theme="dark"] body:not(.admin-body) .unit-detail-hero,html[data-theme="dark"] body:not(.admin-body) .topic-module-hero-card,html[data-theme="dark"] body:not(.admin-body) .member-library-page .page-hero-grid{background:linear-gradient(135deg,rgba(12,23,41,.88),rgba(20,30,55,.65))!important}
body:not(.admin-body) .grade-dashboard-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:30px!important;align-items:start!important}
body:not(.admin-body) .grade-hero-card{grid-template-columns:minmax(0,1fr) 270px!important;gap:34px!important}
body:not(.admin-body) .grade-hero-copy h1{font-size:clamp(48px,6vw,78px)!important;line-height:.98!important}
body:not(.admin-body) .grade-hero-image,body:not(.admin-body) .bio-map-visual,body:not(.admin-body) .unit-detail-hero figure,body:not(.admin-body) .topic-module-visual{
  border-radius:34px!important;min-height:210px!important;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.92),transparent 32%),linear-gradient(145deg,#e9f8f7,#f7f5ff)!important;border:1px solid var(--border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 55px rgba(17,47,72,.12)!important;overflow:hidden!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-image,html[data-theme="dark"] body:not(.admin-body) .bio-map-visual,html[data-theme="dark"] body:not(.admin-body) .unit-detail-hero figure,html[data-theme="dark"] body:not(.admin-body) .topic-module-visual{background:linear-gradient(145deg,rgba(17,32,55,.9),rgba(31,27,58,.7))!important}
body:not(.admin-body) .grade-hero-image img,body:not(.admin-body) .topic-module-visual img,body:not(.admin-body) .unit-detail-hero figure img{width:100%!important;height:100%!important;object-fit:cover!important}
body:not(.admin-body) .grade-stat-row span,body:not(.admin-body) .bio-map-stats span,body:not(.admin-body) .grade-tab-bar,body:not(.admin-body) .side-progress-card,body:not(.admin-body) .quick-info-card,body:not(.admin-body) .popular-mini-card{
  border:1px solid var(--border)!important;background:rgba(255,255,255,.74)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:blur(18px)!important;border-radius:24px!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-stat-row span,html[data-theme="dark"] body:not(.admin-body) .bio-map-stats span,html[data-theme="dark"] body:not(.admin-body) .grade-tab-bar,html[data-theme="dark"] body:not(.admin-body) .side-progress-card,html[data-theme="dark"] body:not(.admin-body) .quick-info-card,html[data-theme="dark"] body:not(.admin-body) .popular-mini-card{background:rgba(13,23,42,.74)!important;color:#f5f8ff!important}
body:not(.admin-body) .grade-stat-row span b,body:not(.admin-body) .bio-map-stats b,body:not(.admin-body) .side-progress-card strong,body:not(.admin-body) .quick-info-card h2{color:var(--text)!important}
body:not(.admin-body) .side-progress-card{background:radial-gradient(circle at 85% 0,rgba(24,201,183,.20),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.78),rgba(242,248,250,.70))!important}
body:not(.admin-body) .quick-info-card{background:radial-gradient(circle at 85% 40%,rgba(123,97,255,.18),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.78),rgba(244,240,255,.70))!important}
body:not(.admin-body) .side-ring{background:conic-gradient(var(--primary) calc(var(--p)*1%),rgba(18,39,67,.10) 0)!important;color:var(--text)!important}
body:not(.admin-body) .grade-unit-row,body:not(.admin-body) .learning-outcome-row{
  border-radius:28px!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.82)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:blur(18px)!important;transition:.28s ease!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-unit-row,html[data-theme="dark"] body:not(.admin-body) .learning-outcome-row{background:rgba(13,23,42,.78)!important}
body:not(.admin-body) .grade-unit-row:hover,body:not(.admin-body) .learning-outcome-row:hover{transform:translateY(-6px)!important;box-shadow:var(--shadow)!important;border-color:rgba(24,201,183,.34)!important}
body:not(.admin-body) .grade-unit-thumb,body:not(.admin-body) .outcome-thumb{border-radius:20px!important;background:linear-gradient(145deg,#e7f8f7,#f5f3ff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
body:not(.admin-body) .grade-unit-progress i{background:linear-gradient(90deg,var(--primary),var(--secondary))!important}

/* Topic/resource modules */
body:not(.admin-body) .topic-resource-modules{padding:44px 0 110px!important;background:transparent!important}
body:not(.admin-body) .topic-module-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
body:not(.admin-body) .topic-resource-module{
  min-height:300px!important;padding:30px!important;border-radius:34px!important;border:1px solid var(--border)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(247,252,253,.76))!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:blur(22px)!important;overflow:hidden!important;transition:.28s ease!important;
}
html[data-theme="dark"] body:not(.admin-body) .topic-resource-module{background:linear-gradient(145deg,rgba(13,23,42,.86),rgba(20,30,55,.66))!important}
body:not(.admin-body) .topic-resource-module:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 100% 0,rgba(24,201,183,.12),transparent 34%),radial-gradient(circle at 0 100%,rgba(123,97,255,.08),transparent 38%)!important;pointer-events:none!important}
body:not(.admin-body) .topic-resource-module:after{background:linear-gradient(90deg,var(--primary),var(--secondary))!important;height:4px!important;opacity:.82!important}
body:not(.admin-body) .topic-resource-module:hover{transform:translateY(-8px) perspective(900px) rotateX(1deg)!important;box-shadow:var(--shadow)!important;border-color:rgba(24,201,183,.34)!important}
body:not(.admin-body) .module-icon{width:64px!important;height:64px!important;border-radius:22px!important;background:linear-gradient(145deg,#ffffff,#ecf8f7)!important;border:1px solid var(--border)!important;color:var(--primary)!important;box-shadow:0 16px 34px rgba(17,47,72,.10),inset 0 1px 0 #fff!important}
html[data-theme="dark"] body:not(.admin-body) .module-icon{background:linear-gradient(145deg,rgba(20,36,60,.95),rgba(29,37,66,.84))!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important}
body:not(.admin-body) .module-icon svg{fill:var(--primary)!important;color:var(--primary)!important}
body:not(.admin-body) .topic-resource-module h2{font-size:24px!important;line-height:1.15!important;color:var(--text)!important;margin:24px 0 12px!important}
body:not(.admin-body) .topic-resource-module p{font-size:13.5px!important;color:var(--muted)!important}
body:not(.admin-body) .module-count,body:not(.admin-body) .module-waiting{color:var(--primary)!important;font-weight:950!important}
body:not(.admin-body) .module-content-item{position:relative;z-index:1;border-radius:20px!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--border)!important;box-shadow:0 14px 30px rgba(17,47,72,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:.24s!important}
html[data-theme="dark"] body:not(.admin-body) .module-content-item{background:rgba(12,23,41,.82)!important}
body:not(.admin-body) .module-content-item:hover{transform:translateY(-3px)!important;background:linear-gradient(135deg,rgba(24,201,183,.10),rgba(123,97,255,.08))!important}
body:not(.admin-body) .module-content-item span{color:var(--text)!important;font-weight:950!important}
body:not(.admin-body) .module-content-item small{color:var(--muted)!important}

/* Content detail viewer */
body:not(.admin-body) .content-detail-page{background:transparent!important;padding:92px 0 120px!important}
body:not(.admin-body) .resource-detail-hero,body:not(.admin-body) .resource-preview-card,body:not(.admin-body) .resource-notes-card{
  border-radius:38px!important;border:1px solid var(--border)!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,252,253,.74))!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(24px)!important;
}
html[data-theme="dark"] body:not(.admin-body) .resource-detail-hero,html[data-theme="dark"] body:not(.admin-body) .resource-preview-card,html[data-theme="dark"] body:not(.admin-body) .resource-notes-card{background:linear-gradient(145deg,rgba(13,23,42,.88),rgba(20,30,55,.66))!important}
body:not(.admin-body) .resource-preview-card:before{background:linear-gradient(90deg,var(--primary),var(--secondary))!important}
body:not(.admin-body) .resource-preview-head h2,body:not(.admin-body) .resource-detail-hero h1,body:not(.admin-body) .open-resource-box h3{color:var(--text)!important}
body:not(.admin-body) .preview-frame-wrap,body:not(.admin-body) .open-resource-box{background:linear-gradient(135deg,rgba(233,248,247,.9),rgba(246,243,255,.72))!important}
html[data-theme="dark"] body:not(.admin-body) .preview-frame-wrap,html[data-theme="dark"] body:not(.admin-body) .open-resource-box{background:linear-gradient(135deg,rgba(12,23,41,.8),rgba(26,23,50,.72))!important}
body:not(.admin-body) .resource-embed-dialog{border-radius:34px!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;backdrop-filter:blur(24px)!important}
body:not(.admin-body) .resource-embed-dialog header,body:not(.admin-body) .resource-embed-dialog footer{border-color:var(--border)!important;background:rgba(255,255,255,.76)!important;color:var(--text)!important}
html[data-theme="dark"] body:not(.admin-body) .resource-embed-dialog header,html[data-theme="dark"] body:not(.admin-body) .resource-embed-dialog footer{background:rgba(12,23,41,.78)!important;color:#f5f8ff!important}

/* Forms, tables and auth cards */
body:not(.admin-body) input,body:not(.admin-body) select,body:not(.admin-body) textarea{border-radius:16px!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.82)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
html[data-theme="dark"] body:not(.admin-body) input,html[data-theme="dark"] body:not(.admin-body) select,html[data-theme="dark"] body:not(.admin-body) textarea{background:rgba(12,23,41,.82)!important;color:#f5f8ff!important}
body:not(.admin-body) input:focus,body:not(.admin-body) select:focus,body:not(.admin-body) textarea:focus{border-color:rgba(24,201,183,.56)!important;box-shadow:0 0 0 5px rgba(24,201,183,.12)!important;outline:none!important}
body:not(.admin-body) .payment-hero,body:not(.admin-body) .auth-card,body:not(.admin-body) .auth-visual,body:not(.admin-body) .club-auth-visual,body:not(.admin-body) .portal-card.primary,body:not(.admin-body) .cta-shell{background:linear-gradient(135deg,#0b1730 0%,#143251 50%,#1b5670 100%)!important;color:#fff!important}
body:not(.admin-body) .site-footer{background:linear-gradient(135deg,#081323,#0d2138 62%,#11112a)!important;border-top:1px solid rgba(255,255,255,.08)!important}
body:not(.admin-body) .site-footer:before{background:linear-gradient(90deg,var(--primary),var(--secondary))!important;height:3px!important}

/* Mobile stability */
@media(max-width:1180px){
  body:not(.admin-body) .topic-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body:not(.admin-body) .grade-dashboard-layout{grid-template-columns:1fr!important}
  body:not(.admin-body) .grade-side-column{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  :root{--header:86px}
  body:not(.admin-body) .desktop-nav,body:not(.admin-body) .header-club-actions,body:not(.admin-body) .header-login-link{display:none!important}
  body:not(.admin-body) .menu-toggle{display:block!important}
  body:not(.admin-body) .header-inner{border-radius:28px!important;min-height:70px!important}
  body:not(.admin-body) .mobile-menu{z-index:120!important;background:rgba(247,250,252,.96)!important;backdrop-filter:blur(26px)!important;overflow-y:auto!important}
  html[data-theme="dark"] body:not(.admin-body) .mobile-menu{background:rgba(7,16,31,.96)!important;color:#f5f8ff!important}
  body:not(.admin-body) .mobile-menu nav a,body:not(.admin-body) .mobile-submenu-toggle{color:var(--text)!important;border-color:var(--border)!important}
  body:not(.admin-body) .platform-grid,body:not(.admin-body) .bio-map-hero-card,body:not(.admin-body) .grade-hero-card,body:not(.admin-body) .topic-module-hero-card,body:not(.admin-body) .unit-detail-hero{grid-template-columns:1fr!important}
  body:not(.admin-body) .class-grid,body:not(.admin-body) .bio-class-map-grid,body:not(.admin-body) .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body:not(.admin-body) .container{width:min(var(--container),calc(100% - 28px))!important}
  body:not(.admin-body) .site-header{padding-top:8px!important;height:80px!important}
  body:not(.admin-body) .brand-logo{width:54px!important;height:58px!important}
  body:not(.admin-body) .theme-toggle{min-width:50px!important;width:50px!important;padding:8px!important}
  body:not(.admin-body) .theme-toggle-copy{display:none!important}
  body:not(.admin-body) .banner-slider{min-height:700px!important}
  body:not(.admin-body) .banner-copy{width:100%!important;text-align:left!important}
  body:not(.admin-body) .banner-copy h1{font-size:clamp(40px,13vw,58px)!important}
  body:not(.admin-body) .section{padding:72px 0!important}
  body:not(.admin-body) .bio-map-hero-card,body:not(.admin-body) .grade-hero-card,body:not(.admin-body) .unit-detail-hero,body:not(.admin-body) .topic-module-hero-card{border-radius:30px!important;padding:26px!important}
  body:not(.admin-body) .class-grid,body:not(.admin-body) .bio-class-map-grid,body:not(.admin-body) .feature-grid,body:not(.admin-body) .topic-module-grid,body:not(.admin-body) .grade-side-column{grid-template-columns:1fr!important}
  body:not(.admin-body) .grade-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.admin-body) .grade-unit-row{grid-template-columns:78px minmax(0,1fr) 42px!important;gap:14px!important}
  body:not(.admin-body) .grade-unit-row>strong,body:not(.admin-body) .grade-unit-progress{display:none!important}
  body:not(.admin-body) .learning-outcome-row{grid-template-columns:72px minmax(0,1fr) 42px!important}
}

/* =========================================================
   V5.2.1 Header overflow fix
   Amaç: geniş ekranda sağ taraftaki Öğrenci/Öğretmen Kulübü
   butonlarının kesilmesini engellemek. Route ve işlevlere dokunmaz.
   ========================================================= */
body:not(.admin-body){overflow-x:hidden!important}
body:not(.admin-body) .site-header .header-inner{
  width:calc(100% - 32px)!important;
  max-width:1680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  overflow:visible!important;
  padding:8px 12px!important;
}
body:not(.admin-body) .site-header .brand{
  min-width:76px!important;
  flex:0 0 auto!important;
}
body:not(.admin-body) .site-header .desktop-nav{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:flex!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  overflow:visible!important;
}
body:not(.admin-body) .site-header .desktop-nav>a,
body:not(.admin-body) .site-header .nav-dropdown-toggle{
  min-height:38px!important;
  padding:0 10px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .site-header .header-actions{
  min-width:max-content!important;
  width:auto!important;
  flex:0 0 auto!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  overflow:visible!important;
}
body:not(.admin-body) .site-header .theme-toggle{
  min-width:132px!important;
  max-width:142px!important;
  min-height:46px!important;
  padding:6px 10px 6px 7px!important;
  flex:0 0 auto!important;
}
body:not(.admin-body) .site-header .header-login-link{
  min-height:46px!important;
  padding:0 16px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .site-header .header-club-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  overflow:visible!important;
}
body:not(.admin-body) .site-header .club-btn{
  min-height:46px!important;
  height:46px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}
body:not(.admin-body) .site-header .club-btn.teacher{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body:not(.admin-body) .site-header .club-btn span{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:10px!important;
}

@media(max-width:1500px){
  body:not(.admin-body) .site-header .header-inner{width:calc(100% - 24px)!important;gap:8px!important;padding:8px 10px!important}
  body:not(.admin-body) .site-header .brand-logo{width:58px!important;height:62px!important}
  body:not(.admin-body) .site-header .desktop-nav{padding:6px!important;gap:1px!important}
  body:not(.admin-body) .site-header .desktop-nav>a,
  body:not(.admin-body) .site-header .nav-dropdown-toggle{font-size:11.5px!important;padding:0 8px!important}
  body:not(.admin-body) .site-header .theme-toggle{min-width:118px!important;max-width:126px!important}
  body:not(.admin-body) .site-header .theme-toggle-copy b{font-size:9px!important}
  body:not(.admin-body) .site-header .theme-toggle-copy small{font-size:10px!important}
  body:not(.admin-body) .site-header .header-login-link{padding:0 13px!important;font-size:12px!important}
  body:not(.admin-body) .site-header .club-btn{padding:0 11px!important;font-size:11.5px!important;gap:7px!important}
}

@media(max-width:1260px){
  body:not(.admin-body) .site-header .desktop-nav,
  body:not(.admin-body) .site-header .header-club-actions,
  body:not(.admin-body) .site-header .header-login-link{display:none!important}
  body:not(.admin-body) .site-header .header-inner{display:flex!important;justify-content:space-between!important;border-radius:28px!important;min-height:70px!important}
  body:not(.admin-body) .site-header .header-actions{margin-left:auto!important;min-width:auto!important}
  body:not(.admin-body) .site-header .menu-toggle{display:block!important}
}

/* =========================================================
   V5.2.2 Header balance fix
   Header taşmasını ve sağa kaymış/dengesiz görünümü düzeltir.
   Backend, route ve üyelik işleyişine dokunmaz.
   ========================================================= */
@media (min-width:1261px){
  body:not(.admin-body) .site-header{
    padding-top:12px!important;
    height:94px!important;
  }
  body:not(.admin-body) .site-header .header-inner{
    width:min(1840px, calc(100% - 44px))!important;
    max-width:1840px!important;
    min-height:76px!important;
    height:76px!important;
    margin:0 auto!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    border-radius:999px!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .site-header .brand{
    width:78px!important;
    min-width:78px!important;
    flex:0 0 78px!important;
    justify-content:center!important;
  }
  body:not(.admin-body) .site-header .brand-logo{
    width:64px!important;
    height:66px!important;
    object-fit:contain!important;
  }
  body:not(.admin-body) .site-header .desktop-nav{
    width:auto!important;
    max-width:none!important;
    flex:0 1 auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:7px 8px!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .site-header .desktop-nav>a,
  body:not(.admin-body) .site-header .nav-dropdown-toggle{
    min-height:40px!important;
    padding:0 13px!important;
    font-size:12.4px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) .site-header .header-actions{
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    margin-left:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .site-header .theme-toggle{
    min-width:138px!important;
    max-width:138px!important;
    height:48px!important;
    min-height:48px!important;
    padding:7px 10px 7px 8px!important;
    flex:0 0 138px!important;
  }
  body:not(.admin-body) .site-header .header-login-link{
    height:48px!important;
    min-height:48px!important;
    padding:0 18px!important;
    flex:0 0 auto!important;
  }
  body:not(.admin-body) .site-header .header-club-actions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .site-header .club-btn{
    height:48px!important;
    min-height:48px!important;
    padding:0 16px!important;
    font-size:12.5px!important;
    gap:9px!important;
    flex:0 0 auto!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body:not(.admin-body) .site-header .club-btn.teacher{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

@media (min-width:1261px) and (max-width:1720px){
  body:not(.admin-body) .site-header .header-inner{
    width:calc(100% - 28px)!important;
    gap:10px!important;
    padding:8px 10px!important;
  }
  body:not(.admin-body) .site-header .brand{
    width:70px!important;
    min-width:70px!important;
    flex-basis:70px!important;
  }
  body:not(.admin-body) .site-header .brand-logo{
    width:58px!important;
    height:61px!important;
  }
  body:not(.admin-body) .site-header .desktop-nav{
    gap:1px!important;
    padding:6px!important;
  }
  body:not(.admin-body) .site-header .desktop-nav>a,
  body:not(.admin-body) .site-header .nav-dropdown-toggle{
    padding:0 10px!important;
    font-size:11.6px!important;
  }
  body:not(.admin-body) .site-header .theme-toggle{
    min-width:120px!important;
    max-width:120px!important;
    flex-basis:120px!important;
    padding-right:8px!important;
  }
  body:not(.admin-body) .site-header .theme-toggle-copy b{font-size:9px!important}
  body:not(.admin-body) .site-header .theme-toggle-copy small{font-size:9px!important}
  body:not(.admin-body) .site-header .header-login-link{
    padding:0 14px!important;
    font-size:12px!important;
  }
  body:not(.admin-body) .site-header .header-club-actions{gap:8px!important}
  body:not(.admin-body) .site-header .club-btn{
    padding:0 12px!important;
    font-size:11.5px!important;
    gap:7px!important;
  }
  body:not(.admin-body) .site-header .club-btn span{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
  }
}

@media (min-width:1261px) and (max-width:1460px){
  body:not(.admin-body) .site-header .desktop-nav>a,
  body:not(.admin-body) .site-header .nav-dropdown-toggle{
    padding:0 8px!important;
    font-size:11px!important;
  }
  body:not(.admin-body) .site-header .theme-toggle{
    min-width:52px!important;
    max-width:52px!important;
    flex-basis:52px!important;
    padding:8px!important;
  }
  body:not(.admin-body) .site-header .theme-toggle-copy{display:none!important}
  body:not(.admin-body) .site-header .header-login-link{padding:0 12px!important}
  body:not(.admin-body) .site-header .club-btn{padding:0 10px!important;font-size:11px!important}
}

@media (max-width:1320px){
  body:not(.admin-body) .site-header .desktop-nav,
  body:not(.admin-body) .site-header .header-club-actions,
  body:not(.admin-body) .site-header .header-login-link{
    display:none!important;
  }
  body:not(.admin-body) .site-header .header-inner{
    width:calc(100% - 24px)!important;
    display:flex!important;
    justify-content:space-between!important;
    border-radius:28px!important;
    min-height:70px!important;
  }
  body:not(.admin-body) .site-header .header-actions{
    margin-left:auto!important;
    min-width:auto!important;
  }
  body:not(.admin-body) .site-header .menu-toggle{display:block!important}
}

/* =========================================================
   V5.2.3 — Dark mode + hero edge balance fix
   - Koyu temada header/hero kontrastını güçlendirir.
   - Hero container genişliğini artırarak sağ/sol boşluk hissini azaltır.
   - Mevcut route, admin, üyelik ve içerik işleyişine dokunmaz.
   ========================================================= */
html[data-theme="dark"] body:not(.admin-body){
  background:
    radial-gradient(circle at 12% 8%,rgba(52,228,209,.13),transparent 30%),
    radial-gradient(circle at 90% 0%,rgba(169,150,255,.14),transparent 32%),
    linear-gradient(135deg,#050c18 0%,#081326 48%,#120d22 100%)!important;
}

/* Koyu temada üst menü okunaklı ve dengeli dursun */
html[data-theme="dark"] body:not(.admin-body) .site-header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .header-inner{
  background:linear-gradient(135deg,rgba(10,18,32,.90),rgba(20,29,49,.78))!important;
  border:1px solid rgba(163,188,218,.24)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .desktop-nav{
  background:rgba(4,12,24,.48)!important;
  border-color:rgba(163,188,218,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .desktop-nav>a,
html[data-theme="dark"] body:not(.admin-body) .site-header .nav-dropdown-toggle{
  color:#eef6ff!important;
  text-shadow:none!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .desktop-nav>a:hover,
html[data-theme="dark"] body:not(.admin-body) .site-header .desktop-nav>a.active,
html[data-theme="dark"] body:not(.admin-body) .site-header .nav-dropdown.active .nav-dropdown-toggle,
html[data-theme="dark"] body:not(.admin-body) .site-header .nav-dropdown-toggle:hover{
  color:#ffffff!important;
  background:linear-gradient(135deg,rgba(52,228,209,.18),rgba(169,150,255,.13))!important;
  box-shadow:inset 0 0 0 1px rgba(52,228,209,.18),0 10px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .header-login-link{
  background:rgba(245,248,255,.09)!important;
  color:#f5f8ff!important;
  border-color:rgba(163,188,218,.24)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .theme-toggle{
  background:rgba(9,17,31,.66)!important;
  border-color:rgba(163,188,218,.22)!important;
  color:#f5f8ff!important;
  box-shadow:0 14px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .theme-toggle-copy b{color:#f5f8ff!important}
html[data-theme="dark"] body:not(.admin-body) .site-header .theme-toggle-copy small{color:#7ff6ee!important}
html[data-theme="dark"] body:not(.admin-body) .site-header .club-btn.student,
html[data-theme="dark"] body:not(.admin-body) .site-header .club-btn.teacher{
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .club-btn.student{
  background:linear-gradient(135deg,#22d8c4 0%,#2d8cff 100%)!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .club-btn.teacher{
  background:linear-gradient(135deg,#23c3d2 0%,#805cff 100%)!important;
}

/* Hero alanı: sağ/sol boşluk hissini azalt, görüntüyü tam kaplat */
body:not(.admin-body).home-page .banner-slider,
body:not(.admin-body) .banner-slider{
  width:100%!important;
  max-width:none!important;
  overflow:hidden!important;
}
body:not(.admin-body).home-page .banner-media,
body:not(.admin-body).home-page .banner-media picture,
body:not(.admin-body).home-page .banner-media img,
body:not(.admin-body).home-page .banner-media video{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
}
body:not(.admin-body).home-page .banner-media img,
body:not(.admin-body).home-page .banner-media video{
  object-fit:cover!important;
  object-position:center center!important;
}
body:not(.admin-body).home-page .banner-content.container,
body:not(.admin-body).home-page .banner-content{
  width:min(1540px,calc(100% - clamp(56px,7vw,128px)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.admin-body).home-page .banner-copy{
  width:min(760px,54vw)!important;
  margin-left:0!important;
}
body:not(.admin-body).home-page .pos-center .banner-copy,
body:not(.admin-body).home-page .align-center .banner-copy{
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.admin-body).home-page .pos-right .banner-copy,
body:not(.admin-body).home-page .align-right .banner-copy{
  margin-left:auto!important;
  margin-right:0!important;
}
body:not(.admin-body).home-page .slider-arrow.prev{left:clamp(18px,2.1vw,38px)!important}
body:not(.admin-body).home-page .slider-arrow.next{right:clamp(18px,2.1vw,38px)!important}
body:not(.admin-body).home-page .scroll-indicator{left:clamp(22px,3vw,54px)!important}

/* Dark hero: aşırı kararma / silik yazı / açık leke sorunlarını temizle */
html[data-theme="dark"] body:not(.admin-body) .banner-slider{
  background:#050c18!important;
}
html[data-theme="dark"] body:not(.admin-body) .banner-media img,
html[data-theme="dark"] body:not(.admin-body) .banner-media video{
  filter:brightness(.58) saturate(.96) contrast(1.08)!important;
}
html[data-theme="dark"] body:not(.admin-body) .banner-overlay{
  background:
    linear-gradient(90deg,rgba(5,12,24,.88) 0%,rgba(7,16,31,.70) 42%,rgba(11,18,35,.34) 72%,rgba(11,18,35,.28) 100%),
    linear-gradient(180deg,rgba(5,12,24,.18) 0%,rgba(5,12,24,.06) 46%,rgba(5,12,24,.70) 100%)!important;
}
html[data-theme="dark"] body:not(.admin-body) .banner-copy h1,
html[data-theme="dark"] body:not(.admin-body) .banner-copy p,
html[data-theme="dark"] body:not(.admin-body) .banner-trust b,
html[data-theme="dark"] body:not(.admin-body) .banner-trust span{
  text-shadow:0 12px 32px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body:not(.admin-body) .banner-copy h1{color:#f7fbff!important}
html[data-theme="dark"] body:not(.admin-body) .banner-copy p{color:#c6d5e8!important}
html[data-theme="dark"] body:not(.admin-body) .banner-copy .eyebrow,
html[data-theme="dark"] body:not(.admin-body) .scroll-indicator{color:#7ff6ee!important}
html[data-theme="dark"] body:not(.admin-body) .banner-trust{border-top-color:rgba(255,255,255,.18)!important}
html[data-theme="dark"] body:not(.admin-body) .banner-trust b{color:#ffffff!important}
html[data-theme="dark"] body:not(.admin-body) .banner-trust span{color:#c9d7e8!important}
html[data-theme="dark"] body:not(.admin-body) .slider-arrow,
html[data-theme="dark"] body:not(.admin-body) .slider-controls{
  background:rgba(8,18,34,.70)!important;
  border-color:rgba(163,188,218,.22)!important;
  color:#f7fbff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] body:not(.admin-body) .slider-dots button{background:rgba(214,226,243,.45)!important}
html[data-theme="dark"] body:not(.admin-body) .slider-dots button.active{background:linear-gradient(90deg,#34e4d1,#a996ff)!important}

@media(max-width:980px){
  body:not(.admin-body).home-page .banner-content.container,
  body:not(.admin-body).home-page .banner-content{
    width:min(100%,calc(100% - 34px))!important;
  }
  body:not(.admin-body).home-page .banner-copy{width:min(720px,100%)!important}
  html[data-theme="dark"] body:not(.admin-body) .banner-overlay{
    background:linear-gradient(180deg,rgba(5,12,24,.82) 0%,rgba(7,16,31,.62) 42%,rgba(5,12,24,.78) 100%)!important;
  }
}

/* =========================================================
   V5.2.4 — Tema butonu hizalama düzeltmesi
   - Header içindeki tema toggle yazı/ikon kaymasını giderir.
   - Yazının kapsül dışına taşmasını ve kırpılmasını engeller.
   - Backend, route, panel ve üyelik işleyişine dokunmaz.
   ========================================================= */
body:not(.admin-body) .site-header .theme-toggle{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  overflow:hidden!important;
  vertical-align:middle!important;
  line-height:1!important;
}
body:not(.admin-body) .site-header .theme-toggle-icon{
  display:block!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:28px!important;
  min-width:44px!important;
  margin:0!important;
}
body:not(.admin-body) .site-header .theme-toggle-icon:before{
  width:20px!important;
  height:20px!important;
  left:4px!important;
  top:4px!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .theme-toggle-icon:before,
body:not(.admin-body) .site-header .theme-toggle.is-dark .theme-toggle-icon:before{
  left:20px!important;
}
body:not(.admin-body) .site-header .theme-toggle-icon:after{
  font-size:12px!important;
  line-height:1!important;
}
body:not(.admin-body) .site-header .theme-toggle-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
  margin:0!important;
  transform:none!important;
  overflow:hidden!important;
  line-height:1!important;
}
body:not(.admin-body) .site-header .theme-toggle-copy b,
body:not(.admin-body) .site-header .theme-toggle-copy small{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.05!important;
}
body:not(.admin-body) .site-header .theme-toggle-copy b{
  font-size:9.5px!important;
  letter-spacing:.13em!important;
}
body:not(.admin-body) .site-header .theme-toggle-copy small{
  font-size:9px!important;
  letter-spacing:0!important;
}
@media (min-width:1461px){
  body:not(.admin-body) .site-header .theme-toggle{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    flex:0 0 148px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 11px 0 8px!important;
  }
}
@media (min-width:1321px) and (max-width:1460px){
  body:not(.admin-body) .site-header .theme-toggle{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    flex:0 0 52px!important;
    padding:8px!important;
    justify-content:center!important;
  }
  body:not(.admin-body) .site-header .theme-toggle-icon{
    width:36px!important;
    height:24px!important;
    min-width:36px!important;
    flex-basis:36px!important;
  }
  body:not(.admin-body) .site-header .theme-toggle-icon:before{
    width:18px!important;
    height:18px!important;
    left:3px!important;
    top:3px!important;
  }
  html[data-theme="dark"] body:not(.admin-body) .site-header .theme-toggle-icon:before,
  body:not(.admin-body) .site-header .theme-toggle.is-dark .theme-toggle-icon:before{
    left:15px!important;
  }
  body:not(.admin-body) .site-header .theme-toggle-copy{display:none!important}
}
@media (max-width:900px){
  body:not(.admin-body) .mobile-menu .theme-toggle{
    width:auto!important;
    min-width:52px!important;
    max-width:none!important;
    height:46px!important;
  }
}

/* Platform deneyimi kartları - panelden yönetilen görseller ve kompakt 3D düzen */
body:not(.admin-body) .features-section{
  padding-top:clamp(64px,7vw,110px)!important;
  padding-bottom:clamp(64px,7vw,110px)!important;
}
body:not(.admin-body) .features-section .section-heading{
  margin-bottom:clamp(30px,4vw,46px)!important;
}
body:not(.admin-body) .feature-grid{
  align-items:stretch!important;
  gap:clamp(18px,2vw,28px)!important;
}
body:not(.admin-body) .feature-card.managed-feature-card,
body:not(.admin-body) .feature-card{
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:12px 12px 24px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,253,253,.84)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(200,224,230,.85)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 20px 54px rgba(20,54,76,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body:not(.admin-body) .feature-card.managed-feature-card::after,
body:not(.admin-body) .feature-card::after{
  display:none!important;
}
body:not(.admin-body) .feature-card-media{
  width:100%!important;
  height:clamp(128px,10.2vw,172px)!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eaf9f7,#f7fbff 52%,#f4efff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 24px rgba(20,54,76,.08)!important;
}
body:not(.admin-body) .feature-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
body:not(.admin-body) .feature-card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:22px 16px 0!important;
  min-height:0!important;
}
body:not(.admin-body) .feature-card h3,
body:not(.admin-body) .feature-card p{
  margin-left:0!important;
  margin-right:0!important;
}
body:not(.admin-body) .feature-card h3{
  margin-top:0!important;
  margin-bottom:0!important;
  font-size:clamp(22px,1.6vw,28px)!important;
  line-height:1.12!important;
  color:var(--text)!important;
  letter-spacing:-.045em!important;
}
body:not(.admin-body) .feature-card p{
  margin:0!important;
  font-size:clamp(14px,1vw,16px)!important;
  line-height:1.65!important;
  color:var(--muted)!important;
}
body:not(.admin-body) .feature-index{
  top:18px!important;
  right:18px!important;
  z-index:3!important;
  min-width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(203,225,230,.9)!important;
  color:#35606b!important;
  box-shadow:0 10px 22px rgba(20,54,76,.10)!important;
}
html[data-theme="dark"] body:not(.admin-body) .feature-card.managed-feature-card,
html[data-theme="dark"] body:not(.admin-body) .feature-card{
  background:
    linear-gradient(145deg,rgba(14,25,43,.92),rgba(19,30,55,.78)) padding-box,
    linear-gradient(145deg,rgba(126,246,238,.18),rgba(139,92,246,.20)) border-box!important;
  box-shadow:0 22px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] body:not(.admin-body) .feature-card-media{
  background:linear-gradient(135deg,#102338,#111a31 52%,#1b1734)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 26px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body:not(.admin-body) .feature-card h3{color:#f3f8ff!important}
html[data-theme="dark"] body:not(.admin-body) .feature-card p{color:#b7c6d8!important}
html[data-theme="dark"] body:not(.admin-body) .feature-index{
  background:rgba(15,28,48,.92)!important;
  border-color:rgba(126,246,238,.18)!important;
  color:#d6f7f4!important;
}
@media(max-width:1100px){
  body:not(.admin-body) .feature-card-media{height:160px!important}
}
@media(max-width:650px){
  body:not(.admin-body) .feature-card.managed-feature-card,
  body:not(.admin-body) .feature-card{padding:10px 10px 22px!important;border-radius:26px!important}
  body:not(.admin-body) .feature-card-media{height:150px!important;border-radius:20px!important}
  body:not(.admin-body) .feature-card-body{padding:20px 14px 0!important}
}


/* v5.2.5 - Banner görselleri daha net: panel overlay ayarı korunur, silik görünüm azaltılır */
body:not(.admin-body) .banner-media img,
body:not(.admin-body) .banner-media video{
  opacity:1!important;
  filter:brightness(1.03) saturate(1.08) contrast(1.04)!important;
}
body:not(.admin-body) .banner-overlay{
  background:var(--banner-overlay,linear-gradient(90deg,rgba(247,250,252,.24) 0%,rgba(247,250,252,.10) 54%,rgba(247,250,252,0) 100%))!important;
  pointer-events:none!important;
}
body:not(.admin-body) .banner-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.03) 42%,rgba(0,0,0,.12) 100%);
}
html[data-theme="dark"] body:not(.admin-body) .banner-media img,
html[data-theme="dark"] body:not(.admin-body) .banner-media video{
  filter:brightness(.84) saturate(1.10) contrast(1.08)!important;
}
html[data-theme="dark"] body:not(.admin-body) .banner-overlay{
  background:var(--banner-overlay-dark,linear-gradient(90deg,rgba(6,17,31,.46) 0%,rgba(6,17,31,.20) 55%,rgba(6,17,31,.08) 100%))!important;
}
html[data-theme="dark"] body:not(.admin-body) .banner-slide::after{
  background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.10) 45%,rgba(0,0,0,.24) 100%);
}
@media(max-width:900px){
  body:not(.admin-body) .banner-media img,
  body:not(.admin-body) .banner-media video{filter:brightness(1.02) saturate(1.06) contrast(1.03)!important}
  body:not(.admin-body) .banner-overlay{background:linear-gradient(180deg,rgba(247,250,252,.20) 0%,rgba(247,250,252,.12) 54%,rgba(247,250,252,.22) 100%)!important}
  html[data-theme="dark"] body:not(.admin-body) .banner-overlay{background:linear-gradient(180deg,rgba(6,17,31,.44) 0%,rgba(6,17,31,.22) 55%,rgba(6,17,31,.36) 100%)!important}
}

/* Header sınıf menüsü hover çizgisi düzeltmesi */
body:not(.admin-body) .nav-dropdown-toggle::after,
body:not(.admin-body) .nav-dropdown:hover .nav-dropdown-toggle::after,
body:not(.admin-body) .nav-dropdown:focus-within .nav-dropdown-toggle::after,
body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown-toggle::after,
body:not(.admin-body) .nav-dropdown.active .nav-dropdown-toggle::after{
  content:none!important;
  display:none!important;
}
body:not(.admin-body) .nav-dropdown-toggle{
  overflow:hidden;
}

/* BIYODIJITAL V5.3.0 — tema, responsive, medya ve hızlı bilgi düzeltmeleri */
body:not(.admin-body) *,body:not(.admin-body) *::before,body:not(.admin-body) *::after{box-sizing:border-box}
body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3,body:not(.admin-body) p,body:not(.admin-body) a,body:not(.admin-body) span{overflow-wrap:anywhere}
body:not(.admin-body) img,body:not(.admin-body) video,body:not(.admin-body) iframe{max-width:100%}
body:not(.admin-body) .platform-grid>*,body:not(.admin-body) .grade-dashboard-layout>*,body:not(.admin-body) .content-layout>*,body:not(.admin-body) .class-grid>*{min-width:0}

/* Şeffaf logolu kompakt marka: koyu temada beyaz kutu/arka plan görünmez */
body:not(.admin-body) .brand-with-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
body:not(.admin-body) .brand-logo,body:not(.admin-body) .mobile-brand-logo{width:58px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(12,61,80,.14))}
body:not(.admin-body) .footer-logo{width:76px!important;height:76px!important;object-fit:contain!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.24))}
html[data-theme="dark"] body:not(.admin-body) .brand-logo,html[data-theme="dark"] body:not(.admin-body) .footer-logo{filter:drop-shadow(0 0 18px rgba(53,226,211,.20))}
body:not(.admin-body) .visual-shell.uses-brand-logo>img{object-fit:contain!important;max-width:58%!important;max-height:58%!important;filter:drop-shadow(0 24px 38px rgba(15,86,102,.20))}

/* Ana sayfadaki tüm ana bölümlerde eşit dikey ritim */
body:not(.admin-body) .homepage-flow>.section{padding:88px 0!important;margin:0!important}
body:not(.admin-body) .homepage-flow>.metrics-strip{margin:0!important}
body:not(.admin-body) .homepage-flow>.section+.section{border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}
body:not(.admin-body) .classes-after-hero{padding-top:88px!important;padding-bottom:88px!important}

/* Açık ve koyu temada sınıf özeti ile hızlı bilgi kartları */
html:not([data-theme="dark"]) body:not(.admin-body) .side-progress-card,
html:not([data-theme="dark"]) body:not(.admin-body) .quick-info-card{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(239,249,250,.92))!important;
  border:1px solid rgba(153,205,211,.48)!important;color:#13243b!important;box-shadow:0 22px 60px rgba(22,72,89,.12)!important
}
html:not([data-theme="dark"]) body:not(.admin-body) .quick-info-card{background:radial-gradient(circle at 86% 25%,rgba(123,97,255,.14),transparent 35%),linear-gradient(145deg,#fff,#f4f1ff)!important}
html:not([data-theme="dark"]) body:not(.admin-body) .side-progress-card h2,
html:not([data-theme="dark"]) body:not(.admin-body) .side-progress-card strong,
html:not([data-theme="dark"]) body:not(.admin-body) .quick-info-card h2,
html:not([data-theme="dark"]) body:not(.admin-body) .quick-info-card p,
html:not([data-theme="dark"]) body:not(.admin-body) .quick-info-card span{color:#13243b!important}
html:not([data-theme="dark"]) body:not(.admin-body) .side-ring:after{background:#fff!important;box-shadow:inset 0 0 0 1px rgba(37,119,132,.10)}
html:not([data-theme="dark"]) body:not(.admin-body) .side-ring span{color:#13243b!important}
html:not([data-theme="dark"]) body:not(.admin-body) .side-progress-card a{background:#e7f8f6!important;color:#087e82!important}
html[data-theme="dark"] body:not(.admin-body) .side-progress-card,
html[data-theme="dark"] body:not(.admin-body) .quick-info-card{background:linear-gradient(145deg,rgba(13,27,48,.98),rgba(23,31,64,.94))!important;border:1px solid rgba(91,124,157,.43)!important;color:#f5f8ff!important}
html[data-theme="dark"] body:not(.admin-body) .side-progress-card h2,
html[data-theme="dark"] body:not(.admin-body) .side-progress-card strong,
html[data-theme="dark"] body:not(.admin-body) .quick-info-card h2,
html[data-theme="dark"] body:not(.admin-body) .quick-info-card p,
html[data-theme="dark"] body:not(.admin-body) .quick-info-card span{color:#f5f8ff!important}
html[data-theme="dark"] body:not(.admin-body) .side-ring:after{background:#111c34!important}

/* Gerçek kaydırılabilir hızlı bilgi alanı */
body:not(.admin-body) .quick-info-slider{position:relative;padding:0!important;min-height:300px!important;isolation:isolate}
body:not(.admin-body) .quick-info-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.75,.2,1);will-change:transform}
body:not(.admin-body) .quick-info-slide{position:relative;flex:0 0 100%;min-width:100%;min-height:300px;padding:26px 26px 72px;opacity:.62;transition:opacity .35s ease}
body:not(.admin-body) .quick-info-slide.is-active{opacity:1}
body:not(.admin-body) .quick-info-kicker{display:block;margin-bottom:18px;font-size:12px;font-weight:950;letter-spacing:.08em}
body:not(.admin-body) .quick-info-slide h2{max-width:190px;margin:0 0 10px!important;line-height:1.12}
body:not(.admin-body) .quick-info-slide p{max-width:190px!important;margin:0!important;font-size:13px!important;line-height:1.6}
body:not(.admin-body) .quick-info-slide .quick-info-thumb{right:22px!important;top:86px!important}
body:not(.admin-body) .quick-info-link{position:absolute;left:26px;bottom:29px;display:inline-flex;align-items:center;gap:7px;color:var(--primary)!important;font-size:12px;font-weight:950;z-index:2}
body:not(.admin-body) .quick-info-link i{font-style:normal}
body:not(.admin-body) .quick-slider-controls{position:absolute;right:20px;bottom:20px;z-index:4;display:flex;align-items:center;gap:8px}
body:not(.admin-body) .quick-slider-controls>button{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:var(--surface-strong,#fff);color:var(--text);font-size:19px;line-height:1;cursor:pointer}
body:not(.admin-body) .quick-dots{position:static!important;display:flex;align-items:center;gap:6px}
body:not(.admin-body) .quick-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(76,99,124,.28);cursor:pointer;transition:.25s ease}
body:not(.admin-body) .quick-dots button.is-active{width:22px;background:var(--primary)}
html[data-theme="dark"] body:not(.admin-body) .quick-slider-controls>button{background:#17263f;color:#fff;border-color:#334964}
html[data-theme="dark"] body:not(.admin-body) .quick-dots button{background:rgba(255,255,255,.25)}

/* Panelden gelen PDF, Canva, görsel ve videoların site içi görüntülenmesi */
body:not(.admin-body) .content-resource-preview{margin:0 0 28px}
body:not(.admin-body) .resource-inline-frame,body:not(.admin-body) .resource-inline-video,body:not(.admin-body) .resource-inline-image,body:not(.admin-body) .resource-file-fallback{width:100%;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
body:not(.admin-body) .resource-inline-frame{height:clamp(460px,72vh,820px)}
body:not(.admin-body) .resource-inline-frame iframe,body:not(.admin-body) .resource-inline-frame object,body:not(.admin-body) .resource-inline-frame embed{display:block;width:100%;height:100%;border:0;background:#fff}
body:not(.admin-body) .resource-video-frame{height:auto;aspect-ratio:16/9}
body:not(.admin-body) .resource-inline-video video{display:block;width:100%;max-height:78vh;background:#050a12}
body:not(.admin-body) .resource-inline-image{margin:0;display:grid;place-items:center;padding:16px}
body:not(.admin-body) .resource-inline-image img{display:block;width:auto;max-width:100%;max-height:80vh;border-radius:15px;object-fit:contain}
body:not(.admin-body) .resource-file-fallback{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:22px}
body:not(.admin-body) .resource-file-fallback>span{font-size:34px}
body:not(.admin-body) .resource-file-fallback strong{display:block;color:var(--text);margin-bottom:5px}
body:not(.admin-body) .resource-file-fallback p{margin:0;color:var(--muted);font-size:13px}
html[data-theme="dark"] body:not(.admin-body) .resource-inline-frame iframe{background:#101827}

/* Tablet ve küçük ekranlarda şekil/yazı taşmalarını önle */
@media(max-width:1100px){
  body:not(.admin-body) .header-inner{gap:12px!important}
  body:not(.admin-body) .desktop-nav{gap:4px!important}
  body:not(.admin-body) .desktop-nav>a,body:not(.admin-body) .nav-dropdown-toggle{padding-inline:8px!important;font-size:12px!important}
  body:not(.admin-body) .hero-highlight-grid{grid-template-columns:1fr!important}
}
@media(max-width:980px){
  body:not(.admin-body) .feature-index{display:none!important}
  body:not(.admin-body) .mobile-menu nav>a{padding-left:0!important}
  body:not(.admin-body) .mobile-submenu>a{padding-left:20px!important}
  body:not(.admin-body) .mobile-submenu>a>span{flex:0 0 42px!important}
  body:not(.admin-body) .grade-side-column{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body:not(.admin-body) .homepage-flow>.section,body:not(.admin-body) .classes-after-hero{padding:64px 0!important}
  body:not(.admin-body) .brand-logo,body:not(.admin-body) .mobile-brand-logo{width:48px!important;height:48px!important}
  body:not(.admin-body) .grade-hero-card{padding:24px!important}
  body:not(.admin-body) .grade-hero-copy h1{font-size:clamp(36px,12vw,52px)!important}
  body:not(.admin-body) .grade-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.admin-body) .grade-side-column{grid-template-columns:1fr!important}
  body:not(.admin-body) .quick-info-slide h2,body:not(.admin-body) .quick-info-slide p{max-width:62%!important}
  body:not(.admin-body) .resource-inline-frame{height:68vh;min-height:430px}
  body:not(.admin-body) .resource-file-fallback{grid-template-columns:auto minmax(0,1fr);align-items:start}
  body:not(.admin-body) .resource-file-fallback .btn{grid-column:1/-1;width:100%}
}
@media(max-width:480px){
  body:not(.admin-body) .container{width:calc(100% - 22px)!important}
  body:not(.admin-body) .header-inner{padding-inline:12px!important}
  body:not(.admin-body) .quick-info-slide{padding:22px 20px 76px}
  body:not(.admin-body) .quick-info-slide h2,body:not(.admin-body) .quick-info-slide p{max-width:58%!important}
  body:not(.admin-body) .quick-info-slide .quick-info-thumb{right:16px!important;width:82px!important;height:66px!important}
  body:not(.admin-body) .quick-info-link{left:20px}
  body:not(.admin-body) .quick-slider-controls{right:14px}
  body:not(.admin-body) .content-viewer{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-body) .quick-info-track{transition:none}}

/* BIYODIJITAL V5.3.1 — Tüm içerikler için geniş overlay */
body:not(.admin-body) .resource-embed-dialog{width:min(1440px,calc(100vw - 28px))!important;height:min(96vh,980px)!important}
body:not(.admin-body) .resource-embed-frame-wrap{min-height:0!important}
body:not(.admin-body) .resource-embed-frame-wrap>iframe{width:100%!important;height:100%!important}
@media(max-width:760px){body:not(.admin-body) .resource-embed-dialog{width:100%!important;height:100%!important;max-height:none!important}}

/* BIYODIJITAL V5.3.2 — PDF/harici bağlantı overlay düzeltmesi */
body:not(.admin-body) .resource-pdf-frame object{min-height:100%;}
body:not(.admin-body) .resource-external-safe{min-height:300px;align-items:center;}

/* İçerik kartı kapak görselleri: tema arka plan kuralları görseli ezmemeli. */
body:not(.admin-body) .resource-cover .resource-cover-image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
body:not(.admin-body) .resource-cover.has-image .resource-symbol{display:none!important}
body:not(.admin-body) .resource-cover.has-image:after{z-index:1;pointer-events:none}
body:not(.admin-body) .resource-cover .resource-type,
body:not(.admin-body) .resource-cover .premium-lock-badge,
body:not(.admin-body) .resource-cover .resource-lock-layer{z-index:3}


/* =========================================================
   BIYODIJITAL V5.4.0 — KOYU TEMA KONTRASTI + KAYIT SAYFALARI
   Ekran görüntülerinde okunmayan açık kartları koyu temaya uyumlar.
   ========================================================= */
html[data-theme="dark"] body:not(.admin-body) .eyebrow,
html[data-theme="dark"] body:not(.admin-body) .soft-pill,
html[data-theme="dark"] body:not(.admin-body) .grade-pill,
html[data-theme="dark"] body:not(.admin-body) .topic-module-label{
  background:linear-gradient(135deg,rgba(13,31,51,.94),rgba(26,34,62,.90))!important;
  border-color:rgba(103,230,218,.28)!important;
  color:#63eadf!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] body:not(.admin-body) .eyebrow i,
html[data-theme="dark"] body:not(.admin-body) .section-heading .eyebrow i{
  background:linear-gradient(90deg,#55e5db,#a996ff,#f2a33b)!important;
}

/* Ana sayfadaki açık kalan hızlı bağlantı ve bilgi kartları */
html[data-theme="dark"] body:not(.admin-body) .hero-highlight-card,
html[data-theme="dark"] body:not(.admin-body) .floating-note{
  background:linear-gradient(145deg,rgba(12,27,47,.98),rgba(23,34,61,.95))!important;
  border-color:rgba(112,151,188,.34)!important;
  color:#f5f8ff!important;
  box-shadow:0 20px 52px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="dark"] body:not(.admin-body) .hero-highlight-card>span,
html[data-theme="dark"] body:not(.admin-body) .floating-note>span{
  background:linear-gradient(145deg,#153b43,#29385a)!important;
  color:#7ff6ee!important;
  border-color:rgba(127,246,238,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(127,246,238,.12)!important;
}
html[data-theme="dark"] body:not(.admin-body) .hero-highlight-card b,
html[data-theme="dark"] body:not(.admin-body) .floating-note b{color:#f7fbff!important}
html[data-theme="dark"] body:not(.admin-body) .hero-highlight-card small{color:#b6c7dc!important}
html[data-theme="dark"] body:not(.admin-body) .hero-highlight-card>i{background:rgba(92,236,224,.12)!important;color:#7ff6ee!important}

/* Ana sayfa ve sınıf sayfasındaki istatistik şeritleri */
html[data-theme="dark"] body:not(.admin-body) .metrics-grid{
  background:linear-gradient(145deg,rgba(11,25,43,.96),rgba(23,31,57,.92))!important;
  border-color:rgba(101,134,170,.32)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] body:not(.admin-body) .metrics-grid>div{border-color:rgba(119,151,183,.22)!important}
html[data-theme="dark"] body:not(.admin-body) .metrics-grid strong{color:#f8fbff!important}
html[data-theme="dark"] body:not(.admin-body) .metrics-grid span{color:#b9c9dc!important}
html[data-theme="dark"] body:not(.admin-body) .bio-map-stats span,
html[data-theme="dark"] body:not(.admin-body) .grade-stat-row span{
  background:linear-gradient(145deg,#111f35,#182641)!important;
  border-color:#314761!important;
  color:#d7e3f1!important;
  box-shadow:0 16px 40px rgba(0,0,0,.27)!important;
}
html[data-theme="dark"] body:not(.admin-body) .bio-map-stats b,
html[data-theme="dark"] body:not(.admin-body) .grade-stat-row b{color:#62eadf!important}

/* Sınıflar açılır menüsü */
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-menu{
  background:linear-gradient(145deg,rgba(9,20,35,.99),rgba(18,28,50,.98))!important;
  border-color:#30455f!important;
  box-shadow:0 30px 80px rgba(0,0,0,.52)!important;
}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-all{
  background:linear-gradient(135deg,#12313a,#27324d)!important;
  border:1px solid rgba(101,225,213,.16)!important;
}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-all b{color:#f7fbff!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-all small{color:#b2c3d7!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a{
  background:#0e1c30!important;
  border-color:#2f435c!important;
  color:#f5f8ff!important;
}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a:hover{background:#142942!important;border-color:rgba(127,246,238,.34)!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a small{color:#c1cee0!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a span{color:#f7fbff!important}

/* Duyurular, SSS, iletişim, hakkımızda ve kitaplar sayfa üstleri */
html[data-theme="dark"] body:not(.admin-body) .page-hero{
  background:
    radial-gradient(circle at 86% 12%,rgba(86,113,194,.18),transparent 31%),
    radial-gradient(circle at 12% 84%,rgba(52,228,209,.10),transparent 34%),
    linear-gradient(145deg,#081322,#101d32 58%,#16182f)!important;
  border-bottom-color:#263a53!important;
}
html[data-theme="dark"] body:not(.admin-body) .page-hero:after{
  border-color:rgba(139,169,211,.16)!important;
  box-shadow:0 0 0 65px rgba(75,104,159,.045),0 0 0 130px rgba(75,104,159,.025)!important;
}
html[data-theme="dark"] body:not(.admin-body) .page-hero h1,
html[data-theme="dark"] body:not(.admin-body) .page-hero h2{color:#f8fbff!important;text-shadow:0 12px 36px rgba(0,0,0,.24)}
html[data-theme="dark"] body:not(.admin-body) .page-hero p{color:#bdcce0!important}
html[data-theme="dark"] body:not(.admin-body) .breadcrumbs{color:#91a5bc!important}
html[data-theme="dark"] body:not(.admin-body) .breadcrumbs a{color:#b9c9dc!important}
html[data-theme="dark"] body:not(.admin-body) .breadcrumbs b{color:#f1f6fd!important}

/* Duyuru kartları */
html[data-theme="dark"] body:not(.admin-body) .announcement-card{
  background:linear-gradient(145deg,#0e1c30,#17253e)!important;
  border-color:#30455f!important;
  color:#eff5fd!important;
  box-shadow:0 18px 50px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body:not(.admin-body) .announcement-card time{border-color:#30455f!important}
html[data-theme="dark"] body:not(.admin-body) .announcement-card time strong,
html[data-theme="dark"] body:not(.admin-body) .announcement-card h2{color:#f8fbff!important}
html[data-theme="dark"] body:not(.admin-body) .announcement-card time span,
html[data-theme="dark"] body:not(.admin-body) .announcement-card p{color:#b7c7db!important}

/* SSS arama, yardım kartı ve akordeon */
html[data-theme="dark"] body:not(.admin-body) .faq-search-form,
html[data-theme="dark"] body:not(.admin-body) .faq-page-grid aside,
html[data-theme="dark"] body:not(.admin-body) .accordion details{
  background:linear-gradient(145deg,#0d1b2e,#16243d)!important;
  border-color:#30455f!important;
  color:#edf4fc!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body:not(.admin-body) .faq-search-form label,
html[data-theme="dark"] body:not(.admin-body) .faq-search-meta,
html[data-theme="dark"] body:not(.admin-body) .faq-page-grid aside p,
html[data-theme="dark"] body:not(.admin-body) .accordion details p{color:#b7c7db!important}
html[data-theme="dark"] body:not(.admin-body) .faq-page-grid aside h2,
html[data-theme="dark"] body:not(.admin-body) .accordion summary{color:#f7fbff!important}
html[data-theme="dark"] body:not(.admin-body) .accordion details{border-bottom-color:#30455f!important}
html[data-theme="dark"] body:not(.admin-body) .accordion summary>span,
html[data-theme="dark"] body:not(.admin-body) .accordion summary i{color:#62eadf!important}

/* İletişim alanları */
html[data-theme="dark"] body:not(.admin-body) .contact-quick,
html[data-theme="dark"] body:not(.admin-body) .contact-form{
  background:linear-gradient(145deg,#0e1c30,#17253e)!important;
  border-color:#30455f!important;
  box-shadow:0 20px 58px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body:not(.admin-body) .contact-quick span,
html[data-theme="dark"] body:not(.admin-body) .contact-quick small,
html[data-theme="dark"] body:not(.admin-body) .contact-copy p{color:#b7c7db!important}
html[data-theme="dark"] body:not(.admin-body) .contact-quick a{color:#58e3dc!important}
html[data-theme="dark"] body:not(.admin-body) .contact-copy h2{color:#f8fbff!important}
html[data-theme="dark"] body:not(.admin-body) .contact-points span{color:#d6e2f0!important}
html[data-theme="dark"] body:not(.admin-body) .contact-form label{color:#d6e2f0!important}

/* Hakkımızda ve kitap kartları */
html[data-theme="dark"] body:not(.admin-body) .about-story,
html[data-theme="dark"] body:not(.admin-body) .book-card{
  background:linear-gradient(145deg,#0e1c30,#17253e)!important;
  border-color:#30455f!important;
  box-shadow:0 20px 58px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body:not(.admin-body) .about-story h2,
html[data-theme="dark"] body:not(.admin-body) .book-card h2,
html[data-theme="dark"] body:not(.admin-body) .book-card h2 a{color:#f8fbff!important}
html[data-theme="dark"] body:not(.admin-body) .about-story .rich-copy,
html[data-theme="dark"] body:not(.admin-body) .book-card p{color:#b7c7db!important}

/* Giriş ve öğrenci/öğretmen kayıt formları */
html[data-theme="dark"] body:not(.admin-body) .auth-page,
html[data-theme="dark"] body:not(.admin-body) .club-auth-page{
  background:
    radial-gradient(circle at 8% 8%,rgba(52,228,209,.13),transparent 32%),
    radial-gradient(circle at 92% 5%,rgba(169,150,255,.15),transparent 34%),
    linear-gradient(145deg,#06101e,#0b1527 58%,#140f25)!important;
}
html[data-theme="dark"] body:not(.admin-body) .auth-layout,
html[data-theme="dark"] body:not(.admin-body) .club-auth-shell{
  background:#0b1728!important;
  border-color:#30455f!important;
  box-shadow:0 38px 110px rgba(0,0,0,.46)!important;
}
html[data-theme="dark"] body:not(.admin-body) .auth-card,
html[data-theme="dark"] body:not(.admin-body) .club-auth-form-wrap{
  background:linear-gradient(180deg,#101e33,#0d192c)!important;
  color:#edf4fc!important;
}
html[data-theme="dark"] body:not(.admin-body) .auth-card h2,
html[data-theme="dark"] body:not(.admin-body) .club-form-head h2{color:#f8fbff!important}
html[data-theme="dark"] body:not(.admin-body) .auth-card>p,
html[data-theme="dark"] body:not(.admin-body) .club-form-head p,
html[data-theme="dark"] body:not(.admin-body) .club-login-note,
html[data-theme="dark"] body:not(.admin-body) .club-switch-link{color:#b7c7db!important}
html[data-theme="dark"] body:not(.admin-body) .club-auth-form label,
html[data-theme="dark"] body:not(.admin-body) .auth-card label{color:#d7e3f1!important}
html[data-theme="dark"] body:not(.admin-body) .club-auth-form input,
html[data-theme="dark"] body:not(.admin-body) .club-auth-form select,
html[data-theme="dark"] body:not(.admin-body) .auth-card input,
html[data-theme="dark"] body:not(.admin-body) .auth-card select{
  background:#091525!important;
  color:#f7fbff!important;
  border-color:#334a65!important;
}
html[data-theme="dark"] body:not(.admin-body) .club-auth-form input:focus,
html[data-theme="dark"] body:not(.admin-body) .club-auth-form select:focus,
html[data-theme="dark"] body:not(.admin-body) .auth-card input:focus,
html[data-theme="dark"] body:not(.admin-body) .auth-card select:focus{
  background:#0c1a2d!important;
  border-color:#55d9d0!important;
  box-shadow:0 0 0 4px rgba(85,217,208,.12)!important;
}
html[data-theme="dark"] body:not(.admin-body) .club-auth-form option,
html[data-theme="dark"] body:not(.admin-body) select option{background:#0c1a2d;color:#f7fbff}
html[data-theme="dark"] body:not(.admin-body) .payment-form-note{
  background:#10253b!important;
  border-color:#31506c!important;
}
html[data-theme="dark"] body:not(.admin-body) .payment-form-note p{color:#c3d2e4!important}
html[data-theme="dark"] body:not(.admin-body) .club-switch-link{border-color:#30455f!important}
html[data-theme="dark"] body:not(.admin-body) .club-login-note a,
html[data-theme="dark"] body:not(.admin-body) .club-switch-link span{color:#62eadf!important}
html[data-theme="dark"] body:not(.admin-body) .form-error{background:#3a1820!important;color:#ffd8df!important;border:1px solid #733042!important}

/* Koyu temada pasif buton okunabilirliği */
html[data-theme="dark"] body:not(.admin-body) button:disabled,
html[data-theme="dark"] body:not(.admin-body) .btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}

@media(max-width:760px){
  html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-menu{background:#0b1728!important}
  html[data-theme="dark"] body:not(.admin-body) .page-hero{padding-top:82px!important}
  html[data-theme="dark"] body:not(.admin-body) .faq-page-grid aside{position:static!important}
}


/* =========================================================
   BIYODIJITAL V5.5.0 — OKUNABILIRLIK, GENIS ETIKETLER VE INDIRME AYARI
   ========================================================= */
/* Bölüm etiketleri metni sıkıştırmadan daha dengeli ve geniş görünür. */
body:not(.admin-body) .eyebrow{
  min-width:240px!important;
  min-height:42px!important;
  padding:10px 26px!important;
  gap:14px!important;
  justify-content:flex-start!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body:not(.admin-body) .eyebrow i{flex:0 0 28px!important;width:28px!important}
body:not(.admin-body) .banner-copy .eyebrow{min-width:0!important;width:max-content!important;max-width:100%!important}

/* Açık/koyu temada koyu zeminli giriş alanlarının başlıkları daima okunur. */
body:not(.admin-body) .auth-visual h1,
body:not(.admin-body) .club-auth-visual h1,
body:not(.admin-body) .payment-hero h1,
body:not(.admin-body) .portal-card.primary h2,
body:not(.admin-body) .cta-shell h2{
  color:#ffffff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
body:not(.admin-body) .auth-visual h1 em,
body:not(.admin-body) .club-auth-visual h1 em,
body:not(.admin-body) .payment-hero h1 em{color:#8cf5e8!important;-webkit-text-fill-color:initial!important;background:none!important}
body:not(.admin-body) .auth-visual p,
body:not(.admin-body) .club-auth-visual>p,
body:not(.admin-body) .payment-hero p{color:rgba(244,250,255,.82)!important}

/* SSS numaraları soldan taşmaz; soru metni ve cevap aynı hizada başlar. */
body:not(.admin-body) .accordion.large{display:grid;gap:12px}
body:not(.admin-body) .accordion.large details{
  overflow:hidden;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  background:var(--surface)!important;
}
body:not(.admin-body) .accordion.large summary{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:16px!important;
  min-height:78px!important;
  padding:16px 20px!important;
}
body:not(.admin-body) .accordion.large summary>span{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:rgba(24,201,183,.12)!important;
  border:1px solid rgba(24,201,183,.24)!important;
  color:#0a9f97!important;
  font-size:12px!important;
  font-weight:950!important;
}
body:not(.admin-body) .accordion.large summary i{display:grid;place-items:center;margin:0!important;width:32px;height:32px;border-radius:50%;background:rgba(24,201,183,.10)}
body:not(.admin-body) .accordion.large details p{padding:0 68px 24px 82px!important;margin:0!important}
html[data-theme="dark"] body:not(.admin-body) .accordion.large summary>span{background:#173348!important;border-color:#31566d!important;color:#77f4e8!important}
html[data-theme="dark"] body:not(.admin-body) .accordion.large summary i{background:#173348!important;color:#77f4e8!important}

/* Koyu tema sınıflar menüsü: daha geniş kartlar ve net metinler. */
body:not(.admin-body) .nav-dropdown-menu{width:360px!important;padding:18px!important}
body:not(.admin-body) .nav-dropdown-all{padding:17px 18px!important;border-radius:18px!important}
body:not(.admin-body) .nav-dropdown-grid{gap:10px!important}
body:not(.admin-body) .nav-dropdown-grid a{grid-template-columns:52px minmax(0,1fr) 24px!important;min-height:64px!important;padding:10px 14px!important;border-radius:18px!important}
body:not(.admin-body) .nav-dropdown-grid a span{width:42px!important;height:42px!important;font-size:16px!important}
body:not(.admin-body) .nav-dropdown-grid a small{font-size:12px!important;line-height:1.3!important;overflow-wrap:normal!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-menu{background:linear-gradient(145deg,#081525,#111e34)!important;border-color:#38516d!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-all{background:linear-gradient(135deg,#173649,#242e4b)!important;border-color:#36566b!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a{background:linear-gradient(145deg,#0d1c31,#13233a)!important;border-color:#34506b!important;color:#f7fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a:hover{background:linear-gradient(145deg,#15304a,#172a45)!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a small{color:#f0f6ff!important;font-weight:900!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a.grade-9 span{background:#dffaf8!important;color:#078e94!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a.grade-10 span{background:#f1f9df!important;color:#659200!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a.grade-11 span{background:#fff0dc!important;color:#c87400!important}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown-grid a.grade-12 span{background:#f8e7f2!important;color:#a53379!important}

/* Wordwall alt alanında yalnız kapatma eylemi kalır. */
body:not(.admin-body) .wordwall-dialog>footer{justify-content:flex-end!important}

@media(max-width:700px){
  body:not(.admin-body) .eyebrow{min-width:min(230px,100%)!important;padding:9px 20px!important;font-size:10.5px!important}
  body:not(.admin-body) .accordion.large summary{grid-template-columns:40px minmax(0,1fr) 28px!important;gap:11px!important;padding:14px 13px!important}
  body:not(.admin-body) .accordion.large summary>span{width:38px!important;height:38px!important}
  body:not(.admin-body) .accordion.large details p{padding:0 16px 20px 64px!important}
  body:not(.admin-body) .nav-dropdown-menu{width:min(360px,calc(100vw - 24px))!important}
}


/* =========================================================
   BIYODIJITAL V5.6.0 — BANNER BUTONLARI GUVENLI YERLESIM
   Görselin kendi üzerinde başlık bulunan bannerlarda, yalnızca butonlar
   kullanılıyorsa butonları görsel yazısının altına bindirmeden alt güvenli
   alana taşır. Normal metinli bannerların yerleşimini değiştirmez.
   ========================================================= */
body:not(.admin-body) .banner-slide.banner-actions-only .banner-content{
  align-items:flex-end!important;
  padding-top:var(--header)!important;
  padding-bottom:clamp(102px,13.5vh,138px)!important;
}
body:not(.admin-body) .banner-slide.banner-actions-only .banner-copy{
  width:auto!important;
  max-width:min(620px,calc(100vw - 124px))!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
body:not(.admin-body) .banner-slide.banner-actions-only .banner-copy::before{
  content:none!important;
  display:none!important;
}
body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions{
  display:flex!important;
  align-items:stretch!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
}
body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions .btn{
  min-width:210px!important;
  min-height:58px!important;
  padding:16px 25px!important;
  border-radius:18px!important;
  font-size:16px!important;
  line-height:1.15!important;
  box-shadow:0 18px 40px rgba(4,20,48,.22)!important;
}
body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions .btn-glass,
body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions .btn-soft{
  background:rgba(255,255,255,.94)!important;
  color:#10213d!important;
  border-color:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(14px)!important;
}
@media(max-width:900px){
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-content{
    padding-bottom:104px!important;
  }
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-copy{
    max-width:min(560px,calc(100vw - 42px))!important;
  }
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions .btn{
    min-width:190px!important;
  }
}
@media(max-width:650px){
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-content{
    align-items:flex-end!important;
    padding-bottom:82px!important;
  }
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-copy{
    width:100%!important;
    max-width:100%!important;
  }
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body:not(.admin-body) .banner-slide.banner-actions-only .banner-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:14px 18px!important;
    border-radius:15px!important;
    font-size:15px!important;
  }
}


/* =========================================================
   V32 — Banner keşfet/CTA çakışma ve öğretmen butonu renk eşitleme
   - Ana sayfa bannerında scroll indicator ile CTA çakışmasını önler.
   - Tablet/mobilde CTA butonlarını daha düzenli hizalar.
   - Öğretmen Kulübü butonunu Öğrenci Kulübü ile aynı renk yapar.
   ========================================================= */
body:not(.admin-body).home-page .banner-actions .btn-glass,
body:not(.admin-body).home-page .banner-actions .btn-soft{
  background:linear-gradient(135deg,#24bdbf 0%,#b7d42b 48%,#f29822 78%,#b15090 100%)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 34px rgba(36,189,191,.24)!important;
}
body:not(.admin-body).home-page .banner-actions .btn-glass:hover,
body:not(.admin-body).home-page .banner-actions .btn-soft:hover{
  color:#ffffff!important;
  box-shadow:0 21px 45px rgba(36,189,191,.30)!important;
}
body:not(.admin-body).home-page .banner-actions .btn-glass span,
body:not(.admin-body).home-page .banner-actions .btn-soft span{
  color:#ffffff!important;
}

@media (max-width: 1024px){
  body:not(.admin-body).home-page .scroll-indicator{
    display:none!important;
  }
  body:not(.admin-body).home-page .banner-content.container,
  body:not(.admin-body).home-page .banner-content{
    align-items:flex-end!important;
    padding-bottom:132px!important;
  }
  body:not(.admin-body).home-page .banner-copy{
    width:min(760px,100%)!important;
  }
  body:not(.admin-body).home-page .banner-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    width:min(560px,100%)!important;
    margin-top:16px!important;
  }
  body:not(.admin-body).home-page .banner-actions .btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
}

@media (max-width: 640px){
  body:not(.admin-body).home-page .banner-content.container,
  body:not(.admin-body).home-page .banner-content{
    padding-bottom:118px!important;
  }
  body:not(.admin-body).home-page .banner-actions{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:10px!important;
  }
}

html[data-theme="dark"] body:not(.admin-body).home-page .banner-actions .btn-glass,
html[data-theme="dark"] body:not(.admin-body).home-page .banner-actions .btn-soft{
  background:linear-gradient(135deg,#19c8ce 0%,#80d63a 52%,#f29822 86%)!important;
  color:#06111f!important;
  border-color:rgba(151,177,208,.22)!important;
  box-shadow:0 16px 36px rgba(36,189,191,.22)!important;
}
html[data-theme="dark"] body:not(.admin-body).home-page .banner-actions .btn-glass span,
html[data-theme="dark"] body:not(.admin-body).home-page .banner-actions .btn-soft span{
  color:#06111f!important;
}

/* =========================================================
   V33 — Header ile banner arasındaki açık şerit düzeltmesi
   Header kapsülünü üst kenara oturtur ve header yüksekliğini
   iç kapsülle eşitleyerek üstte/altta görünen boşluğu kaldırır.
   ========================================================= */
body:not(.admin-body).home-page .site-header{
  top:0!important;
  height:94px!important;
  padding-top:0!important;
  margin:0!important;
  align-items:stretch!important;
}
body:not(.admin-body).home-page .site-header .header-inner{
  height:94px!important;
  min-height:94px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
body:not(.admin-body).home-page .banner-slider{
  top:0!important;
  margin-top:0!important;
  border-top:0!important;
}

@media (max-width:1320px){
  body:not(.admin-body).home-page .site-header{
    height:80px!important;
    padding-top:0!important;
  }
  body:not(.admin-body).home-page .site-header .header-inner{
    height:80px!important;
    min-height:80px!important;
  }
}

@media (max-width:760px){
  body:not(.admin-body).home-page .site-header{
    height:72px!important;
  }
  body:not(.admin-body).home-page .site-header .header-inner{
    height:72px!important;
    min-height:72px!important;
  }
}


/* =========================================================
   V35 — Yönetilebilir istatistikler, okunur admin bağlantısı ve banner vurgu rengi
   ========================================================= */
html[data-theme="dark"] body:not(.admin-body) .site-header .header-user,
html[data-theme="dark"] body:not(.admin-body) .site-header .header-user.btn-ghost{
  color:#f7fbff!important;
  background:rgba(245,248,255,.11)!important;
  border:1px solid rgba(185,207,232,.34)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
}
html[data-theme="dark"] body:not(.admin-body) .site-header .header-user:hover,
html[data-theme="dark"] body:not(.admin-body) .site-header .header-user.btn-ghost:hover{
  color:#ffffff!important;
  background:rgba(52,228,209,.16)!important;
  border-color:rgba(127,246,238,.42)!important;
}

body:not(.admin-body) .banner-slide .banner-copy h1 em,
html[data-theme="dark"] body:not(.admin-body) .banner-slide .banner-copy h1 em{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:var(--accent,#296bff)!important;
  -webkit-text-fill-color:var(--accent,#296bff)!important;
}

/* =========================================================
   V36 — Banner butonlarına panelden özel renk desteği
   ========================================================= */
body:not(.admin-body) .banner-actions .btn.banner-custom-colors{
  background:var(--button-bg)!important;
  color:var(--button-text)!important;
  border-color:var(--button-border)!important;
  box-shadow:0 15px 32px color-mix(in srgb,var(--button-bg) 28%,transparent)!important;
}
body:not(.admin-body) .banner-actions .btn.banner-custom-colors:hover{
  background:var(--button-hover)!important;
  color:var(--button-text)!important;
  border-color:var(--button-border)!important;
  box-shadow:0 20px 42px color-mix(in srgb,var(--button-hover) 34%,transparent)!important;
}
body:not(.admin-body) .banner-actions .btn.banner-custom-colors span{
  color:inherit!important;
}

/* =========================================================
   V37 — Sınıf bannerı tam arka plan ve yönetilebilir istatistikler
   ========================================================= */
body:not(.admin-body) .grade-hero-card{
  position:relative!important;
  display:block!important;
  min-height:440px!important;
  padding:clamp(30px,5vw,64px)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body:not(.admin-body) .grade-hero-card.has-cover{
  background:#eef7f8!important;
  border-color:rgba(190,222,228,.72)!important;
}
body:not(.admin-body) .grade-hero-card.has-cover::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(248,252,253,.96) 0%,rgba(248,252,253,.88) 40%,rgba(248,252,253,.54) 72%,rgba(248,252,253,.28) 100%)!important;
  pointer-events:none!important;
}
body:not(.admin-body) .grade-hero-card.has-cover::after{
  display:none!important;
  content:none!important;
}
body:not(.admin-body) .grade-hero-background{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
}
body:not(.admin-body) .grade-hero-background img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.002);
}
body:not(.admin-body) .grade-hero-copy{
  position:relative!important;
  z-index:2!important;
  width:min(760px,72%)!important;
  min-height:320px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
body:not(.admin-body) .grade-hero-copy h1{
  margin:24px 0 18px!important;
  color:var(--text)!important;
  text-wrap:balance!important;
}
body:not(.admin-body) .grade-hero-copy p{
  margin:0 0 30px!important;
  max-width:680px!important;
}
body:not(.admin-body) .grade-stat-row{
  width:100%!important;
  max-width:680px!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
}
body:not(.admin-body) .grade-stat-row span{
  backdrop-filter:blur(15px)!important;
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(255,255,255,.78)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover{
  background:#07111f!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover::before{
  background:linear-gradient(90deg,rgba(5,12,24,.94) 0%,rgba(7,16,31,.86) 42%,rgba(7,16,31,.56) 74%,rgba(7,16,31,.34) 100%)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-background img{
  filter:brightness(.66) saturate(.9) contrast(1.05)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-copy h1{
  color:#f7fbff!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-copy p{
  color:#c6d5e8!important;
}
@media(max-width:860px){
  body:not(.admin-body) .grade-hero-card{
    min-height:520px!important;
    padding:30px 26px!important;
  }
  body:not(.admin-body) .grade-hero-card.has-cover::before{
    background:linear-gradient(180deg,rgba(248,252,253,.90) 0%,rgba(248,252,253,.84) 54%,rgba(248,252,253,.94) 100%)!important;
  }
  body:not(.admin-body) .grade-hero-copy{
    width:100%!important;
    min-height:460px!important;
    justify-content:flex-end!important;
  }
  html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover::before{
    background:linear-gradient(180deg,rgba(5,12,24,.68) 0%,rgba(5,12,24,.74) 48%,rgba(5,12,24,.94) 100%)!important;
  }
}
@media(max-width:560px){
  body:not(.admin-body) .grade-hero-card{
    min-height:560px!important;
    padding:24px 20px!important;
  }
  body:not(.admin-body) .grade-hero-copy{
    min-height:510px!important;
  }
  body:not(.admin-body) .grade-stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   V38 — Sınıf bannerı sabit istatistik konumu ve görünür arka plan
   ========================================================= */
@media (min-width:861px){
  body:not(.admin-body) .grade-hero-card{
    height:560px!important;
    min-height:560px!important;
  }
  body:not(.admin-body) .grade-hero-copy{
    position:relative!important;
    width:min(780px,74%)!important;
    height:100%!important;
    min-height:0!important;
    padding-bottom:132px!important;
    box-sizing:border-box!important;
    justify-content:flex-start!important;
  }
  body:not(.admin-body) .grade-stat-row{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    margin:0!important;
    width:min(680px,100%)!important;
    max-width:680px!important;
    z-index:4!important;
  }
}

body:not(.admin-body) .grade-hero-card.has-cover::before{
  background:linear-gradient(90deg,
    rgba(248,252,253,.78) 0%,
    rgba(248,252,253,.62) 38%,
    rgba(248,252,253,.26) 68%,
    rgba(248,252,253,.06) 100%)!important;
}
body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-background img{
  filter:saturate(1.08) contrast(1.04)!important;
}
body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-copy h1,
body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-copy p,
body:not(.admin-body) .grade-hero-card.has-cover .grade-pill{
  text-shadow:0 2px 14px rgba(255,255,255,.88)!important;
}

html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover::before{
  background:linear-gradient(90deg,
    rgba(5,12,24,.76) 0%,
    rgba(7,16,31,.60) 42%,
    rgba(7,16,31,.28) 74%,
    rgba(7,16,31,.10) 100%)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-background img{
  filter:brightness(.82) saturate(1.03) contrast(1.07)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-copy h1,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-hero-copy p,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover .grade-pill{
  text-shadow:0 3px 18px rgba(0,0,0,.72)!important;
}

@media (max-width:860px){
  body:not(.admin-body) .grade-hero-card{
    height:610px!important;
    min-height:610px!important;
  }
  body:not(.admin-body) .grade-hero-copy{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding-bottom:150px!important;
    box-sizing:border-box!important;
    justify-content:flex-end!important;
  }
  body:not(.admin-body) .grade-stat-row{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    margin:0!important;
    width:100%!important;
    max-width:none!important;
    z-index:4!important;
  }
  body:not(.admin-body) .grade-hero-card.has-cover::before{
    background:linear-gradient(180deg,
      rgba(248,252,253,.30) 0%,
      rgba(248,252,253,.42) 42%,
      rgba(248,252,253,.76) 72%,
      rgba(248,252,253,.88) 100%)!important;
  }
  html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover::before{
    background:linear-gradient(180deg,
      rgba(5,12,24,.18) 0%,
      rgba(5,12,24,.34) 42%,
      rgba(5,12,24,.72) 72%,
      rgba(5,12,24,.90) 100%)!important;
  }
}

@media (max-width:560px){
  body:not(.admin-body) .grade-hero-card{
    height:660px!important;
    min-height:660px!important;
  }
  body:not(.admin-body) .grade-hero-copy{
    padding-bottom:170px!important;
  }
}


/* =========================================================
   V5.8.0 — Konu kaynak kartlarını aynı hizada tut
   Başlık uzunluğu ve içerik sayısı değişse de tüm kartların
   ikon, başlık, durum ve içerik başlangıçları aynı seviyede kalır.
   ========================================================= */
body:not(.admin-body) .topic-module-grid{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
body:not(.admin-body) .topic-resource-module{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
}
body:not(.admin-body) .topic-resource-module .module-icon{
  flex:0 0 64px!important;
  margin-bottom:24px!important;
}
body:not(.admin-body) .topic-resource-module h2{
  display:flex!important;
  align-items:flex-start!important;
  min-height:58px!important;
  margin:0 0 12px!important;
}
body:not(.admin-body) .topic-resource-module > p{
  min-height:44px!important;
  margin:0!important;
}
body:not(.admin-body) .topic-resource-module > p.module-count{
  min-height:22px!important;
  margin:0 0 13px!important;
}
body:not(.admin-body) .topic-resource-module .module-item-list{
  flex:1 1 auto!important;
  align-content:start!important;
  margin-top:0!important;
}
body:not(.admin-body) .topic-resource-module .module-waiting{
  position:static!important;
  margin-top:auto!important;
  padding-top:18px!important;
}
@media(max-width:620px){
  body:not(.admin-body) .topic-resource-module h2{min-height:auto!important}
  body:not(.admin-body) .topic-resource-module > p{min-height:auto!important}
}

/* =========================================================
   V5.4.4 — Platform görsel / video slider
   ========================================================= */
body:not(.admin-body) .platform-media-slider{
  position:relative!important;
  display:block!important;
  min-height:520px!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(145deg,#eef9f8,#f7f3ff)!important;
}
body:not(.admin-body) .platform-media-slider::before{
  z-index:5!important;
  pointer-events:none!important;
}
body:not(.admin-body) .platform-media-track{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
body:not(.admin-body) .platform-media-slide{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:scale(1.018)!important;
  transition:opacity .65s ease,visibility .65s ease,transform .9s ease!important;
  background:#eef6f7!important;
}
body:not(.admin-body) .platform-media-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1)!important;
  z-index:2!important;
}
body:not(.admin-body) .platform-media-slide img,
body:not(.admin-body) .platform-media-slide video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  position:absolute!important;
  inset:0!important;
}
body:not(.admin-body) .platform-media-slide.is-fallback-logo img{
  object-fit:contain!important;
  width:58%!important;
  height:58%!important;
  inset:21%!important;
  filter:drop-shadow(0 24px 38px rgba(15,86,102,.20))!important;
}
body:not(.admin-body) .platform-media-slide figcaption{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:24px!important;
  z-index:4!important;
  width:max-content!important;
  max-width:calc(100% - 48px)!important;
  padding:11px 16px!important;
  border-radius:14px!important;
  background:rgba(8,25,42,.68)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(12px)!important;
}
body:not(.admin-body) .platform-media-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:8!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.78)!important;
  color:#10213d!important;
  font-size:29px!important;
  line-height:1!important;
  box-shadow:0 15px 35px rgba(16,45,70,.16)!important;
  backdrop-filter:blur(12px)!important;
  transform:translateY(-50%)!important;
  transition:transform .22s ease,background .22s ease!important;
}
body:not(.admin-body) .platform-media-arrow:hover{
  background:#fff!important;
  transform:translateY(-50%) scale(1.06)!important;
}
body:not(.admin-body) .platform-media-arrow.prev{left:18px!important}
body:not(.admin-body) .platform-media-arrow.next{right:18px!important}
body:not(.admin-body) .platform-media-dots{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  bottom:18px!important;
  display:flex!important;
  gap:7px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 12px 28px rgba(16,45,70,.12)!important;
  backdrop-filter:blur(12px)!important;
  transform:translateX(-50%)!important;
}
body:not(.admin-body) .platform-media-dots button{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#9fb0c1!important;
  transition:width .22s ease,background .22s ease!important;
}
body:not(.admin-body) .platform-media-dots button.is-active{
  width:26px!important;
  background:linear-gradient(90deg,var(--primary),var(--secondary))!important;
}
html[data-theme="dark"] body:not(.admin-body) .platform-media-slider{
  background:linear-gradient(145deg,#0d1d31,#161a31)!important;
}
html[data-theme="dark"] body:not(.admin-body) .platform-media-arrow,
html[data-theme="dark"] body:not(.admin-body) .platform-media-dots{
  background:rgba(9,21,38,.76)!important;
  border-color:rgba(184,207,232,.22)!important;
  color:#fff!important;
}
@media(max-width:980px){
  body:not(.admin-body) .platform-media-slider{min-height:430px!important}
}
@media(max-width:650px){
  body:not(.admin-body) .platform-media-slider{min-height:330px!important;border-radius:26px!important}
  body:not(.admin-body) .platform-media-arrow{width:38px!important;height:38px!important;font-size:25px!important}
  body:not(.admin-body) .platform-media-arrow.prev{left:10px!important}
  body:not(.admin-body) .platform-media-arrow.next{right:10px!important}
  body:not(.admin-body) .platform-media-slide figcaption{left:15px!important;right:15px!important;bottom:52px!important;max-width:calc(100% - 30px)!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  body:not(.admin-body) .platform-media-slide{transition:none!important;transform:none!important}
}


/* =========================================================
   V46 — Wordwall sınıf seçicisini hero alanına taşıma
   ========================================================= */
body:not(.admin-body) .wordwall-hero-filter-area{
  width:min(660px,100%);
  margin-top:10px;
}
body:not(.admin-body) .wordwall-hero-filter-area>.mini-label{
  display:block;
  margin-bottom:11px;
}
body:not(.admin-body) .wordwall-hero-filter-area .wordwall-grade-filters{
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
body:not(.admin-body) .wordwall-hero-filter-area .wordwall-filter{
  min-width:0;
  min-height:78px;
  padding:12px 14px;
  background:rgba(255,255,255,.82);
  border-color:rgba(197,225,222,.94);
  box-shadow:0 14px 34px rgba(24,96,101,.08);
  backdrop-filter:blur(14px);
}
body:not(.admin-body) .wordwall-catalog-heading{
  margin-bottom:34px;
}
html[data-theme="dark"] body:not(.admin-body) .wordwall-hero-filter-area .wordwall-filter{
  background:rgba(14,27,45,.84)!important;
  border-color:#2a4158!important;
}
@media(max-width:1000px){
  body:not(.admin-body) .wordwall-hero-filter-area{width:100%;max-width:720px}
}
@media(max-width:650px){
  body:not(.admin-body) .wordwall-hero-filter-area{margin-top:8px}
  body:not(.admin-body) .wordwall-hero-filter-area .wordwall-grade-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body:not(.admin-body) .wordwall-hero-filter-area .wordwall-filter{min-height:72px;padding:10px 12px}
}


/* =========================================================
   V49 — İç sayfa giriş alanlarını kompaktlaştır
   Anasayfa bannerına dokunmaz; yalnız .inner-page alanlarında çalışır.
   ========================================================= */
body.inner-page .page-hero{
  min-height:0!important;
  padding:58px 0 48px!important;
}
body.inner-page .page-hero-grid{
  gap:clamp(30px,4vw,48px)!important;
}
body.inner-page .page-hero .breadcrumbs{
  margin-bottom:22px!important;
}
body.inner-page .page-hero .eyebrow{
  margin-bottom:13px!important;
}
body.inner-page .page-hero h1{
  font-size:clamp(38px,4.7vw,62px)!important;
  line-height:1.02!important;
  margin-bottom:15px!important;
}
body.inner-page .page-hero p{
  font-size:16px!important;
  line-height:1.62!important;
}

/* Hakkımızda */
body.inner-page .about-hero{
  padding:54px 0 46px!important;
}
body.inner-page .about-hero-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)!important;
  gap:clamp(32px,4vw,52px)!important;
}
body.inner-page .about-hero-mark{
  min-height:260px!important;
  border-radius:32px!important;
}
body.inner-page .about-hero-mark img{
  width:min(72%,290px)!important;
}

/* Wordwall */
body.inner-page .wordwall-hero{
  padding:54px 0 46px!important;
}
body.inner-page .wordwall-hero-grid{
  gap:clamp(30px,4vw,50px)!important;
}
body.inner-page .wordwall-hero h1{
  font-size:clamp(40px,5vw,64px)!important;
  margin:12px 0 14px!important;
}
body.inner-page .wordwall-hero p{
  font-size:16px!important;
}
body.inner-page .wordwall-hero-art{
  min-height:260px!important;
}
body.inner-page .wordwall-play-mark{
  width:176px!important;
  height:176px!important;
}
body.inner-page .wordwall-play-mark b{
  font-size:72px!important;
}
body.inner-page .wordwall-play-mark small{
  bottom:25px!important;
}

/* Sınıflar genel görünüm */
body.inner-page .bio-map-hero{
  padding:42px 0 16px!important;
}
body.inner-page .bio-map-hero-card{
  min-height:190px!important;
  padding:30px 34px!important;
  grid-template-columns:minmax(0,1.2fr) 260px!important;
  gap:28px!important;
}
body.inner-page .bio-map-hero-card h1{
  font-size:clamp(34px,4vw,50px)!important;
  margin:12px 0 10px!important;
}
body.inner-page .bio-map-visual{
  min-height:130px!important;
}

/* Tek sınıf bannerları: sabit istatistik konumunu koruyarak kısalt */
@media (min-width:861px){
  body.inner-page .grade-hero-card{
    height:460px!important;
    min-height:460px!important;
    padding:38px 44px!important;
  }
  body.inner-page .grade-hero-copy{
    padding-bottom:118px!important;
  }
  body.inner-page .grade-hero-copy h1{
    font-size:clamp(40px,4.8vw,62px)!important;
    margin:18px 0 14px!important;
  }
  body.inner-page .grade-hero-copy p{
    margin-bottom:18px!important;
  }
}

/* Tema ve konu giriş kartları */
body.inner-page .unit-detail-shell{
  padding-top:28px!important;
}
body.inner-page .unit-detail-hero,
body.inner-page .topic-module-hero-card{
  padding:28px 32px!important;
  gap:26px!important;
}
body.inner-page .unit-detail-hero h1,
body.inner-page .topic-module-hero-card h1{
  font-size:clamp(36px,4.4vw,56px)!important;
  margin:14px 0 10px!important;
}
body.inner-page .unit-detail-hero figure,
body.inner-page .topic-module-visual{
  height:140px!important;
  min-height:140px!important;
}
body.inner-page .topic-module-hero{
  padding:26px 0 18px!important;
}

/* İçerik ve kaynak detayları */
body.inner-page .content-hero{
  padding:50px 0 44px!important;
}
body.inner-page .content-hero h1{
  font-size:clamp(36px,4.5vw,58px)!important;
  margin-bottom:13px!important;
}
body.inner-page .content-side-meta{
  height:140px!important;
}
body.inner-page .resource-detail-hero{
  padding:30px 34px!important;
  gap:28px!important;
}
body.inner-page .resource-detail-hero h1{
  font-size:clamp(34px,4.4vw,56px)!important;
}
body.inner-page .resource-detail-icon{
  width:122px!important;
  height:122px!important;
  border-radius:34px!important;
}

/* Ödeme sayfası */
body.inner-page .payment-hero{
  padding:58px 0 48px!important;
}
body.inner-page .payment-hero h1{
  font-size:clamp(38px,4.8vw,62px)!important;
}
body.inner-page .activation-summary{
  padding:20px 23px!important;
}

/* Panel/özet kutuları da gereksiz yükseklik oluşturmasın */
body.inner-page .learning-area-summary{
  min-height:230px!important;
}
body.inner-page .learning-area-summary .learning-area-icon{
  width:62px!important;
  height:62px!important;
  margin-bottom:16px!important;
}
body.inner-page .learning-area-summary strong{
  font-size:58px!important;
}
body.inner-page .library-hero-mark{
  grid-template-columns:repeat(2,96px)!important;
  gap:11px!important;
}
body.inner-page .hero-panel{
  padding:28px!important;
}

@media (max-width:900px){
  body.inner-page .page-hero,
  body.inner-page .about-hero,
  body.inner-page .wordwall-hero{
    padding:42px 0 38px!important;
  }
  body.inner-page .about-hero-grid,
  body.inner-page .wordwall-hero-grid,
  body.inner-page .bio-map-hero-card{
    grid-template-columns:1fr!important;
  }
  body.inner-page .about-hero-mark{
    min-height:210px!important;
  }
  body.inner-page .wordwall-hero-art{
    min-height:210px!important;
  }
  body.inner-page .bio-map-visual{
    display:none!important;
  }
  body.inner-page .grade-hero-card{
    height:540px!important;
    min-height:540px!important;
    padding:26px 24px!important;
  }
  body.inner-page .grade-hero-copy{
    padding-bottom:142px!important;
  }
  body.inner-page .resource-detail-hero{
    grid-template-columns:1fr!important;
  }
  body.inner-page .resource-detail-icon{
    display:none!important;
  }
  body.inner-page .payment-hero-inner{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

@media (max-width:560px){
  body.inner-page .page-hero,
  body.inner-page .about-hero,
  body.inner-page .wordwall-hero{
    padding:34px 0 32px!important;
  }
  body.inner-page .page-hero h1,
  body.inner-page .wordwall-hero h1{
    font-size:clamp(34px,10vw,46px)!important;
  }
  body.inner-page .about-hero-mark{
    min-height:180px!important;
  }
  body.inner-page .wordwall-hero-art{
    min-height:180px!important;
  }
  body.inner-page .wordwall-play-mark{
    width:145px!important;
    height:145px!important;
  }
  body.inner-page .grade-hero-card{
    height:580px!important;
    min-height:580px!important;
    padding:22px 18px!important;
  }
  body.inner-page .grade-hero-copy{
    padding-bottom:162px!important;
  }
  body.inner-page .unit-detail-hero,
  body.inner-page .topic-module-hero-card,
  body.inner-page .resource-detail-hero{
    padding:24px!important;
  }
}


/* =========================================================
   V50 — Tüm Sınıflar sayfası düzenlemeleri
   - Breadcrumb kaldırıldı.
   - Yayın istatistikleri ortalandı.
   - Konu haritası görsel alanı panel görselini tam kaplar.
   ========================================================= */
body:not(.admin-body) .biology-map-page .bio-map-stats{
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
  align-items:center!important;
}
body:not(.admin-body) .biology-map-page .bio-map-visual.has-image{
  min-height:180px!important;
  padding:0!important;
  background:#f4f9fa!important;
}
body:not(.admin-body) .biology-map-page .bio-map-visual.has-image::before,
body:not(.admin-body) .biology-map-page .bio-map-visual.has-image::after{
  display:none!important;
}
body:not(.admin-body) .biology-map-page .bio-map-visual.has-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  border-radius:inherit!important;
  filter:none!important;
}
@media(max-width:900px){
  body.inner-page .biology-map-page .bio-map-visual.has-image{
    display:block!important;
    min-height:190px!important;
    margin-top:4px!important;
  }
  body:not(.admin-body) .biology-map-page .bio-map-stats{
    width:100%!important;
  }
}
@media(max-width:560px){
  body:not(.admin-body) .biology-map-page .bio-map-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   V5.9.0 — Breadcrumb kaldırma ve yönetilebilir iç sayfa üst görselleri
   ========================================================= */
body:not(.admin-body) .breadcrumbs,
body:not(.admin-body) .grade-breadcrumbs{
  display:none!important;
}

body.inner-page.has-page-hero-image .page-hero,
body.inner-page.has-page-hero-image .bio-map-hero-card,
body.inner-page.has-page-hero-image .grade-hero-card,
body.inner-page.has-page-hero-image .unit-detail-hero,
body.inner-page.has-page-hero-image .topic-module-hero-card,
body.inner-page.has-page-hero-image .content-hero,
body.inner-page.has-page-hero-image .payment-hero,
body.inner-page.has-page-hero-image .auth-visual,
body.inner-page.has-page-hero-image .club-auth-visual,
body.inner-page.has-page-hero-image .club-choice-shell{
  background-image:
    linear-gradient(
      110deg,
      rgba(248,252,253,var(--page-hero-overlay,.38)) 0%,
      rgba(248,252,253,var(--page-hero-overlay,.38)) 100%
    ),
    var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:var(--page-hero-position,50% 50%)!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Görsel aktifken içerik kutuları arka planı tamamen kapatmasın. */
body.inner-page.has-page-hero-image .about-hero-mark,
body.inner-page.has-page-hero-image .wordwall-hero-art,
body.inner-page.has-page-hero-image .contact-quick,
body.inner-page.has-page-hero-image .learning-area-summary,
body.inner-page.has-page-hero-image .content-side-meta,
body.inner-page.has-page-hero-image .grade-hero-image,
body.inner-page.has-page-hero-image .bio-map-visual{
  background-color:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(8px)!important;
}

html[data-theme="dark"] body.inner-page.has-page-hero-image .page-hero,
html[data-theme="dark"] body.inner-page.has-page-hero-image .bio-map-hero-card,
html[data-theme="dark"] body.inner-page.has-page-hero-image .grade-hero-card,
html[data-theme="dark"] body.inner-page.has-page-hero-image .unit-detail-hero,
html[data-theme="dark"] body.inner-page.has-page-hero-image .topic-module-hero-card,
html[data-theme="dark"] body.inner-page.has-page-hero-image .content-hero,
html[data-theme="dark"] body.inner-page.has-page-hero-image .payment-hero,
html[data-theme="dark"] body.inner-page.has-page-hero-image .auth-visual,
html[data-theme="dark"] body.inner-page.has-page-hero-image .club-auth-visual,
html[data-theme="dark"] body.inner-page.has-page-hero-image .club-choice-shell{
  background-image:
    linear-gradient(
      110deg,
      rgba(5,12,24,var(--page-hero-overlay,.38)) 0%,
      rgba(5,12,24,var(--page-hero-overlay,.38)) 100%
    ),
    var(--page-hero-image)!important;
}

html[data-theme="dark"] body.inner-page.has-page-hero-image .about-hero-mark,
html[data-theme="dark"] body.inner-page.has-page-hero-image .wordwall-hero-art,
html[data-theme="dark"] body.inner-page.has-page-hero-image .contact-quick,
html[data-theme="dark"] body.inner-page.has-page-hero-image .learning-area-summary,
html[data-theme="dark"] body.inner-page.has-page-hero-image .content-side-meta,
html[data-theme="dark"] body.inner-page.has-page-hero-image .grade-hero-image,
html[data-theme="dark"] body.inner-page.has-page-hero-image .bio-map-visual{
  background-color:rgba(7,16,31,.58)!important;
}

@media(max-width:760px){
  body.inner-page.has-page-hero-image .page-hero,
  body.inner-page.has-page-hero-image .bio-map-hero-card,
  body.inner-page.has-page-hero-image .grade-hero-card,
  body.inner-page.has-page-hero-image .unit-detail-hero,
  body.inner-page.has-page-hero-image .topic-module-hero-card,
  body.inner-page.has-page-hero-image .content-hero,
  body.inner-page.has-page-hero-image .payment-hero,
  body.inner-page.has-page-hero-image .auth-visual,
  body.inner-page.has-page-hero-image .club-auth-visual,
  body.inner-page.has-page-hero-image .club-choice-shell{
    background-position:var(--page-hero-position,50% 50%)!important;
  }
}

/* =========================================================
   V6.0.0 — İç sayfa üst alan yazıları ve Wordwall şeffaf animasyon
   ========================================================= */
body.inner-page .page-hero-managed-eyebrow{
  color:var(--page-hero-eyebrow-color)!important;
  -webkit-text-fill-color:var(--page-hero-eyebrow-color)!important;
}
body.inner-page .page-hero-managed-title,
body.inner-page .page-hero-managed-title em,
body.inner-page .page-hero-managed-title span{
  color:var(--page-hero-title-color)!important;
  -webkit-text-fill-color:var(--page-hero-title-color)!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  text-shadow:none!important;
}
body.inner-page .page-hero-managed-description{
  color:var(--page-hero-description-color)!important;
  -webkit-text-fill-color:var(--page-hero-description-color)!important;
}

/* Wordwall sağ animasyonunun arkasındaki beyaz/buzlu dikdörtgeni kaldır. */
body.inner-page.page-hero-key-wordwall.has-page-hero-image .wordwall-hero-art{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.inner-page.page-hero-key-wordwall.has-page-hero-image .wordwall-hero-art::before,
body.inner-page.page-hero-key-wordwall.has-page-hero-image .wordwall-hero-art::after{
  background:transparent!important;
  box-shadow:none!important;
}

/* =========================================================
   V6.1.0 — Wordwall şeffaf animasyon, ayrı kulüp görselleri,
   hakkımızda çoklu video görünürlüğü
   ========================================================= */
/* Wordwall animasyon alanında açık/koyu temada hiçbir dikdörtgen zemin kalmasın. */
body.inner-page.page-hero-key-wordwall .wordwall-hero-grid > .wordwall-hero-art,
html[data-theme="dark"] body.inner-page.page-hero-key-wordwall .wordwall-hero-grid > .wordwall-hero-art,
body.inner-page.page-hero-key-wordwall.has-page-hero-image .wordwall-hero-grid > .wordwall-hero-art,
html[data-theme="dark"] body.inner-page.page-hero-key-wordwall.has-page-hero-image .wordwall-hero-grid > .wordwall-hero-art{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
body.inner-page.page-hero-key-wordwall .wordwall-hero-art::before,
body.inner-page.page-hero-key-wordwall .wordwall-hero-art::after,
html[data-theme="dark"] body.inner-page.page-hero-key-wordwall .wordwall-hero-art::before,
html[data-theme="dark"] body.inner-page.page-hero-key-wordwall .wordwall-hero-art::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Öğrenci/öğretmen kulübünde panel görseli yazı alanının sağında belirgin görünür. */
body.inner-page.page-hero-key-student_membership.has-page-hero-image .club-auth-visual,
body.inner-page.page-hero-key-teacher_membership.has-page-hero-image .club-auth-visual{
  background-image:
    linear-gradient(90deg,rgba(8,24,48,.98) 0%,rgba(12,34,61,.94) 42%,rgba(12,34,61,.54) 68%,rgba(12,34,61,.12) 100%),
    var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:var(--page-hero-position,82% 50%)!important;
  background-repeat:no-repeat!important;
}
html:not([data-theme="dark"]) body.inner-page.page-hero-key-student_membership.has-page-hero-image .club-auth-visual,
html:not([data-theme="dark"]) body.inner-page.page-hero-key-teacher_membership.has-page-hero-image .club-auth-visual{
  background-image:
    linear-gradient(90deg,rgba(11,35,65,.97) 0%,rgba(19,55,84,.90) 44%,rgba(19,55,84,.46) 70%,rgba(19,55,84,.08) 100%),
    var(--page-hero-image)!important;
}
body.inner-page.page-hero-key-student_membership .club-auth-visual > *,
body.inner-page.page-hero-key-teacher_membership .club-auth-visual > *{
  position:relative;
  z-index:2;
}
body.inner-page.page-hero-key-student_membership .club-auth-visual h1,
body.inner-page.page-hero-key-teacher_membership .club-auth-visual h1{
  max-width:760px;
}

/* Hakkımızda: yalnızca video/görsel içeren her kayıt tam genişlikte ve görünür. */
body:not(.admin-body) .about-story.about-story-media-only{
  display:block!important;
  padding:24px!important;
}
body:not(.admin-body) .about-story.about-story-media-only .about-story-media{
  width:100%!important;
  min-height:clamp(280px,42vw,620px)!important;
  margin:0!important;
}
body:not(.admin-body) .about-story.about-story-media-only .about-story-media video,
body:not(.admin-body) .about-story.about-story-media-only .about-story-media iframe,
body:not(.admin-body) .about-story.about-story-media-only .about-story-media img{
  width:100%!important;
  min-height:clamp(280px,42vw,620px)!important;
  height:100%!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

/* =========================================================
   V6.2 — Notlar: yazılı ders içeriği liste ve okuma deneyimi
   ========================================================= */
body:not(.admin-body) .notes-hero,
body:not(.admin-body) .note-detail-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 22%,rgba(123,97,255,.15),transparent 30%),
    radial-gradient(circle at 14% 70%,rgba(24,201,183,.16),transparent 34%),
    linear-gradient(135deg,#effbf8,#fff8e9 58%,#f5efff);
}
body:not(.admin-body) .notes-hero .container,
body:not(.admin-body) .note-detail-hero .container{position:relative;z-index:2}
body:not(.admin-body) .notes-hero h1,
body:not(.admin-body) .note-detail-hero h1{max-width:940px}
body:not(.admin-body) .notes-list-section{padding-top:72px}
body:not(.admin-body) .notes-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}
body:not(.admin-body) .notes-section-head span{display:block;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:7px}
body:not(.admin-body) .notes-section-head h2{margin:0;font-size:clamp(34px,4vw,54px)}
body:not(.admin-body) .notes-section-head>b{padding:10px 15px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted)}
body:not(.admin-body) .notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body:not(.admin-body) .note-card{display:flex;flex-direction:column;min-height:440px;border:1px solid var(--border);border-radius:30px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;color:var(--text);text-decoration:none;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
body:not(.admin-body) .note-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(24,201,183,.38)}
body:not(.admin-body) .note-card-media{height:205px;margin:0;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.9),transparent 33%),linear-gradient(135deg,#dff9f4,#f5f8df 55%,#fff0df);display:grid;place-items:center}
body:not(.admin-body) .note-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body:not(.admin-body) .note-card:hover .note-card-media img{transform:scale(1.045)}
body:not(.admin-body) .note-card-media>span{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:42px;font-weight:950;box-shadow:0 22px 44px rgba(24,201,183,.22)}
body:not(.admin-body) .note-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:25px}
body:not(.admin-body) .note-card-body>small{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}
body:not(.admin-body) .note-card-body h2{margin:10px 0 11px;font-size:clamp(22px,2.2vw,30px);line-height:1.15;color:var(--text)}
body:not(.admin-body) .note-card-body p{margin:0 0 20px;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body:not(.admin-body) .note-card-body strong{margin-top:auto;color:var(--primary);display:inline-flex;align-items:center;gap:8px}
body:not(.admin-body) .note-card-body strong span{transition:transform .2s ease}
body:not(.admin-body) .note-card:hover .note-card-body strong span{transform:translateX(4px)}
body:not(.admin-body) .note-reading-section{padding-top:54px}
body:not(.admin-body) .note-reading-wrap{width:min(1000px,calc(100% - 28px))}
body:not(.admin-body) .note-reading-card{border:1px solid var(--border);border-radius:34px;background:var(--surface);box-shadow:var(--shadow);padding:clamp(24px,5vw,64px);overflow:hidden}
body:not(.admin-body) .note-reading-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid var(--border)}
body:not(.admin-body) .note-reading-meta a{color:var(--primary);font-weight:900;text-decoration:none}
body:not(.admin-body) .note-reading-meta time{color:var(--muted);font-size:13px;font-weight:800}
body:not(.admin-body) .note-cover{margin:0 0 36px;border-radius:26px;overflow:hidden;max-height:520px;background:var(--surface-2)}
body:not(.admin-body) .note-cover img{display:block;width:100%;height:100%;max-height:520px;object-fit:cover}
body:not(.admin-body) .note-rich-content{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:var(--text)}
body:not(.admin-body) .note-rich-content h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:1.35em 0 .5em;color:var(--text)}
body:not(.admin-body) .note-rich-content h3{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:1.25em 0 .45em;color:var(--text)}
body:not(.admin-body) .note-rich-content h4{font-size:clamp(21px,2.4vw,28px);line-height:1.25;margin:1.15em 0 .4em;color:var(--text)}
body:not(.admin-body) .note-rich-content p{margin:.85em 0}
body:not(.admin-body) .note-rich-content ul,
body:not(.admin-body) .note-rich-content ol{padding-left:1.45em;margin:1em 0}
body:not(.admin-body) .note-rich-content li{margin:.45em 0}
body:not(.admin-body) .note-rich-content blockquote{margin:1.4em 0;padding:20px 24px;border-left:5px solid var(--primary);border-radius:0 18px 18px 0;background:linear-gradient(135deg,rgba(24,201,183,.1),rgba(123,97,255,.07));color:var(--text)}
body:not(.admin-body) .note-rich-content a{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:3px}
body:not(.admin-body) .note-rich-content figure{margin:38px auto;text-align:center}
body:not(.admin-body) .note-rich-content img{display:block;max-width:100%;height:auto;margin:auto;border-radius:24px;box-shadow:0 22px 56px rgba(16,35,63,.14)}
body:not(.admin-body) .note-rich-content figcaption{margin-top:10px;color:var(--muted);font-size:13px}
body:not(.admin-body) .note-rich-content hr{border:0;height:1px;background:var(--border);margin:38px 0}
body:not(.admin-body) .note-rich-content pre{padding:20px;border-radius:18px;overflow:auto;background:#0d1b2d;color:#ecf6ff;font:14px/1.7 Consolas,monospace}
body:not(.admin-body) .note-rich-content code{padding:.15em .4em;border-radius:6px;background:rgba(24,201,183,.1)}
html[data-theme="dark"] body:not(.admin-body) .notes-hero,
html[data-theme="dark"] body:not(.admin-body) .note-detail-hero{background:radial-gradient(circle at 82% 22%,rgba(123,97,255,.16),transparent 30%),radial-gradient(circle at 14% 70%,rgba(24,201,183,.14),transparent 34%),linear-gradient(135deg,#07111f,#0d1d33 58%,#17152d)}
html[data-theme="dark"] body:not(.admin-body) .note-card,
html[data-theme="dark"] body:not(.admin-body) .note-reading-card{background:linear-gradient(145deg,rgba(13,23,42,.92),rgba(20,30,55,.78))}
@media(max-width:1050px){body:not(.admin-body) .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body:not(.admin-body) .notes-grid{grid-template-columns:1fr}body:not(.admin-body) .note-card{min-height:390px}body:not(.admin-body) .note-card-media{height:180px}body:not(.admin-body) .note-reading-meta{align-items:flex-start;flex-direction:column}body:not(.admin-body) .notes-section-head{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V59 — Sınıf görselini geniş banner yap, özet ve hızlı bilgi kartlarını banner üstüne taşı
   ========================================================= */
body:not(.admin-body) .grade-dashboard-layout--banner{
  display:block!important;
}
body:not(.admin-body) .grade-main-column--full{
  min-width:0!important;
}
body:not(.admin-body) .grade-main-column--full .grade-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  align-items:stretch!important;
  gap:28px!important;
  width:100%!important;
  min-height:560px!important;
  height:auto!important;
}
body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  padding:0 0 138px!important;
  justify-content:flex-start!important;
}
body:not(.admin-body) .grade-main-column--full .grade-stat-row{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:min(700px,100%)!important;
  max-width:700px!important;
}
body:not(.admin-body) .grade-hero-side-panels{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  gap:18px!important;
  align-self:stretch!important;
  padding:8px 0!important;
}
body:not(.admin-body) .grade-hero-panel{
  position:relative!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 22px 48px rgba(34,49,79,.12)!important;
  backdrop-filter:blur(16px)!important;
  color:#13243b!important;
}
body:not(.admin-body) .grade-hero-panel h2,
body:not(.admin-body) .grade-hero-panel p,
body:not(.admin-body) .grade-hero-panel span,
body:not(.admin-body) .grade-hero-panel strong,
body:not(.admin-body) .grade-hero-panel .quick-info-kicker{
  color:#13243b!important;
}
body:not(.admin-body) .grade-hero-side-panels .side-progress-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:238px!important;
  padding:22px 24px!important;
}
body:not(.admin-body) .grade-hero-side-panels .side-ring{
  margin:10px 0 14px!important;
  background:conic-gradient(var(--grade-accent) calc(var(--p)*1%),rgba(19,36,59,.10) 0)!important;
}
body:not(.admin-body) .grade-hero-side-panels .side-ring:after{
  background:rgba(255,255,255,.96)!important;
}
body:not(.admin-body) .grade-hero-side-panels .side-ring span{
  color:#13243b!important;
}
body:not(.admin-body) .grade-hero-side-panels .side-progress-card a{
  margin-top:auto!important;
  background:rgba(25,193,157,.12)!important;
  color:#0d867b!important;
}
body:not(.admin-body) .grade-hero-side-panels .quick-info-card{
  min-height:270px!important;
  padding:22px 116px 60px 22px!important;
  background:radial-gradient(circle at 84% 20%,rgba(123,97,255,.16),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.84),rgba(244,241,255,.84))!important;
}
body:not(.admin-body) .grade-hero-side-panels .quick-info-card p{
  max-width:none!important;
  color:#5f6d82!important;
}
body:not(.admin-body) .grade-hero-side-panels .quick-info-thumb{
  right:20px!important;
  top:84px!important;
  width:84px!important;
  height:84px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 16px 32px rgba(31,47,76,.12)!important;
}
body:not(.admin-body) .grade-hero-side-panels .quick-info-link{
  position:absolute!important;
  left:22px!important;
  bottom:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(25,193,157,.12)!important;
  color:#0d867b!important;
  font-size:12px!important;
  font-weight:900!important;
}
body:not(.admin-body) .grade-hero-side-panels .quick-slider-controls{
  right:16px!important;
  bottom:16px!important;
}
body:not(.admin-body) .grade-hero-side-panels .quick-slider-controls>button{
  background:#fff!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-main-column--full .grade-hero-card{
  background:#0a1527!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-panel{
  background:rgba(13,25,44,.82)!important;
  border-color:rgba(84,108,138,.42)!important;
  color:#f6f9ff!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-panel h2,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-panel p,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-panel span,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-panel strong,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-panel .quick-info-kicker,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .side-ring span{
  color:#f6f9ff!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .side-ring:after{
  background:#0d1c33!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .side-progress-card a,
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .quick-info-link{
  background:rgba(70,218,184,.12)!important;
  color:#8ff8de!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .quick-info-card{
  background:radial-gradient(circle at 84% 20%,rgba(123,97,255,.22),transparent 35%),linear-gradient(145deg,rgba(13,25,44,.88),rgba(22,28,58,.86))!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .quick-info-card p{
  color:#cfdaea!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-hero-side-panels .quick-info-thumb{
  background:rgba(255,255,255,.08)!important;
}
@media (max-width:1100px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    grid-template-columns:minmax(0,1fr) 310px!important;
  }
}
@media (max-width:920px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    grid-template-columns:1fr!important;
    min-height:760px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    padding-bottom:150px!important;
  }
  body:not(.admin-body) .grade-hero-side-panels{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:0!important;
  }
}
@media (max-width:640px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    min-height:900px!important;
    padding:22px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    padding-bottom:164px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.admin-body) .grade-hero-side-panels{
    grid-template-columns:1fr!important;
  }
  body:not(.admin-body) .grade-hero-side-panels .quick-info-card{
    min-height:250px!important;
  }
}


/* =========================================================
   V60 — Sınıf görseli tam genişlikte sayfa bannerı
   Sınıf özeti kaldırıldı, hızlı bilgi kartı görselin üzerine alındı
   ========================================================= */
body:not(.admin-body) .grade-dashboard-layout--banner,
body:not(.admin-body) .grade-main-column--full{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body:not(.admin-body) .grade-main-column--full .grade-hero-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:580px!important;
  min-height:580px!important;
  padding:44px!important;
  border-radius:34px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
  position:relative!important;
  z-index:3!important;
  width:calc(100% - 405px)!important;
  max-width:780px!important;
  height:100%!important;
  min-height:0!important;
  padding:0 0 132px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
}
body:not(.admin-body) .grade-main-column--full .grade-stat-row{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  max-width:700px!important;
  margin:0!important;
}
body:not(.admin-body) .grade-banner-quick-info{
  position:absolute!important;
  z-index:5!important;
  top:34px!important;
  right:34px!important;
  bottom:34px!important;
  left:auto!important;
  width:350px!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 85% 18%,rgba(123,97,255,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,244,255,.82))!important;
  box-shadow:0 24px 56px rgba(25,42,70,.18)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-track{
  height:100%!important;
  align-items:stretch!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
  min-height:100%!important;
  height:100%!important;
  padding:28px 28px 76px!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2{
  max-width:205px!important;
  margin:0 0 12px!important;
  font-size:clamp(26px,2.2vw,34px)!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
  max-width:215px!important;
  margin:0!important;
  color:#5f6d82!important;
  font-size:13px!important;
  line-height:1.62!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
  position:absolute!important;
  right:22px!important;
  top:98px!important;
  width:92px!important;
  height:92px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 16px 34px rgba(31,47,76,.14)!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
  left:28px!important;
  bottom:26px!important;
  min-height:40px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:rgba(25,193,157,.13)!important;
  color:#0d867b!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-slider-controls{
  right:18px!important;
  bottom:20px!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info{
  border-color:rgba(116,145,177,.34)!important;
  background:radial-gradient(circle at 85% 18%,rgba(123,97,255,.24),transparent 34%),linear-gradient(145deg,rgba(10,23,42,.88),rgba(23,28,58,.84))!important;
  box-shadow:0 26px 62px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2,
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info .quick-info-kicker{
  color:#f6f9ff!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
  color:#cfdaea!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
  background:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
  background:rgba(70,218,184,.13)!important;
  color:#8ff8de!important;
}
@media(max-width:1000px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    height:auto!important;
    min-height:720px!important;
    padding:32px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    padding:0!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-stat-row{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    width:min(700px,100%)!important;
    margin-top:28px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:280px!important;
    min-height:280px!important;
    margin-top:28px!important;
  }
  body:not(.admin-body) .grade-hero-card.has-cover::before{
    background:linear-gradient(180deg,rgba(248,252,253,.80) 0%,rgba(248,252,253,.58) 48%,rgba(248,252,253,.72) 100%)!important;
  }
  html[data-theme="dark"] body:not(.admin-body) .grade-hero-card.has-cover::before{
    background:linear-gradient(180deg,rgba(5,12,24,.72) 0%,rgba(7,16,31,.50) 48%,rgba(7,16,31,.72) 100%)!important;
  }
}
@media(max-width:640px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    min-height:760px!important;
    padding:22px!important;
    border-radius:26px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    height:300px!important;
    min-height:300px!important;
    border-radius:22px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    padding:24px 22px 72px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2,
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
    max-width:62%!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    right:18px!important;
    top:88px!important;
    width:82px!important;
    height:82px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
    left:22px!important;
  }
}


/* =========================================================
   V61 — Tema kartı görsellerini büyütme
   Sınıf sayfalarındaki tema kapakları masaüstü, tablet ve
   mobilde daha görünür; konu sayısı/ilerleme alanı korunur.
   ========================================================= */
body:not(.admin-body) .grade-unit-thumb img{
  transition:transform .32s ease!important;
}
body:not(.admin-body) .grade-unit-row:hover .grade-unit-thumb img{
  transform:scale(1.045)!important;
}
@media(min-width:1101px){
  body:not(.admin-body) .grade-unit-row{
    grid-template-columns:220px 48px minmax(0,1fr) 190px 52px!important;
    gap:22px!important;
    min-height:168px!important;
    padding:18px 22px!important;
  }
  body:not(.admin-body) .grade-unit-thumb{
    height:132px!important;
    border-radius:23px!important;
  }
  body:not(.admin-body) .grade-unit-info h2{
    font-size:23px!important;
    margin-bottom:9px!important;
  }
  body:not(.admin-body) .grade-unit-info p{
    font-size:13px!important;
    line-height:1.55!important;
  }
}
@media(min-width:761px) and (max-width:1100px){
  body:not(.admin-body) .grade-unit-row{
    grid-template-columns:180px 42px minmax(0,1fr) 150px 46px!important;
    gap:16px!important;
    min-height:142px!important;
    padding:16px 18px!important;
  }
  body:not(.admin-body) .grade-unit-thumb{
    height:108px!important;
    border-radius:21px!important;
  }
  body:not(.admin-body) .grade-unit-info h2{
    font-size:20px!important;
  }
}
@media(max-width:760px){
  body:not(.admin-body) .grade-unit-row{
    grid-template-columns:116px minmax(0,1fr) 42px!important;
    gap:14px!important;
    min-height:114px!important;
    padding:12px!important;
  }
  body:not(.admin-body) .grade-unit-thumb{
    height:88px!important;
    border-radius:18px!important;
  }
  body:not(.admin-body) .grade-unit-info h2{
    font-size:17px!important;
    line-height:1.2!important;
    margin-bottom:5px!important;
  }
  body:not(.admin-body) .grade-unit-info p{
    font-size:11px!important;
    line-height:1.4!important;
  }
}
@media(max-width:460px){
  body:not(.admin-body) .grade-unit-row{
    grid-template-columns:100px minmax(0,1fr) 38px!important;
    gap:11px!important;
  }
  body:not(.admin-body) .grade-unit-thumb{
    height:78px!important;
  }
}

/* =========================================================
   V62 — Sınıf banner aralığı, hızlı bilgi boyutu ve konu sekmesi
   ========================================================= */
body:not(.admin-body) .grade-dashboard-section{
  padding-top:18px!important;
}
body:not(.admin-body) .grade-breadcrumbs{
  margin-bottom:12px!important;
}
body:not(.admin-body) .grade-main-column--full .grade-stat-row{
  grid-template-columns:repeat(3,minmax(108px,1fr))!important;
  max-width:530px!important;
}
body:not(.admin-body) .grade-tab-bar{
  justify-content:flex-start!important;
}
body:not(.admin-body) .grade-tab-bar a[role="tab"]{
  border:0!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body:not(.admin-body) .grade-tab-bar a[role="tab"]:focus-visible{
  outline:3px solid rgba(24,201,183,.28)!important;
  outline-offset:2px!important;
}
body:not(.admin-body) [data-grade-panel][hidden]{
  display:none!important;
}
body:not(.admin-body) .grade-topic-track{
  display:grid;
  gap:16px;
}
body:not(.admin-body) .grade-topic-row{
  grid-template-columns:170px minmax(0,1fr) minmax(148px,auto) 52px!important;
  min-height:132px!important;
  gap:22px!important;
  padding:18px 22px!important;
}
body:not(.admin-body) .grade-topic-row .outcome-thumb{
  width:170px!important;
  height:104px!important;
  border-radius:20px!important;
}
body:not(.admin-body) .grade-topic-row .outcome-thumb img{
  transition:transform .35s ease!important;
}
body:not(.admin-body) .grade-topic-row:hover .outcome-thumb img{
  transform:scale(1.05)!important;
}
body:not(.admin-body) .grade-topic-copy small{
  display:block;
  margin-bottom:7px;
  color:var(--grade-accent);
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
}
body:not(.admin-body) .grade-topic-copy h2{
  margin:0 0 7px!important;
  font-size:24px!important;
}
body:not(.admin-body) .grade-topic-copy p{
  margin:0!important;
  font-size:13px!important;
}
body:not(.admin-body) .grade-topic-row .outcome-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:72px!important;
  min-width:154px!important;
  padding:14px 18px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(33,197,158,.14),rgba(109,95,241,.16))!important;
  border:1px solid rgba(33,197,158,.20)!important;
  box-shadow:0 14px 30px rgba(43,56,92,.10)!important;
  color:#14324d!important;
}
body:not(.admin-body) .grade-topic-row .outcome-badge strong{
  font-size:19px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  color:#102348!important;
}

@media(min-width:1001px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    width:calc(100% - 370px)!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    top:34px!important;
    right:34px!important;
    bottom:auto!important;
    width:320px!important;
    height:calc(100% - 92px)!important;
    min-height:0!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    padding:24px 24px 70px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2{
    max-width:188px!important;
    font-size:clamp(24px,2vw,30px)!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
    max-width:196px!important;
    font-size:12px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    right:19px!important;
    top:92px!important;
    width:82px!important;
    height:82px!important;
    border-radius:19px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
    left:24px!important;
    bottom:23px!important;
    min-height:37px!important;
  }
}

@media(max-width:1000px){
  body:not(.admin-body) .grade-dashboard-section{
    padding-top:14px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-stat-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:620px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    height:250px!important;
    min-height:250px!important;
  }
}

@media(max-width:760px){
  body:not(.admin-body) .grade-topic-row{
    grid-template-columns:118px minmax(0,1fr) 42px!important;
    min-height:116px!important;
    gap:14px!important;
    padding:14px!important;
  }
  body:not(.admin-body) .grade-topic-row .outcome-thumb{
    width:118px!important;
    height:82px!important;
  }
  body:not(.admin-body) .grade-topic-row .outcome-badge{
    display:none!important;
  }
}

@media(max-width:640px){
  body:not(.admin-body) .grade-main-column--full .grade-stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    height:275px!important;
    min-height:275px!important;
  }
}

@media(max-width:460px){
  body:not(.admin-body) .grade-dashboard-section{
    padding-top:10px!important;
  }
  body:not(.admin-body) .grade-topic-row{
    grid-template-columns:94px minmax(0,1fr) 38px!important;
    gap:10px!important;
  }
  body:not(.admin-body) .grade-topic-row .outcome-thumb{
    width:94px!important;
    height:72px!important;
  }
  body:not(.admin-body) .grade-topic-copy h2{
    font-size:18px!important;
  }
  body:not(.admin-body) .grade-topic-copy small{
    font-size:9px!important;
  }
}

/* =========================================================
   V64 — Sınıf bannerı hızlı bilgi kartı
   Kart masaüstünde bannerın sol-orta kısmına taşındı,
   küçültüldü ve yatay kapak görseli büyütüldü.
   ========================================================= */
@media(min-width:1001px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    width:calc(100% - 350px)!important;
    margin-left:350px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    top:50%!important;
    left:34px!important;
    right:auto!important;
    bottom:auto!important;
    width:300px!important;
    height:260px!important;
    min-height:260px!important;
    transform:translateY(-50%)!important;
    border-radius:25px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    min-height:260px!important;
    height:260px!important;
    padding:22px 20px 62px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-kicker{
    font-size:11px!important;
    margin-bottom:14px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2{
    max-width:135px!important;
    margin-bottom:8px!important;
    font-size:23px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
    max-width:140px!important;
    font-size:11px!important;
    line-height:1.5!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    top:72px!important;
    right:18px!important;
    width:128px!important;
    height:82px!important;
    border-radius:18px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb img{
    object-fit:cover!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
    left:20px!important;
    bottom:18px!important;
    min-height:34px!important;
    padding:0 13px!important;
    font-size:11px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-slider-controls{
    right:14px!important;
    bottom:15px!important;
    transform:scale(.9)!important;
    transform-origin:right bottom!important;
  }
}

@media(max-width:1000px){
  body:not(.admin-body) .grade-banner-quick-info{
    width:min(330px,100%)!important;
    height:240px!important;
    min-height:240px!important;
    margin:24px 0 0!important;
    justify-self:start!important;
    align-self:start!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    min-height:240px!important;
    height:240px!important;
    padding:21px 20px 60px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2{
    max-width:145px!important;
    font-size:23px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
    max-width:148px!important;
    font-size:11px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    top:70px!important;
    right:18px!important;
    width:132px!important;
    height:84px!important;
    border-radius:18px!important;
  }
}

@media(max-width:460px){
  body:not(.admin-body) .grade-banner-quick-info{
    width:min(300px,100%)!important;
    height:225px!important;
    min-height:225px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    min-height:225px!important;
    height:225px!important;
    padding:19px 17px 56px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2{
    max-width:125px!important;
    font-size:21px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
    max-width:128px!important;
    font-size:10px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    top:65px!important;
    right:14px!important;
    width:118px!important;
    height:76px!important;
  }
}


/* =========================================================
   V65 — Hızlı bilgi kartı sağ-orta, dinamik yükseklik
   Başlık ve istatistikler tekrar sol sütunda; kart görseli
   metinlerin altında yatay görünür ve metin uzadıkça kart büyür.
   ========================================================= */
@media(min-width:1001px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    align-items:center!important;
    gap:34px!important;
    height:auto!important;
    min-height:580px!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    grid-column:1!important;
    width:100%!important;
    max-width:780px!important;
    height:100%!important;
    min-height:492px!important;
    margin-left:0!important;
    padding:0 0 132px!important;
    align-self:stretch!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    grid-column:2!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:300px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    align-self:center!important;
    justify-self:end!important;
  }
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-track{
  height:auto!important;
  min-height:0!important;
  align-items:stretch!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:0!important;
  height:auto!important;
  padding:22px!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-kicker{
  margin-bottom:13px!important;
  font-size:11px!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2{
  max-width:none!important;
  margin:0 0 9px!important;
  font-size:24px!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
  max-width:none!important;
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
  position:static!important;
  inset:auto!important;
  align-self:flex-start!important;
  min-height:34px!important;
  margin-top:12px!important;
  padding:0 13px!important;
  font-size:11px!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  height:122px!important;
  min-height:122px!important;
  margin-top:16px!important;
  border-radius:18px!important;
  flex:none!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-slider-controls{
  right:12px!important;
  bottom:12px!important;
  padding:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 8px 22px rgba(25,42,70,.14)!important;
  transform:scale(.88)!important;
  transform-origin:right bottom!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-banner-quick-info .quick-slider-controls{
  background:rgba(12,27,49,.88)!important;
}

@media(max-width:1000px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }
  body:not(.admin-body) .grade-main-column--full .grade-hero-copy{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin-left:0!important;
    padding:0!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    position:relative!important;
    inset:auto!important;
    width:min(360px,100%)!important;
    height:auto!important;
    min-height:0!important;
    margin:28px 0 0 auto!important;
    transform:none!important;
    justify-self:end!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    min-height:0!important;
    height:auto!important;
    padding:22px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide h2,
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide p{
    max-width:none!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    width:100%!important;
    height:128px!important;
    min-height:128px!important;
  }
}

@media(max-width:640px){
  body:not(.admin-body) .grade-main-column--full .grade-hero-card{
    min-height:0!important;
  }
  body:not(.admin-body) .grade-banner-quick-info{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    min-height:0!important;
    height:auto!important;
    padding:20px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
    height:116px!important;
    min-height:116px!important;
  }
}


/* BIYODIJITAL V6.6.0 — hızlı bilgi kartı: butonsuz ve kontroller görselin altında */
body:not(.admin-body) .grade-banner-quick-info{
  display:flex!important;
  flex-direction:column!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-link{
  display:none!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-track{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
  padding-bottom:10px!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-info-thumb{
  margin-bottom:0!important;
}
body:not(.admin-body) .grade-banner-quick-info .quick-slider-controls{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  top:auto!important;
  align-self:center!important;
  flex:0 0 auto!important;
  margin:10px auto 16px!important;
  padding:5px 8px!important;
  transform:none!important;
  transform-origin:center!important;
  z-index:5!important;
}
@media(max-width:1000px){
  body:not(.admin-body) .grade-banner-quick-info .quick-info-slide{
    padding-bottom:10px!important;
  }
  body:not(.admin-body) .grade-banner-quick-info .quick-slider-controls{
    margin:10px auto 16px!important;
  }
}


/* v6.7 - Öğrenme çıktısı içerik kartları ve tür filtreleri */
body:not(.admin-body) .topic-content-library{
  padding:18px 0 104px!important;
}
body:not(.admin-body) .topic-content-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 18px!important;
}
body:not(.admin-body) .topic-content-heading h2{
  margin:8px 0 0!important;
  font-size:clamp(30px,3vw,44px)!important;
  letter-spacing:-.045em!important;
}
body:not(.admin-body) .topic-content-heading>p{
  margin:0 0 5px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .topic-filter-bar{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  padding:10px!important;
  margin:0 0 25px!important;
  overflow-x:auto!important;
  scrollbar-width:thin!important;
  border:1px solid rgba(179,210,223,.76)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 16px 42px rgba(38,49,82,.08)!important;
  backdrop-filter:blur(16px)!important;
}
body:not(.admin-body) .topic-filter-bar button{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 16px!important;
  flex:0 0 auto!important;
  border:1px solid rgba(177,205,217,.76)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.86)!important;
  color:#34445a!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
body:not(.admin-body) .topic-filter-bar button:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(24,201,183,.46)!important;
  box-shadow:0 10px 24px rgba(31,52,82,.10)!important;
}
body:not(.admin-body) .topic-filter-bar button.is-active{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(24,201,183,.22)!important;
}
body:not(.admin-body) .topic-filter-bar button span{
  display:grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:rgba(20,43,70,.08)!important;
  color:inherit!important;
  font-size:10px!important;
  line-height:1!important;
}
body:not(.admin-body) .topic-filter-bar button.is-active span{
  background:rgba(255,255,255,.22)!important;
}
body:not(.admin-body) .topic-content-grid{
  align-items:stretch!important;
}
body:not(.admin-body) .topic-filter-item{
  display:contents;
}
body:not(.admin-body) .topic-content-grid .resource-card{
  height:100%!important;
}
body:not(.admin-body) .topic-filter-empty,
body:not(.admin-body) .topic-content-empty{
  margin-top:22px!important;
}
body:not(.admin-body) .topic-content-empty b{
  display:block!important;
  margin-bottom:7px!important;
  color:var(--text)!important;
  font-size:20px!important;
}
body:not(.admin-body) .topic-content-empty p{
  margin:0!important;
}
html[data-theme="dark"] body:not(.admin-body) .topic-filter-bar{
  background:rgba(13,23,42,.78)!important;
  border-color:rgba(85,107,139,.42)!important;
}
html[data-theme="dark"] body:not(.admin-body) .topic-filter-bar button{
  background:rgba(25,38,61,.88)!important;
  border-color:rgba(91,124,157,.38)!important;
  color:#eaf2fb!important;
}
html[data-theme="dark"] body:not(.admin-body) .topic-filter-bar button.is-active{
  background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
  color:#fff!important;
}
html[data-theme="dark"] body:not(.admin-body) .topic-filter-bar button span{
  background:rgba(255,255,255,.10)!important;
}
@media(max-width:760px){
  body:not(.admin-body) .topic-content-library{
    padding-top:10px!important;
    padding-bottom:76px!important;
  }
  body:not(.admin-body) .topic-content-heading{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  body:not(.admin-body) .topic-content-heading>p{
    margin:0!important;
  }
  body:not(.admin-body) .topic-filter-bar{
    margin-bottom:19px!important;
    border-radius:18px!important;
  }
  body:not(.admin-body) .topic-filter-bar button{
    min-height:39px!important;
    padding:0 13px!important;
    font-size:11px!important;
  }
}


/* =========================================================
   V67 — Tema detayı konu kartları
   Tema detayındaki konular, sınıf sayfasındaki Konular sekmesi
   ile aynı büyük görsel / başlık / çıktı kodu iskeletini kullanır.
   ========================================================= */
body:not(.admin-body) .unit-topic-track{
  display:grid!important;
  gap:16px!important;
  margin:24px 0 36px!important;
}
body:not(.admin-body) .unit-topic-row{
  width:100%!important;
}
body:not(.admin-body) .grade-topic-row>i{
  grid-column:4!important;
}
body:not(.admin-body) .unit-topic-row .grade-topic-copy small{
  color:var(--grade-accent)!important;
}
body:not(.admin-body) .unit-topic-row .outcome-badge strong{
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-topic-row .outcome-badge{
  background:linear-gradient(145deg,rgba(33,197,158,.16),rgba(109,95,241,.20))!important;
  border-color:rgba(105,214,197,.24)!important;
}
html[data-theme="dark"] body:not(.admin-body) .grade-topic-row .outcome-badge strong{
  color:#f4f8ff!important;
}
@media(max-width:760px){
  body:not(.admin-body) .grade-topic-row>i{
    grid-column:3!important;
  }
}


/* =========================================================
   V6.8.1 — Öğrenme çıktısı üst alanında yönetilebilir arka plan ve büyük görsel
   ========================================================= */
body.inner-page .topic-module-hero-card{
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:30px!important;
}
body.inner-page .topic-module-visual{
  height:176px!important;
  min-height:176px!important;
}
body.inner-page.has-page-hero-image .topic-module-hero-card{
  position:relative!important;
  isolation:isolate!important;
}
body.inner-page.has-page-hero-image .topic-module-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--page-hero-image)!important;
  background-size:cover!important;
  background-position:var(--page-hero-position,50% 50%)!important;
  background-repeat:no-repeat!important;
  filter:blur(16px) saturate(1.06);
  transform:scale(1.05);
  opacity:.24;
  z-index:0;
  pointer-events:none;
}
body.inner-page.has-page-hero-image .topic-module-hero-card::after{
  z-index:1!important;
}
body.inner-page.has-page-hero-image .topic-module-hero-card > *{
  position:relative;
  z-index:2;
}
body.inner-page.has-page-hero-image .topic-module-copy{
  max-width:900px!important;
}
body.inner-page.has-page-hero-image .topic-module-visual{
  height:196px!important;
  min-height:196px!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.14)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(38,199,201,.26),rgba(143,118,255,.24)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 24px 60px rgba(31,53,84,.18)!important;
  backdrop-filter:blur(12px) saturate(1.12)!important;
}
body.inner-page.has-page-hero-image .topic-module-visual img{
  transform:scale(1.02);
}
html[data-theme="dark"] body.inner-page.has-page-hero-image .topic-module-visual{
  background:
    linear-gradient(145deg,rgba(9,19,34,.50),rgba(9,19,34,.24)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.18),rgba(38,199,201,.18),rgba(143,118,255,.20)) border-box!important;
  box-shadow:0 26px 65px rgba(0,0,0,.34)!important;
}
@media(max-width:1100px){
  body.inner-page .topic-module-hero-card,
  body.inner-page.has-page-hero-image .topic-module-hero-card{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }
  body.inner-page.has-page-hero-image .topic-module-visual{
    height:182px!important;
    min-height:182px!important;
  }
}
@media(max-width:860px){
  body.inner-page .topic-module-hero-card,
  body.inner-page.has-page-hero-image .topic-module-hero-card{
    grid-template-columns:1fr!important;
  }
  body.inner-page .topic-module-visual,
  body.inner-page.has-page-hero-image .topic-module-visual{
    height:210px!important;
    min-height:210px!important;
  }
}
@media(max-width:620px){
  body.inner-page.has-page-hero-image .topic-module-hero-card,
  body.inner-page .topic-module-hero-card{
    padding:24px!important;
  }
  body.inner-page .topic-module-visual,
  body.inner-page.has-page-hero-image .topic-module-visual{
    height:180px!important;
    min-height:180px!important;
    border-radius:24px!important;
  }
}


/* =========================================================
   V6.8.2 — Konuya özel öğrenme çıktısı arka planı
   Arka plan artık Konular > Düzenle ekranından yüklenir.
   ========================================================= */
body.inner-page .topic-module-hero-card.has-topic-background{
  position:relative!important;
  isolation:isolate!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  background:rgba(248,252,253,.56)!important;
}
body.inner-page .topic-module-hero-card.has-topic-background::before{
  content:"";
  position:absolute;
  inset:-20px;
  background-image:var(--topic-hero-background)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(16px) saturate(1.06);
  transform:scale(1.05);
  opacity:.34;
  z-index:0;
  pointer-events:none;
}
body.inner-page .topic-module-hero-card.has-topic-background::after{
  z-index:1!important;
}
body.inner-page .topic-module-hero-card.has-topic-background > *{
  position:relative;
  z-index:2;
}
body.inner-page .topic-module-hero-card.has-topic-background .topic-module-copy{
  max-width:930px!important;
}
body.inner-page .topic-module-hero-card.has-topic-background .topic-module-visual{
  height:205px!important;
  min-height:205px!important;
  border-radius:31px!important;
  background:rgba(255,255,255,.35)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 26px 64px rgba(31,53,84,.20)!important;
  backdrop-filter:blur(12px) saturate(1.14)!important;
}
body.inner-page .topic-module-hero-card.has-topic-background .topic-module-visual img{
  transform:scale(1.025);
}
html[data-theme="dark"] body.inner-page .topic-module-hero-card.has-topic-background{
  background:rgba(7,16,31,.58)!important;
}
html[data-theme="dark"] body.inner-page .topic-module-hero-card.has-topic-background .topic-module-visual{
  background:rgba(9,19,34,.42)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 28px 68px rgba(0,0,0,.36)!important;
}
@media(max-width:1100px){
  body.inner-page .topic-module-hero-card.has-topic-background{
    grid-template-columns:minmax(0,1fr) 330px!important;
  }
  body.inner-page .topic-module-hero-card.has-topic-background .topic-module-visual{
    height:188px!important;
    min-height:188px!important;
  }
}
@media(max-width:860px){
  body.inner-page .topic-module-hero-card.has-topic-background{
    grid-template-columns:1fr!important;
  }
  body.inner-page .topic-module-hero-card.has-topic-background .topic-module-visual{
    height:220px!important;
    min-height:220px!important;
  }
}
@media(max-width:620px){
  body.inner-page .topic-module-hero-card.has-topic-background .topic-module-visual{
    height:185px!important;
    min-height:185px!important;
    border-radius:24px!important;
  }
}

/* =========================================================
   V6.9.0 — Profesyonel sinematik giriş deneyimi
   ========================================================= */
body.intro-open{overflow:hidden!important}
.intro-cinematic{
  --intro-aqua:#1fc8c2;
  --intro-blue:#5770f2;
  --intro-violet:#7a62ef;
  --intro-ink:var(--intro-text,#10213d);
  z-index:10000!important;
  display:grid!important;
  place-items:center!important;
  padding:32px!important;
  background:var(--intro-bg,#f8fcff)!important;
  color:var(--intro-ink)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  perspective:1400px!important;
  transition:opacity .72s cubic-bezier(.22,.7,.2,1),visibility .72s ease,filter .72s ease,transform .72s ease!important;
}
.intro-cinematic.hidden{
  opacity:0!important;
  visibility:hidden!important;
  filter:blur(14px)!important;
  transform:scale(1.035)!important;
}
.intro-cinematic::before,
.intro-cinematic::after{display:none!important}
.intro-cinema-backdrop{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.intro-cinema-backdrop::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 52% 44%,rgba(255,255,255,.98),rgba(255,255,255,.70) 30%,transparent 58%),
    linear-gradient(135deg,color-mix(in srgb,var(--intro-bg,#f8fcff) 92%,#d9fbf7),color-mix(in srgb,var(--intro-bg,#f8fcff) 88%,#eee9ff));
}
.intro-cinema-aurora{position:absolute;border-radius:999px;filter:blur(50px);opacity:.52;mix-blend-mode:multiply;animation:introCinemaDrift 7s ease-in-out infinite alternate}
.intro-cinema-aurora.aurora-one{width:520px;height:520px;left:-150px;top:-150px;background:rgba(31,200,194,.24)}
.intro-cinema-aurora.aurora-two{width:570px;height:570px;right:-160px;bottom:-190px;background:rgba(122,98,239,.20);animation-delay:-2.4s;animation-direction:alternate-reverse}
.intro-cinema-grid{
  position:absolute;
  inset:0;
  opacity:.34;
  background-image:linear-gradient(rgba(24,57,78,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,57,78,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(ellipse at center,#000 0 40%,transparent 82%);
}
.intro-cinema-light{
  position:absolute;
  inset:-25%;
  background:linear-gradient(115deg,transparent 37%,rgba(255,255,255,.78) 49%,transparent 61%);
  transform:translateX(-34%);
  animation:introCinemaSweep 4.6s cubic-bezier(.2,.7,.2,1) infinite;
  opacity:.56;
}
.intro-skip{
  position:absolute!important;
  right:30px!important;
  top:26px!important;
  z-index:5!important;
  min-width:62px!important;
  height:38px!important;
  padding:0 16px!important;
  border:1px solid rgba(121,151,170,.28)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.56)!important;
  color:#5f7185!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  cursor:pointer!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 26px rgba(31,54,78,.08)!important;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
.intro-skip:hover{transform:translateY(-2px)!important;background:#fff!important;color:#1b9fa2!important}
.intro-cinema-shell{
  position:relative!important;
  width:min(1080px,calc(100vw - 64px))!important;
  min-height:min(620px,calc(100vh - 64px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  align-items:center!important;
  gap:64px!important;
  padding:72px 76px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:46px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,253,254,.64)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(31,200,194,.24),rgba(122,98,239,.20)) border-box!important;
  box-shadow:0 42px 120px rgba(25,53,78,.16),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(26px) saturate(1.16)!important;
  overflow:hidden!important;
  animation:introCinemaShellIn .9s cubic-bezier(.18,.82,.2,1) both!important;
}
.intro-cinema-shell::before{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  left:-190px;
  bottom:-195px;
  border-radius:50%;
  border:1px solid rgba(31,200,194,.18);
  box-shadow:0 0 0 34px rgba(31,200,194,.035),0 0 0 82px rgba(122,98,239,.025);
  pointer-events:none;
}
.intro-cinema-copy{position:relative;z-index:2;min-width:0;animation:introCinemaCopyIn .82s cubic-bezier(.18,.82,.2,1) .12s both}
.intro-cinema-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:38px!important;
  padding:0 15px!important;
  border:1px solid rgba(31,200,194,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  color:#179da0!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 28px rgba(31,200,194,.08)!important;
}
.intro-cinema-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--intro-aqua);box-shadow:0 0 0 5px rgba(31,200,194,.13),0 0 16px rgba(31,200,194,.34)}
.intro-cinematic .intro-cinema-copy h2{
  margin:24px 0 18px!important;
  max-width:650px!important;
  color:var(--intro-ink)!important;
  font-size:clamp(46px,5.7vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.058em!important;
  font-weight:950!important;
  text-align:left!important;
  text-wrap:balance!important;
}
.intro-cinematic .intro-cinema-copy p{
  max-width:590px!important;
  margin:0!important;
  color:color-mix(in srgb,var(--intro-ink) 62%,#6e8193)!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:650!important;
  text-align:left!important;
}
.intro-cinema-brandline{display:flex;align-items:center;gap:13px;margin-top:31px;color:var(--intro-ink)}
.intro-cinema-brandline span{font-size:12px;font-weight:950;letter-spacing:.22em}
.intro-cinema-brandline i{width:32px;height:1px;background:linear-gradient(90deg,var(--intro-aqua),var(--intro-violet))}
.intro-cinema-brandline small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#7b8998}
.intro-cinema-loading{
  width:min(430px,100%)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px 12px!important;
  align-items:center!important;
  margin:30px 0 0!important;
}
.intro-cinema-loading .intro-progress{
  grid-column:1/-1!important;
  width:100%!important;
  height:4px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(57,87,107,.11)!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 2px rgba(28,55,73,.07)!important;
}
.intro-cinema-loading .intro-progress i{
  display:block!important;
  width:0;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,var(--intro-aqua),var(--intro-blue),var(--intro-violet))!important;
  box-shadow:0 0 18px rgba(31,200,194,.34)!important;
}
.intro-cinema-loading span,.intro-cinema-loading b{font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#7a8997!important}
.intro-cinema-loading b{justify-self:end!important;color:#159ea1!important}
.intro-cinema-visual{
  position:relative!important;
  z-index:2!important;
  width:min(410px,100%)!important;
  aspect-ratio:1/1!important;
  justify-self:end!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 47% 42%,rgba(255,255,255,.94),rgba(237,252,250,.60) 45%,rgba(236,238,255,.28) 68%,transparent 70%)!important;
  filter:drop-shadow(0 34px 50px rgba(37,66,92,.14))!important;
  animation:introCinemaVisualIn .95s cubic-bezier(.18,.82,.2,1) .08s both!important;
}
.intro-cinema-visual::before{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:inset 0 0 55px rgba(255,255,255,.60),0 0 0 1px rgba(31,200,194,.10);
}
.intro-science-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(31,200,194,.24);pointer-events:none}
.intro-science-orbit.orbit-a{width:342px;height:342px;transform:translate(-50%,-50%) rotate(12deg);animation:introCinemaOrbit 14s linear infinite}
.intro-science-orbit.orbit-b{width:300px;height:128px;transform:translate(-50%,-50%) rotate(34deg);border-color:rgba(122,98,239,.24);animation:introCinemaOrbitFlat 9s linear infinite reverse}
.intro-science-orbit.orbit-c{width:124px;height:306px;transform:translate(-50%,-50%) rotate(-28deg);border-color:rgba(87,112,242,.17);animation:introCinemaOrbitTall 11s linear infinite}
.intro-logo-core{
  position:relative!important;
  z-index:6!important;
  width:142px!important;
  height:142px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:36px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,251,252,.88))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 30px 70px rgba(25,64,82,.18),inset 0 1px 0 #fff!important;
  transform:translateZ(30px)!important;
  animation:introCinemaLogo 4s ease-in-out infinite!important;
}
.intro-logo-core img{width:108px!important;height:108px!important;max-width:108px!important;max-height:108px!important;object-fit:contain!important;filter:drop-shadow(0 14px 20px rgba(27,83,91,.18))!important}
.intro-logo-halo{position:absolute;inset:-18px;border-radius:inherit;background:conic-gradient(from 60deg,rgba(31,200,194,.75),rgba(87,112,242,.56),rgba(122,98,239,.58),rgba(31,200,194,.75));filter:blur(18px);opacity:.22;z-index:-1;animation:introCinemaHalo 8s linear infinite}
.intro-dna-column{position:absolute;z-index:3;width:125px;height:286px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-12deg);opacity:.44;filter:drop-shadow(0 0 14px rgba(31,200,194,.18));animation:introCinemaDnaFloat 5s ease-in-out infinite}
.intro-dna-column span{position:relative;display:block;width:100%;height:13px;transform:rotate(calc((var(--r) - 5) * 8deg)) scaleX(calc(.58 + (5 - max(var(--r) - 5, 5 - var(--r))) * .05))}
.intro-dna-column span::before{content:"";position:absolute;left:13px;right:13px;top:6px;height:1px;background:linear-gradient(90deg,rgba(31,200,194,.30),rgba(87,112,242,.48),rgba(122,98,239,.32))}
.intro-dna-column span i,.intro-dna-column span b{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.52),0 0 14px currentColor}
.intro-dna-column span i{left:0;color:var(--intro-aqua);background:var(--intro-aqua)}
.intro-dna-column span b{right:0;color:var(--intro-violet);background:var(--intro-violet)}
.intro-science-node{position:absolute;z-index:7;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.58),0 0 18px currentColor;animation:introCinemaNodePulse 2.5s ease-in-out infinite}
.intro-science-node.node-a{left:24px;top:49%;color:var(--intro-aqua);background:var(--intro-aqua)}
.intro-science-node.node-b{right:43px;top:22%;color:var(--intro-blue);background:var(--intro-blue);animation-delay:-.8s}
.intro-science-node.node-c{right:26px;bottom:29%;color:var(--intro-violet);background:var(--intro-violet);animation-delay:-1.6s}
.intro-science-node.node-d{left:72px;bottom:31px;width:8px;height:8px;color:#f0b22d;background:#f0b22d;animation-delay:-1.1s}
.intro-cinema-caption{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#708393;font-size:8px;font-weight:950;letter-spacing:.24em;white-space:nowrap}
.intro-cinema-caption span{width:28px;height:1px;background:linear-gradient(90deg,var(--intro-aqua),var(--intro-violet))}
@keyframes introCinemaDrift{to{transform:translate3d(26px,-20px,0) scale(1.06)}}
@keyframes introCinemaSweep{0%,20%{transform:translateX(-42%)}72%,100%{transform:translateX(45%)}}
@keyframes introCinemaShellIn{from{opacity:0;transform:translateY(28px) scale(.965) rotateX(3deg);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
@keyframes introCinemaCopyIn{from{opacity:0;transform:translateX(-28px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes introCinemaVisualIn{from{opacity:0;transform:translateX(34px) scale(.9);filter:blur(14px)}to{opacity:1;transform:none;filter:drop-shadow(0 34px 50px rgba(37,66,92,.14))}}
@keyframes introCinemaOrbit{to{transform:translate(-50%,-50%) rotate(372deg)}}
@keyframes introCinemaOrbitFlat{to{transform:translate(-50%,-50%) rotate(394deg)}}
@keyframes introCinemaOrbitTall{to{transform:translate(-50%,-50%) rotate(332deg)}}
@keyframes introCinemaLogo{0%,100%{transform:translateZ(30px) translateY(0) scale(1)}50%{transform:translateZ(30px) translateY(-8px) scale(1.02)}}
@keyframes introCinemaHalo{to{transform:rotate(360deg)}}
@keyframes introCinemaDnaFloat{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-7px)}}
@keyframes introCinemaNodePulse{50%{opacity:.55;transform:scale(.78)}}
html[data-theme="dark"] .intro-cinematic{background:#07111f!important}
html[data-theme="dark"] .intro-cinema-backdrop::before{background:radial-gradient(circle at 52% 44%,rgba(22,36,59,.88),rgba(9,20,36,.82) 42%,rgba(5,13,25,.98))!important}
html[data-theme="dark"] .intro-cinema-grid{opacity:.24;background-image:linear-gradient(rgba(180,211,229,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(180,211,229,.045) 1px,transparent 1px)}
html[data-theme="dark"] .intro-cinema-shell{background:linear-gradient(145deg,rgba(12,25,43,.90),rgba(20,29,52,.74)) padding-box,linear-gradient(135deg,rgba(255,255,255,.14),rgba(31,200,194,.24),rgba(122,98,239,.24)) border-box!important;border-color:transparent!important;box-shadow:0 46px 130px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07)!important}
html[data-theme="dark"] .intro-cinematic .intro-cinema-copy p,html[data-theme="dark"] .intro-cinema-brandline small{color:#a8bac9!important}
html[data-theme="dark"] .intro-cinema-eyebrow,html[data-theme="dark"] .intro-skip{background:rgba(17,34,55,.64)!important;border-color:rgba(75,203,201,.24)!important;color:#7ce0dc!important}
html[data-theme="dark"] .intro-logo-core{background:linear-gradient(145deg,rgba(20,40,62,.96),rgba(28,35,63,.92))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
@media(max-width:960px){
  .intro-cinematic{padding:22px!important}
  .intro-cinema-shell{width:min(780px,calc(100vw - 44px))!important;grid-template-columns:1fr!important;gap:30px!important;padding:46px 48px!important;min-height:auto!important;text-align:center!important}
  .intro-cinema-copy{display:flex;flex-direction:column;align-items:center}
  .intro-cinematic .intro-cinema-copy h2,.intro-cinematic .intro-cinema-copy p{text-align:center!important}
  .intro-cinema-brandline{justify-content:center}
  .intro-cinema-visual{justify-self:center!important;width:min(320px,70vw)!important;order:-1!important}
  .intro-cinema-copy h2{font-size:clamp(38px,7vw,58px)!important}
  .intro-cinema-loading{width:min(420px,100%)!important}
  .intro-science-orbit.orbit-a{width:282px;height:282px}
  .intro-science-orbit.orbit-b{width:246px;height:102px}
  .intro-science-orbit.orbit-c{width:100px;height:250px}
  .intro-logo-core{width:116px!important;height:116px!important;border-radius:30px!important}
  .intro-logo-core img{width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important}
  .intro-dna-column{height:232px;width:100px}
}
@media(max-width:620px){
  .intro-cinematic{padding:12px!important}
  .intro-skip{right:16px!important;top:14px!important;height:34px!important;min-width:56px!important}
  .intro-cinema-shell{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;padding:30px 22px 26px!important;border-radius:30px!important;gap:22px!important}
  .intro-cinema-visual{width:min(230px,62vw)!important}
  .intro-science-orbit.orbit-a{width:205px;height:205px}
  .intro-science-orbit.orbit-b{width:180px;height:76px}
  .intro-science-orbit.orbit-c{width:74px;height:184px}
  .intro-logo-core{width:92px!important;height:92px!important;border-radius:25px!important}
  .intro-logo-core img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important}
  .intro-dna-column{height:174px;width:74px}
  .intro-dna-column span{height:9px}.intro-dna-column span::before{top:4px}.intro-dna-column span i,.intro-dna-column span b{width:9px;height:9px}
  .intro-science-node{display:none}
  .intro-cinema-caption{bottom:-2px;font-size:7px}
  .intro-cinema-eyebrow{font-size:8px!important;letter-spacing:.13em!important;min-height:34px!important}
  .intro-cinematic .intro-cinema-copy h2{margin:17px 0 12px!important;font-size:clamp(32px,10vw,44px)!important;line-height:1.02!important}
  .intro-cinematic .intro-cinema-copy p{font-size:13px!important;line-height:1.55!important}
  .intro-cinema-brandline{margin-top:20px;flex-wrap:wrap;justify-content:center;gap:9px}
  .intro-cinema-brandline span{font-size:10px}.intro-cinema-brandline small{font-size:7px}
  .intro-cinema-loading{margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .intro-cinema-aurora,.intro-cinema-light,.intro-cinema-shell,.intro-cinema-copy,.intro-cinema-visual,.intro-science-orbit,.intro-logo-core,.intro-logo-halo,.intro-dna-column,.intro-science-node{animation:none!important}
}

/* =========================================================
   V6.10.0 — Minimal premium giriş efekti
   ========================================================= */
body.intro-open{overflow:hidden!important}
.intro-premium{
  --intro-aqua:#18c7bd;
  --intro-blue:#5771f4;
  --intro-violet:#7662ec;
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  background:var(--intro-bg,#f8fcff)!important;
  color:var(--intro-text,#10213d)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:opacity .72s cubic-bezier(.22,.7,.2,1),visibility .72s ease,filter .72s ease,transform .72s ease!important;
}
.intro-premium.hidden{
  opacity:0!important;
  visibility:hidden!important;
  filter:blur(12px)!important;
  transform:scale(1.025)!important;
}
.intro-premium::before,.intro-premium::after{display:none!important}
.intro-premium-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.intro-premium-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(255,255,255,.76) 30%,transparent 58%),
    linear-gradient(145deg,color-mix(in srgb,var(--intro-bg,#f8fcff) 90%,#dcfaf6),color-mix(in srgb,var(--intro-bg,#f8fcff) 91%,#eeeaff));
}
.intro-premium-bg::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(30,77,101,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,77,101,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at center,#000 0 32%,transparent 76%);
}
.intro-premium-glow{position:absolute;border-radius:50%;filter:blur(72px);opacity:.42;animation:introPremiumGlow 7s ease-in-out infinite alternate}
.intro-premium-glow.glow-a{width:430px;height:430px;left:-130px;top:-130px;background:rgba(24,199,189,.28)}
.intro-premium-glow.glow-b{width:500px;height:500px;right:-170px;bottom:-190px;background:rgba(118,98,236,.22);animation-delay:-2.5s;animation-direction:alternate-reverse}
.intro-premium-line{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(24,199,189,.10);transform:translate(-50%,-50%);animation:introPremiumRotate 24s linear infinite}
.intro-premium-line.line-a{width:min(72vw,900px);height:min(72vw,900px)}
.intro-premium-line.line-b{width:min(52vw,650px);height:min(20vw,250px);border-color:rgba(118,98,236,.12);transform:translate(-50%,-50%) rotate(24deg);animation-duration:18s;animation-direction:reverse}
.intro-premium-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--intro-aqua);box-shadow:0 0 0 5px rgba(24,199,189,.08),0 0 18px rgba(24,199,189,.34);animation:introPremiumParticle 4s ease-in-out infinite}
.intro-premium-particle.particle-a{left:18%;top:27%}
.intro-premium-particle.particle-b{right:21%;top:21%;background:var(--intro-blue);animation-delay:-1.2s}
.intro-premium-particle.particle-c{right:26%;bottom:22%;background:var(--intro-violet);animation-delay:-2.2s}
.intro-premium-skip{
  position:absolute!important;
  top:24px!important;
  right:26px!important;
  z-index:5!important;
  min-width:58px!important;
  height:36px!important;
  padding:0 15px!important;
  border:1px solid rgba(117,146,167,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  color:#66788b!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 28px rgba(30,53,77,.07)!important;
  transition:.2s ease!important;
}
.intro-premium-skip:hover{transform:translateY(-2px)!important;background:#fff!important;color:#159fa2!important}
.intro-premium-stage{
  position:relative!important;
  width:min(560px,calc(100vw - 56px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:54px 48px 44px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:42px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,252,253,.66)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(24,199,189,.22),rgba(118,98,236,.18)) border-box!important;
  box-shadow:0 42px 110px rgba(25,55,79,.14),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(28px) saturate(1.16)!important;
  overflow:hidden!important;
  animation:introPremiumStageIn .85s cubic-bezier(.18,.82,.2,1) both!important;
}
.intro-premium-stage::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:32px;
  pointer-events:none;
}
.intro-premium-symbol{
  position:relative!important;
  width:230px!important;
  height:230px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:26px!important;
  animation:introPremiumSymbolIn .9s cubic-bezier(.18,.82,.2,1) .08s both!important;
}
.intro-premium-symbol::before{
  content:"";
  position:absolute;
  inset:25px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(236,251,249,.66) 50%,rgba(237,239,255,.24) 72%,transparent 74%);
  box-shadow:0 28px 64px rgba(27,67,89,.12);
}
.intro-premium-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(24,199,189,.22);transform:translate(-50%,-50%);pointer-events:none}
.intro-premium-ring.ring-one{width:218px;height:218px;animation:introPremiumRotate 15s linear infinite}
.intro-premium-ring.ring-two{width:190px;height:76px;border-color:rgba(87,113,244,.22);transform:translate(-50%,-50%) rotate(28deg);animation:introPremiumOrbitFlat 10s linear infinite reverse}
.intro-premium-ring.ring-three{width:72px;height:190px;border-color:rgba(118,98,236,.18);transform:translate(-50%,-50%) rotate(-24deg);animation:introPremiumOrbitTall 12s linear infinite}
.intro-premium-logo{
  position:relative!important;
  z-index:3!important;
  width:112px!important;
  height:112px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(242,250,251,.92))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 24px 60px rgba(27,65,85,.17),inset 0 1px 0 #fff!important;
  animation:introPremiumLogo 4.5s ease-in-out infinite!important;
}
.intro-premium-logo::before{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:inherit;
  background:conic-gradient(from 40deg,rgba(24,199,189,.72),rgba(87,113,244,.45),rgba(118,98,236,.52),rgba(24,199,189,.72));
  filter:blur(20px);
  opacity:.18;
  z-index:-1;
  animation:introPremiumRotate 9s linear infinite;
}
.intro-premium-logo img{width:84px!important;height:84px!important;max-width:84px!important;max-height:84px!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(26,78,84,.16))!important}
.intro-premium-copy{position:relative;z-index:2;animation:introPremiumCopyIn .75s cubic-bezier(.18,.82,.2,1) .14s both!important}
.intro-premium-kicker{display:block!important;margin-bottom:12px!important;color:#159fa2!important;font-size:10px!important;font-weight:950!important;letter-spacing:.28em!important;text-indent:.28em!important}
.intro-premium-copy h2{margin:0!important;color:var(--intro-text,#10213d)!important;font-size:clamp(34px,4vw,50px)!important;line-height:1.04!important;letter-spacing:-.052em!important;font-weight:950!important;text-align:center!important;text-wrap:balance!important}
.intro-premium-copy p{margin:14px 0 0!important;color:color-mix(in srgb,var(--intro-text,#10213d) 58%,#7c8e9e)!important;font-size:14px!important;line-height:1.7!important;font-weight:650!important;text-align:center!important;max-width:470px!important}
.intro-premium-loading{position:relative;z-index:2;width:min(420px,100%)!important;margin-top:28px!important;padding:14px 16px 12px!important;border-radius:22px!important;background:rgba(255,255,255,.52)!important;border:1px solid rgba(175,210,221,.44)!important;box-shadow:0 18px 40px rgba(36,58,89,.08)!important;backdrop-filter:blur(14px)!important}
.intro-premium-loading .intro-progress{width:100%!important;height:5px!important;margin:0!important;border-radius:999px!important;background:rgba(52,82,103,.10)!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(24,52,71,.06)!important}
.intro-premium-loading .intro-progress i{display:block!important;width:0;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--intro-aqua),var(--intro-blue),var(--intro-violet))!important;box-shadow:0 0 20px rgba(24,199,189,.30)!important}
.intro-premium-loading .intro-premium-loading-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-top:11px!important}
.intro-premium-status{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#5c6f85!important;font-size:12px!important;font-weight:750!important;letter-spacing:.01em!important;text-transform:none!important}
.intro-premium-status::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--intro-aqua),var(--intro-violet));box-shadow:0 0 0 6px rgba(24,199,189,.08)!important;animation:introPremiumPulse 1.8s ease-in-out infinite}
.intro-premium-loading b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:56px!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(175,210,221,.46)!important;color:#159fa2!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important}
@keyframes introPremiumStageIn{from{opacity:0;transform:translateY(24px) scale(.97);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
@keyframes introPremiumSymbolIn{from{opacity:0;transform:scale(.82);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
@keyframes introPremiumCopyIn{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes introPremiumGlow{to{transform:translate3d(24px,-18px,0) scale(1.06)}}
@keyframes introPremiumParticle{50%{opacity:.48;transform:translateY(-8px) scale(.78)}}
@keyframes introPremiumRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes introPremiumOrbitFlat{to{transform:translate(-50%,-50%) rotate(388deg)}}
@keyframes introPremiumOrbitTall{to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes introPremiumLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
html[data-theme="dark"] .intro-premium{background:#07111f!important}
html[data-theme="dark"] .intro-premium-bg::before{background:radial-gradient(circle at 50% 42%,rgba(22,37,60,.88),rgba(9,20,36,.84) 42%,rgba(5,13,25,.98))!important}
html[data-theme="dark"] .intro-premium-stage{background:linear-gradient(145deg,rgba(12,25,43,.91),rgba(20,29,52,.76)) padding-box,linear-gradient(135deg,rgba(255,255,255,.14),rgba(24,199,189,.24),rgba(118,98,236,.22)) border-box!important;box-shadow:0 46px 120px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07)!important}
html[data-theme="dark"] .intro-premium-loading{background:rgba(10,23,40,.58)!important;border-color:rgba(87,118,154,.28)!important;box-shadow:0 20px 44px rgba(0,0,0,.26)!important}
html[data-theme="dark"] .intro-premium-status{color:#c7d4e3!important}
html[data-theme="dark"] .intro-premium-loading b{background:rgba(15,28,47,.76)!important;border-color:rgba(87,118,154,.30)!important;color:#79e2de!important}
html[data-theme="dark"] .intro-premium-logo{background:linear-gradient(145deg,rgba(20,40,62,.96),rgba(28,35,63,.92))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .intro-premium-skip{background:rgba(17,34,55,.62)!important;border-color:rgba(80,202,200,.22)!important;color:#7ce0dc!important}
@media(max-width:620px){
  .intro-premium{padding:12px!important}
  .intro-premium-skip{top:14px!important;right:15px!important;height:34px!important}
  .intro-premium-stage{width:calc(100vw - 24px)!important;padding:40px 24px 32px!important;border-radius:30px!important}
  .intro-premium-stage::before{inset:10px;border-radius:22px}
  .intro-premium-symbol{width:190px!important;height:190px!important;margin-bottom:20px!important}
  .intro-premium-ring.ring-one{width:180px;height:180px}
  .intro-premium-ring.ring-two{width:158px;height:64px}
  .intro-premium-ring.ring-three{width:62px;height:160px}
  .intro-premium-logo{width:92px!important;height:92px!important;border-radius:25px!important}
  .intro-premium-logo img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important}
  .intro-premium-copy h2{font-size:clamp(30px,9vw,40px)!important}
  .intro-premium-copy p{font-size:13px!important}
  .intro-premium-loading{margin-top:24px!important}
  .intro-premium-particle{display:none}
}
@media(prefers-reduced-motion:reduce){
  .intro-premium-glow,.intro-premium-line,.intro-premium-particle,.intro-premium-stage,.intro-premium-symbol,.intro-premium-ring,.intro-premium-logo,.intro-premium-logo::before,.intro-premium-copy{animation:none!important}
}

@media(max-width:540px){
  .intro-premium-loading{width:min(100%,340px)!important;padding:12px 13px 11px!important}
  .intro-premium-loading .intro-premium-loading-meta{gap:10px!important}
  .intro-premium-status{font-size:11px!important}
  .intro-premium-loading b{min-width:50px!important;height:28px!important;font-size:10px!important}
}

/* =========================================================
   V6.11.0 — Sinematik marka giriş animasyonu
   ========================================================= */
body.intro-open{overflow:hidden!important}
.intro-cinematic{
  --cinema-aqua:#15bfb7;
  --cinema-blue:#5275f6;
  --cinema-violet:#765fe9;
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:transparent!important;
  color:var(--intro-text,#10213d)!important;
  opacity:1!important;
  visibility:visible!important;
  transition:visibility .2s linear!important;
}
.intro-cinematic.hidden{visibility:hidden!important;pointer-events:none!important}
.intro-cinematic::before,.intro-cinematic::after{display:none!important}
.intro-cinematic-shutter{
  position:absolute;
  top:0;
  bottom:0;
  width:50.08%;
  z-index:1;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(255,255,255,.82) 32%,transparent 64%),
    linear-gradient(145deg,color-mix(in srgb,var(--intro-bg,#f8fcff) 91%,#dff9f5),color-mix(in srgb,var(--intro-bg,#f8fcff) 92%,#eeebff));
  transition:transform .92s cubic-bezier(.72,0,.18,1)!important;
  will-change:transform;
}
.intro-cinematic-shutter.shutter-left{left:0;border-right:1px solid rgba(40,92,115,.05)}
.intro-cinematic-shutter.shutter-right{right:0;border-left:1px solid rgba(40,92,115,.05)}
.intro-cinematic.is-leaving .shutter-left{transform:translateX(-101%)}
.intro-cinematic.is-leaving .shutter-right{transform:translateX(101%)}
.intro-cinematic-ambient{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;transition:opacity .45s ease}
.intro-cinematic.is-leaving .intro-cinematic-ambient{opacity:0}
.intro-cinematic-ambient::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(37,79,100,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,79,100,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at center,#000 0 28%,transparent 74%);
}
.intro-cinematic-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.30;animation:introCinemaGlow 6s ease-in-out infinite alternate}
.intro-cinematic-glow.glow-one{width:440px;height:440px;left:-120px;top:-130px;background:rgba(21,191,183,.30)}
.intro-cinematic-glow.glow-two{width:500px;height:500px;right:-160px;bottom:-180px;background:rgba(118,95,233,.22);animation-delay:-2.4s;animation-direction:alternate-reverse}
.intro-cinematic-axis{position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(42,100,124,.12),transparent);transform:translate(-50%,-50%);opacity:0;animation:introCinemaAxis 1.15s ease .20s forwards}
.intro-cinematic-axis.axis-horizontal{width:min(920px,78vw);height:1px}
.intro-cinematic-axis.axis-vertical{width:1px;height:min(660px,74vh);background:linear-gradient(transparent,rgba(42,100,124,.10),transparent)}
.intro-cinematic-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cinema-aqua);box-shadow:0 0 0 5px rgba(21,191,183,.08),0 0 24px rgba(21,191,183,.36);opacity:0;animation:introCinemaDot 3.8s ease-in-out infinite}
.intro-cinematic-dot.dot-one{left:18%;top:28%;animation-delay:.55s}
.intro-cinematic-dot.dot-two{right:20%;top:24%;background:var(--cinema-blue);animation-delay:1.05s}
.intro-cinematic-dot.dot-three{right:27%;bottom:23%;background:var(--cinema-violet);animation-delay:1.55s}
.intro-cinematic-skip{
  position:absolute!important;
  top:24px!important;
  right:28px!important;
  z-index:6!important;
  height:36px!important;
  min-width:62px!important;
  padding:0 16px!important;
  border:1px solid rgba(108,137,157,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.48)!important;
  color:#6d7e8f!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 12px 30px rgba(26,50,72,.06)!important;
  opacity:0;
  animation:introCinemaFade .45s ease .8s forwards;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
.intro-cinematic-skip:hover{transform:translateY(-2px)!important;background:#fff!important;color:#159fa2!important}
.intro-cinematic-stage{
  position:relative!important;
  z-index:4!important;
  width:min(760px,calc(100vw - 56px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:translateY(12px);
  opacity:0;
  animation:introCinemaStageIn .72s cubic-bezier(.18,.84,.22,1) .08s forwards;
  transition:opacity .35s ease,transform .55s cubic-bezier(.22,.7,.2,1),filter .45s ease!important;
}
.intro-cinematic.is-leaving .intro-cinematic-stage{opacity:0!important;transform:translateY(-18px) scale(.98)!important;filter:blur(10px)!important}
.intro-cinematic-mark{
  position:relative!important;
  width:250px!important;
  height:250px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:28px!important;
  transform:scale(.84);
  opacity:0;
  animation:introCinemaMarkIn .88s cubic-bezier(.16,.86,.18,1) .14s forwards;
}
.intro-cinematic-mark::before{
  content:"";
  position:absolute;
  inset:35px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(238,251,250,.70) 52%,rgba(237,239,255,.20) 73%,transparent 75%);
  box-shadow:0 32px 76px rgba(24,62,83,.12);
}
.intro-cinematic-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(21,191,183,.20);transform:translate(-50%,-50%);pointer-events:none}
.intro-cinematic-orbit.orbit-one{width:232px;height:232px;animation:introCinemaOrbit 16s linear infinite}
.intro-cinematic-orbit.orbit-two{width:205px;height:82px;border-color:rgba(82,117,246,.22);transform:translate(-50%,-50%) rotate(28deg);animation:introCinemaOrbitFlat 11s linear infinite reverse}
.intro-cinematic-orbit.orbit-three{width:82px;height:205px;border-color:rgba(118,95,233,.20);transform:translate(-50%,-50%) rotate(-24deg);animation:introCinemaOrbitTall 13s linear infinite}
.intro-cinematic-logo{
  position:relative!important;
  z-index:3!important;
  width:118px!important;
  height:118px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:32px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(243,250,251,.94))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 26px 68px rgba(23,63,84,.17),inset 0 1px 0 #fff!important;
  overflow:visible!important;
}
.intro-cinematic-logo::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:inherit;
  background:conic-gradient(from 35deg,rgba(21,191,183,.76),rgba(82,117,246,.44),rgba(118,95,233,.52),rgba(21,191,183,.76));
  filter:blur(22px);
  opacity:.14;
  z-index:-1;
  animation:introCinemaOrbit 10s linear infinite;
}
.intro-cinematic-logo img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;filter:drop-shadow(0 12px 20px rgba(25,75,82,.16))!important}
.intro-cinematic-scan{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:154px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),var(--cinema-aqua),transparent);
  box-shadow:0 0 20px rgba(21,191,183,.48);
  transform:translate(-50%,-50%) rotate(-14deg) translateX(-130px);
  opacity:0;
  animation:introCinemaScan 1.05s cubic-bezier(.22,.68,.22,1) .55s forwards;
}
.intro-cinematic-copy{position:relative;z-index:3;width:100%;max-width:690px}
.intro-cinematic-wordmark{height:24px;overflow:hidden;margin-bottom:16px!important}
.intro-cinematic-wordmark span{
  display:block;
  color:#159fa2;
  font-size:11px;
  line-height:24px;
  font-weight:950;
  letter-spacing:.34em;
  text-indent:.34em;
  transform:translateY(100%);
  opacity:0;
  animation:introCinemaWordmark .65s cubic-bezier(.18,.82,.2,1) .68s forwards;
}
.intro-cinematic-copy h2{
  margin:0!important;
  color:var(--intro-text,#10213d)!important;
  font-size:clamp(34px,4.4vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  text-align:center!important;
  text-wrap:balance!important;
  opacity:0;
  transform:translateY(22px);
  filter:blur(8px);
  animation:introCinemaTitle .82s cubic-bezier(.18,.82,.2,1) .78s forwards;
}
.intro-cinematic-signature{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  margin-top:24px!important;
  opacity:0;
  transform:translateY(12px);
  animation:introCinemaSignature .6s ease 1.10s forwards;
}
.intro-cinematic-signature span{color:#718295;font-size:9px;font-weight:900;letter-spacing:.16em}
.intro-cinematic-signature i{display:block;width:24px;height:1px;background:linear-gradient(90deg,var(--cinema-aqua),var(--cinema-violet));transform:scaleX(0);animation:introCinemaLine .5s ease 1.32s forwards}
.intro-cinematic.phase-two .intro-cinematic-mark{filter:drop-shadow(0 18px 32px rgba(21,191,183,.10))}
.intro-cinematic.phase-three .intro-cinematic-orbit{animation-duration:5.5s}
.intro-cinematic.phase-three .intro-cinematic-logo{animation:introCinemaLogoPulse .72s ease both}
@keyframes introCinemaStageIn{to{opacity:1;transform:none}}
@keyframes introCinemaMarkIn{to{opacity:1;transform:scale(1)}}
@keyframes introCinemaWordmark{to{opacity:1;transform:none}}
@keyframes introCinemaTitle{to{opacity:1;transform:none;filter:none}}
@keyframes introCinemaSignature{to{opacity:1;transform:none}}
@keyframes introCinemaLine{to{transform:scaleX(1)}}
@keyframes introCinemaFade{to{opacity:1}}
@keyframes introCinemaAxis{to{opacity:1}}
@keyframes introCinemaGlow{to{transform:translate3d(24px,-20px,0) scale(1.06)}}
@keyframes introCinemaDot{0%,100%{opacity:.28;transform:translateY(0) scale(.8)}50%{opacity:.9;transform:translateY(-9px) scale(1)}}
@keyframes introCinemaOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes introCinemaOrbitFlat{to{transform:translate(-50%,-50%) rotate(388deg)}}
@keyframes introCinemaOrbitTall{to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes introCinemaScan{0%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) translateX(-130px)}18%{opacity:1}82%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) translateX(130px)}}
@keyframes introCinemaLogoPulse{0%{transform:scale(1)}45%{transform:scale(1.045)}100%{transform:scale(1)}}
html[data-theme="dark"] .intro-cinematic-shutter{
  background:radial-gradient(circle at 50% 42%,rgba(21,36,57,.95),rgba(10,21,38,.90) 42%,rgba(5,13,25,.99))!important;
}
html[data-theme="dark"] .intro-cinematic-logo{background:linear-gradient(145deg,rgba(20,40,62,.96),rgba(28,35,63,.92))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 72px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-theme="dark"] .intro-cinematic-skip{background:rgba(17,34,55,.58)!important;border-color:rgba(80,202,200,.20)!important;color:#7ce0dc!important}
html[data-theme="dark"] .intro-cinematic-signature span{color:#9eb0c4}
@media(max-width:620px){
  .intro-cinematic{padding:16px!important}
  .intro-cinematic-skip{top:14px!important;right:15px!important;height:34px!important}
  .intro-cinematic-stage{width:calc(100vw - 32px)!important}
  .intro-cinematic-mark{width:205px!important;height:205px!important;margin-bottom:24px!important}
  .intro-cinematic-mark::before{inset:29px}
  .intro-cinematic-orbit.orbit-one{width:192px;height:192px}
  .intro-cinematic-orbit.orbit-two{width:166px;height:66px}
  .intro-cinematic-orbit.orbit-three{width:66px;height:166px}
  .intro-cinematic-logo{width:96px!important;height:96px!important;border-radius:27px!important}
  .intro-cinematic-logo img{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
  .intro-cinematic-copy h2{font-size:clamp(31px,9.5vw,43px)!important}
  .intro-cinematic-signature{gap:9px!important;margin-top:20px!important}
  .intro-cinematic-signature span{font-size:8px}
  .intro-cinematic-signature i{width:16px}
  .intro-cinematic-dot{display:none}
}
@media(prefers-reduced-motion:reduce){
  .intro-cinematic-glow,.intro-cinematic-axis,.intro-cinematic-dot,.intro-cinematic-stage,.intro-cinematic-mark,.intro-cinematic-orbit,.intro-cinematic-scan,.intro-cinematic-wordmark span,.intro-cinematic-copy h2,.intro-cinematic-signature,.intro-cinematic-signature i{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}

/* V5.12 — Ortak WhatsApp grubu ücretsiz kayıt akışı */
.free-invite-page{min-height:calc(100vh - 90px);padding:clamp(38px,7vw,92px) 0;background:radial-gradient(circle at 10% 10%,rgba(45,198,188,.12),transparent 32%),radial-gradient(circle at 88% 82%,rgba(112,92,232,.10),transparent 30%),linear-gradient(145deg,#f7fcfc,#f8f8ff)}
.free-invite-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(34px,6vw,86px);align-items:center}
.free-invite-intro .eyebrow{margin-bottom:20px}.free-invite-intro h1{max-width:650px;margin:0 0 20px;color:#10223d;font-size:clamp(40px,5.8vw,76px);line-height:.98;letter-spacing:-.055em}.free-invite-intro>p{max-width:600px;margin:0;color:#63748a;font-size:17px;line-height:1.75}
.free-invite-steps{display:grid;gap:11px;margin-top:32px}.free-invite-steps article{display:flex;align-items:center;gap:13px}.free-invite-steps b{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1eb8b0,#7562e8);color:#fff;box-shadow:0 10px 24px rgba(49,138,155,.18)}.free-invite-steps span{color:#30465e;font-weight:850}
.free-invite-card{position:relative;padding:clamp(24px,4vw,44px);border:1px solid rgba(197,222,226,.88);border-radius:32px;background:rgba(255,255,255,.92);box-shadow:0 30px 90px rgba(24,64,85,.13),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
.free-invite-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:32px 32px 0 0;background:linear-gradient(90deg,#1fbcb3,#58b9dc,#7965ea)}
.free-invite-form-head{margin-bottom:24px}.free-invite-form-head h2{margin:7px 0 8px;color:#122840;font-size:clamp(28px,3vw,39px);letter-spacing:-.035em}.free-invite-form-head p{margin:0;color:#718195;line-height:1.6}.free-invite-form-head p strong{color:#159a96}
.free-invite-phone-form{display:grid;gap:18px}.free-invite-phone-form label,.free-invite-registration-form label{display:grid;gap:8px;color:#293f57;font-size:12px;font-weight:900}.free-invite-phone-form input,.free-invite-registration-form input,.free-invite-registration-form select{width:100%;min-height:52px;padding:0 15px;border:1px solid #d8e5e8;border-radius:15px;background:#fbfefe;color:#153047;font:inherit;outline:none;transition:.2s ease}.free-invite-phone-form input:focus,.free-invite-registration-form input:focus,.free-invite-registration-form select:focus{border-color:#36bcb7;box-shadow:0 0 0 4px rgba(54,188,183,.10);background:#fff}.free-invite-registration-form input[readonly]{background:#f1f7f8;color:#637789}
.free-invite-registration-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.free-invite-registration-form>label:first-of-type,.free-invite-registration-form>button{grid-column:1/-1}.free-invite-registration-form [hidden]{display:none!important}
.free-invite-login{text-align:center;margin:18px 0 0;color:#7b8b9d}.free-invite-login a,.free-invite-restart-form button{color:#139d99;font-weight:900}.free-invite-restart-form{margin-top:18px;text-align:center}.free-invite-restart-form button{border:0;background:none;cursor:pointer}
.free-invite-result{text-align:center;padding:22px 8px}.free-invite-result .result-icon{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#fff2e9,#ffe0cf);color:#d97035;font-size:28px;font-weight:950}.free-invite-result h2{margin:0 0 10px;color:#172c42;font-size:31px}.free-invite-result p{margin:0 auto;max-width:480px;color:#6f7f91;line-height:1.65}.free-invite-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.free-invite-actions form{margin:0}.btn-soft{background:#edf5f6;color:#244158;border:1px solid #d5e5e8}
.group-paid-flow-notice{max-width:760px;margin:22px auto 4px;padding:16px 18px;border:1px solid rgba(221,157,74,.26);border-radius:17px;background:rgba(255,246,230,.82);color:#75512f;text-align:left}.group-paid-flow-notice strong,.group-paid-flow-notice span{display:block}.group-paid-flow-notice span{margin-top:5px;font-size:13px;line-height:1.55}
html[data-theme="dark"] .free-invite-page{background:radial-gradient(circle at 10% 10%,rgba(35,175,170,.12),transparent 32%),radial-gradient(circle at 88% 82%,rgba(112,92,232,.12),transparent 30%),#071423}.dark .free-invite-page{background:#071423}.free-invite-page .form-error{margin-bottom:18px}
html[data-theme="dark"] .free-invite-card{background:rgba(12,29,48,.92);border-color:rgba(108,180,189,.16);box-shadow:0 30px 90px rgba(0,0,0,.34)}html[data-theme="dark"] .free-invite-intro h1,html[data-theme="dark"] .free-invite-form-head h2,html[data-theme="dark"] .free-invite-result h2{color:#eef8ff}html[data-theme="dark"] .free-invite-intro>p,html[data-theme="dark"] .free-invite-form-head p,html[data-theme="dark"] .free-invite-result p{color:#9db0c3}html[data-theme="dark"] .free-invite-steps span,html[data-theme="dark"] .free-invite-phone-form label,html[data-theme="dark"] .free-invite-registration-form label{color:#cbd9e5}html[data-theme="dark"] .free-invite-phone-form input,html[data-theme="dark"] .free-invite-registration-form input,html[data-theme="dark"] .free-invite-registration-form select{background:#10263d;border-color:#23425b;color:#edf8ff}html[data-theme="dark"] .free-invite-registration-form input[readonly]{background:#0c2034;color:#98acbd}
@media(max-width:980px){.free-invite-shell{grid-template-columns:1fr;max-width:760px}.free-invite-intro{text-align:center}.free-invite-intro>p{margin-inline:auto}.free-invite-steps{max-width:380px;margin-inline:auto;text-align:left}}
@media(max-width:620px){.free-invite-page{padding:26px 0 50px}.free-invite-shell{gap:28px}.free-invite-intro h1{font-size:clamp(37px,12vw,54px)}.free-invite-card{padding:22px 17px;border-radius:24px}.free-invite-registration-form{grid-template-columns:1fr}.free-invite-registration-form>label:first-of-type,.free-invite-registration-form>button{grid-column:auto}.free-invite-actions{display:grid}.free-invite-actions .btn{width:100%}}


/* V5.13 — Ücretsiz davet listesinde olmayan kullanıcı için üyelik seçimi */
.free-invite-paid-choice{padding:10px 0 2px}
.free-invite-paid-choice .mini-label{display:block;margin:0 0 10px;color:#d27035;letter-spacing:.12em}
.free-invite-paid-choice p strong{color:#223b54}
.free-paid-membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px;text-align:left}
.free-paid-membership-card{position:relative;display:flex;align-items:center;gap:12px;min-height:86px;padding:15px 46px 15px 15px;border:1px solid #dce8eb;border-radius:19px;background:#fff;color:#243e57;text-decoration:none;box-shadow:0 10px 30px rgba(26,69,87,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.free-paid-membership-card:hover{transform:translateY(-3px);border-color:#a9d8dc;box-shadow:0 16px 34px rgba(26,69,87,.13)}
.free-paid-membership-card .membership-card-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#fff;font-size:18px;font-weight:950;box-shadow:0 9px 20px rgba(44,142,158,.18)}
.free-paid-membership-card.student .membership-card-icon{background:linear-gradient(135deg,#19b9b0,#48a9d8)}
.free-paid-membership-card.teacher .membership-card-icon{background:linear-gradient(135deg,#6b64e8,#9a64d8)}
.free-paid-membership-card .membership-card-copy{display:grid;gap:4px;min-width:0}
.free-paid-membership-card .membership-card-copy b{font-size:15px;line-height:1.2}
.free-paid-membership-card .membership-card-copy small{color:#7a8b9c;font-size:11px;line-height:1.35}
.free-paid-membership-card>i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;font-weight:900}
.free-paid-membership-closed{margin-top:24px;padding:17px 18px;border:1px solid #eadfcf;border-radius:17px;background:#fff8ee;color:#75512f;text-align:left}
.free-paid-membership-closed b,.free-paid-membership-closed span{display:block}.free-paid-membership-closed span{margin-top:5px;font-size:12px;line-height:1.55}
html[data-theme="dark"] .free-invite-paid-choice p strong{color:#e9f7ff}
html[data-theme="dark"] .free-paid-membership-card{border-color:#24445d;background:#10283f;color:#eef8ff;box-shadow:none}
html[data-theme="dark"] .free-paid-membership-card:hover{border-color:#3d7887;box-shadow:0 16px 34px rgba(0,0,0,.22)}
html[data-theme="dark"] .free-paid-membership-card .membership-card-copy small{color:#9db0c3}
html[data-theme="dark"] .free-paid-membership-closed{border-color:#644c31;background:#2a2118;color:#f1cfa7}
@media(max-width:620px){.free-paid-membership-grid{grid-template-columns:1fr}.free-paid-membership-card{min-height:78px}}


/* V6.10.1 — Hesap silme ve ödeme gönderim onayı */
.account-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px;padding:20px;border:1px solid #f0caca;border-radius:17px;background:linear-gradient(135deg,#fff8f8,#fff1f1)}
.account-danger-zone>div{min-width:0}.account-danger-zone .mini-label{display:block;color:#b33e3e;margin-bottom:6px}.account-danger-zone b{display:block;color:#7f2424}.account-danger-zone p{max-width:620px;margin:6px 0 0;color:#875f5f;font-size:12px;line-height:1.6}
.btn-danger-soft{flex:0 0 auto;border:1px solid #e4aaaa;background:#fff;color:#ad3434}.btn-danger-soft:hover{background:#fff0f0;border-color:#d27e7e}
.btn-danger{border:1px solid #b82e36;background:linear-gradient(135deg,#d9444d,#b9222e);color:#fff;box-shadow:0 12px 28px rgba(185,34,46,.2)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(185,34,46,.27)}
.account-delete-dialog{width:min(650px,100%)}.account-delete-body{text-align:center}.account-delete-warning-icon,.payment-warning-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:22px;background:#fff0f0;color:#c12e38;font-size:32px;font-weight:950;box-shadow:inset 0 0 0 1px #f2cbce}
.account-delete-body>p{max-width:530px;margin:0 auto 20px}.account-delete-body>label:not(.account-delete-confirm){display:block;text-align:left;color:#4d5e72;font-size:11px;font-weight:900}.account-delete-body input[type=password]{display:block;width:100%;margin-top:7px;border:1px solid #d9e4ef;border-radius:12px;background:#fbfdff;padding:13px 14px;color:var(--navy);outline:none}.account-delete-body input[type=password]:focus{border-color:#d8777d;box-shadow:0 0 0 4px rgba(193,46,56,.08);background:#fff}
.account-delete-confirm{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:14px;border:1px solid #efd0d2;border-radius:13px;background:#fff6f6;text-align:left}.account-delete-confirm input{flex:0 0 18px;width:18px;height:18px;margin-top:2px}.account-delete-confirm span{color:#76565a;font-size:11px;font-weight:800;line-height:1.55}.account-delete-foot,.payment-warning-foot{gap:10px}
.payment-warning-dialog{width:min(680px,100%)}.payment-warning-body{text-align:center}.payment-warning-body>p{max-width:560px;margin:0 auto;color:#53677a}.payment-warning-code{display:inline-flex;align-items:center;gap:15px;margin:22px auto;padding:13px 17px;border:1px solid #f0d7a2;border-radius:14px;background:#fff8e9}.payment-warning-code span{color:#8a6b2c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.payment-warning-code strong{color:#8c5c05;font-size:19px;letter-spacing:.06em}.payment-warning-final{font-weight:850;color:#344c62!important}.payment-warning-icon{background:#fff7e6;color:#b8770b;box-shadow:inset 0 0 0 1px #f0d8a9}
html[data-theme="dark"] .account-danger-zone{border-color:#65363c;background:linear-gradient(135deg,#26181d,#301b20)}html[data-theme="dark"] .account-danger-zone b{color:#ffb8bd}html[data-theme="dark"] .account-danger-zone p{color:#d39a9f}html[data-theme="dark"] .btn-danger-soft{border-color:#79454b;background:#281a1f;color:#ffb4ba}
html[data-theme="dark"] .account-delete-dialog,html[data-theme="dark"] .payment-warning-dialog{background:#101b2d;border-color:#34445b}html[data-theme="dark"] .account-delete-body input[type=password]{background:#0d1a2a;border-color:#34455d;color:#edf6ff}html[data-theme="dark"] .account-delete-confirm{border-color:#63383e;background:#2a1a20}html[data-theme="dark"] .account-delete-confirm span{color:#e1a8ad}html[data-theme="dark"] .payment-warning-code{border-color:#66502d;background:#2c2417}html[data-theme="dark"] .payment-warning-code span{color:#d4b26d}html[data-theme="dark"] .payment-warning-code strong{color:#ffd27d}html[data-theme="dark"] .payment-warning-body>p{color:#b8c7d5}html[data-theme="dark"] .payment-warning-final{color:#e7f1fa!important}
@media(max-width:650px){.account-danger-zone{align-items:stretch;flex-direction:column}.account-danger-zone .btn{width:100%}.account-delete-foot,.payment-warning-foot{display:grid;grid-template-columns:1fr}.account-delete-foot .btn,.payment-warning-foot .btn{width:100%}.payment-warning-code{display:grid;gap:5px;width:100%}}

.payment-submit-form input[type="hidden"]{display:none!important}
.payment-submit-form label:nth-child(3),.payment-submit-form label:nth-child(4){grid-column:auto}
.payment-submit-form .payment-full-field{grid-column:1/-1}