:root {
    --page-progress: 0;
    --page-shift: 0px;
    --coral: #ff6949;
    --coral-dark: #ed5437;
    --coral-soft: #fff0eb;
    --navy: #12182f;
    --navy-2: #1b2341;
    --text: #5f6475;
    --muted: #9296a5;
    --line: #e9e8ec;
    --cream: #fffaf5;
    --surface: #f7f7f9;
    --purple: #7254ee;
    --purple-soft: #f0ecff;
    --yellow: #ffbf3c;
    --yellow-soft: #fff6d9;
    --green: #28a979;
    --green-soft: #e7f7f1;
    --white: #fff;
    --shadow: 0 24px 70px rgba(24, 27, 46, .1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--white); color: var(--navy); font-family: Manrope, Inter, sans-serif; }
body.menu-open { overflow: hidden; }
.sr-only { width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; border-bottom: 1px solid transparent; transition: .3s ease; }
.scroll-progress { height: 3px; position: absolute; top: 0; left: 0; width: calc(var(--page-progress) * 100%); border-radius: 0 4px 4px 0; background: linear-gradient(90deg, var(--coral), var(--yellow)); box-shadow: 0 0 18px rgba(255,105,73,.35); transition: width .08s linear; }
.site-header.scrolled { border-color: rgba(20, 24, 45, .08); background: rgba(255, 255, 255, .9); box-shadow: 0 8px 30px rgba(30, 31, 48, .05); backdrop-filter: blur(18px); }
.nav-wrap { height: 96px; display: flex; align-items: center; gap: 36px; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 14px; text-decoration: none; background: transparent !important; }
.brand-logo { height: 72px; width: auto; display: block; object-fit: contain; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; transition: transform .25s ease; }
.brand:hover .brand-logo { transform: scale(1.05); }
.brand-name { display: inline-flex; align-items: center; font-size: 28px; font-weight: 850; letter-spacing: -0.9px; line-height: 1; }
.brand-name strong { color: #171b2d; }
.brand-name em { color: var(--coral); font-style: normal; }

.footer-brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; margin-bottom: 16px; background: transparent !important; }
.footer-brand-logo { height: 66px; width: auto; display: block; object-fit: contain; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
.footer-brand-name { font-size: 28px; }
.footer-brand-name strong { color: #ffffff; }
.footer-brand-name em { color: var(--coral); font-style: normal; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 29px; margin-left: auto; }
.main-nav a { position: relative; padding: 29px 0; color: #34384c; font-size: 19px; font-weight: 700; white-space: nowrap; }
.main-nav a::after { content: ''; position: absolute; right: 50%; bottom: 20px; left: 50%; height: 2px; border-radius: 9px; background: var(--coral); transition: .25s ease; }
.main-nav a:hover { color: var(--coral); }
.main-nav a:hover::after { right: 0; left: 0; }
.main-nav a.active { color: var(--coral); }
.main-nav a.active::after { right: 0; left: 0; }
.nav-actions { display: flex; align-items: center; gap: 19px; }
.login-link { font-size: 19px; font-weight: 700; }
.login-link:hover { color: var(--coral); }
.button { min-height: 52px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 17px; border: 0; border-radius: 13px; background: var(--coral); color: #fff; box-shadow: 0 12px 25px rgba(255, 105, 73, .22); font-size: 18px; font-weight: 800; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.button:hover { transform: translateY(-3px); background: var(--coral-dark); box-shadow: 0 16px 30px rgba(255, 105, 73, .3); }
.button span, .text-link span, .story-link span { font-size: 18px; transition: transform .25s ease; }
.button:hover span, .text-link:hover span, .story-link:hover span { transform: translateX(4px); }
.button-small { min-height: 43px; padding-inline: 18px; border-radius: 11px; font-size: 18px; }
.menu-toggle { width: 43px; height: 43px; margin-left: auto; display: none; place-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.menu-toggle span { width: 20px; height: 2px; display: block; border-radius: 4px; background: var(--navy); transition: .25s ease; }

.hero { position: relative; min-height: 820px; padding: 150px 0 45px; overflow: hidden; background: radial-gradient(circle at 82% 30%, rgba(123, 89, 235, .09), transparent 30%), radial-gradient(circle at 66% 25%, rgba(255, 105, 73, .08), transparent 25%), linear-gradient(180deg, #fffdfb 0%, #fff 78%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(6px); opacity: .75; }
.hero-glow-one { width: 230px; height: 230px; top: 70px; right: -100px; background: rgba(255, 196, 67, .12); }
.hero-glow-two { width: 170px; height: 170px; left: -85px; top: 390px; background: rgba(121, 85, 238, .1); }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 50px; }
.hero-copy { position: relative; z-index: 3; padding: 24px 0 38px; }
.eyebrow { width: fit-content; margin-bottom: 22px; padding: 9px 14px; display: flex; align-items: center; gap: 8px; border: 1px solid #ffd8cd; border-radius: 30px; background: var(--coral-soft); color: #df6047; font-size: 16px; font-weight: 700; }
.eyebrow span { font-size: 19px; }
.hero h1 { max-width: 590px; margin: 0; font-size: clamp(53px, 5vw, 75px); line-height: .99; letter-spacing: -4.6px; }
.hero h1 em { color: var(--coral); font-style: normal; }
.hero-copy > p { max-width: 545px; margin: 27px 0; color: var(--text); font-size: 16px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 25px; }
.play-link { display: flex; align-items: center; gap: 11px; font-size: 18px; font-weight: 800; }
.play-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #ff9a83; border-radius: 50%; color: var(--coral); font-size: 17px; transition: .25s ease; }
.play-link:hover .play-icon { transform: scale(1.08); color: #fff; background: var(--coral); }
.hero-proof { margin-top: 34px; display: flex; align-items: center; gap: 13px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 36px; height: 36px; margin-left: -8px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #4d5676, #1e233c); color: #fff; font-size: 15px; font-weight: 800; }
.avatar-stack span:first-child { margin-left: 0; background: linear-gradient(145deg, #ff9a83, #db5237); }
.avatar-stack span:nth-child(2) { background: linear-gradient(145deg, #9c86f5, #5740c3); }
.hero-proof > div:last-child { display: flex; flex-direction: column; }
.hero-proof strong { font-size: 17px; }
.hero-proof span { margin-top: 3px; color: var(--muted); font-size: 16px; }
.hero-proof b { color: var(--yellow); letter-spacing: 1px; }

.hero-visual { --pointer-x: 0px; --pointer-y: 0px; position: relative; min-height: 545px; transform: translate(var(--pointer-x), var(--pointer-y)); transition: transform .25s ease-out; }
.visual-backdrop { position: absolute; width: 92%; height: 90%; right: -2%; bottom: 2%; border-radius: 50% 42% 47% 44%; background: linear-gradient(145deg, #f0ebff, #fff2eb 58%, #fff5da); transform: rotate(-4deg); }
.hero-video-card { position: absolute; inset: 20px -12px 8px 18px; z-index: 2; overflow: hidden; border: 9px solid rgba(255, 255, 255, .85); border-radius: 42% 42% 24px 24px; box-shadow: 0 32px 85px rgba(35, 31, 65, .22); background: #171b2d; }
.hero-video-card video, .hero-video-card img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.video-shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(16, 19, 39, .5)); pointer-events: none; }
.video-label { position: absolute; right: 20px; bottom: 18px; padding: 9px 13px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 30px; background: rgba(18, 24, 47, .62); backdrop-filter: blur(10px); color: #fff; font-size: 15px; font-weight: 700; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #54e2a0; box-shadow: 0 0 0 5px rgba(84, 226, 160, .16); animation: pulse 1.8s infinite; }
.floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255, 255, 255, .75); background: rgba(255, 255, 255, .9); box-shadow: 0 18px 45px rgba(31, 31, 61, .16); backdrop-filter: blur(15px); }
.progress-card { width: 190px; max-width: calc(100% - 24px); top: 1px; right: -15px; padding: 14px; border-radius: 16px; animation: float 5s ease-in-out infinite; }
.float-icon { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; font-size: 15px; font-weight: 800; }
.float-icon.coral { color: #fff; background: var(--coral); }
.progress-card > div:last-child { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.progress-card span { color: var(--muted); font-size: 13px; }
.progress-card strong { font-size: 15px; line-height: 1.3; overflow-wrap: break-word; }
.progress-card i { grid-column: 1 / -1; height: 4px; overflow: hidden; border-radius: 8px; background: #ecebf0; }
.progress-card i b { width: 87%; height: 100%; display: block; border-radius: inherit; background: var(--coral); }
.lesson-card { left: 4px; bottom: 0; padding: 13px 16px; border-radius: 15px; animation: float 5.5s ease-in-out .7s infinite; }
.mini-play { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--purple); font-size: 15px; }
.lesson-card div { display: flex; flex-direction: column; }
.lesson-card strong { font-size: 15px; }
.lesson-card div span { margin-top: 3px; color: var(--muted); font-size: 15px; }
.floating-badge { width: 53px; height: 53px; position: absolute; right: -20px; top: 155px; z-index: 5; display: grid; place-items: center; border: 5px solid #fff; border-radius: 16px; background: var(--yellow); box-shadow: 0 16px 34px rgba(208, 153, 31, .25); color: #fff; font-size: 23px; animation: float 4.5s ease-in-out 1s infinite; }
.orbit-dot { position: absolute; z-index: 4; border-radius: 50%; }
.dot-one { width: 17px; height: 17px; top: 82px; left: 8px; background: var(--purple); animation: float 4s ease-in-out infinite; }
.dot-two { width: 11px; height: 11px; right: 8px; bottom: 84px; background: var(--coral); animation: float 4.7s ease-in-out .8s infinite; }

.stat-strip { position: relative; z-index: 8; min-height: 93px; margin-top: 49px; padding: 16px 22px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; border: 1px solid var(--line); border-radius: 17px; background: rgba(255, 255, 255, .94); box-shadow: 0 16px 50px rgba(38, 37, 55, .06); }
.stat-strip > div { min-height: 51px; padding-inline: 20px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr 1fr; align-items: center; column-gap: 13px; border-right: 1px solid var(--line); }
.stat-strip > div:last-child { border: 0; }
.stat-icon { width: 42px; height: 42px; grid-row: 1 / 3; display: grid; place-items: center; border-radius: 50%; font-size: 18px; font-weight: 800; }
.stat-strip strong { align-self: end; font-size: 18px; letter-spacing: -.5px; }
.stat-strip small { align-self: start; margin-top: 1px; color: var(--muted); font-size: 16px; }
.coral-bg { color: var(--coral); background: var(--coral-soft); }
.yellow-bg { color: #bd8615; background: var(--yellow-soft); }
.purple-bg { color: var(--purple); background: var(--purple-soft); }
.green-bg { color: var(--green); background: var(--green-soft); }

.trust-bar { padding: 31px 0; border-bottom: 1px solid #efedf0; background: #fff; }
.trust-bar .container { text-align: center; }
.trust-bar span { color: #a1a4af; font-size: 16px; }
.brand-row { margin-top: 19px; display: flex; align-items: center; justify-content: space-around; gap: 30px; color: #a4a5ae; filter: grayscale(1); }
.brand-row b { font-size: 16px; letter-spacing: -.5px; }

.section { padding: 110px 0; }
.section-heading { margin-bottom: 42px; display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.section-heading h2, .center-heading h2, .experience-copy h2, .story-copy h2 { margin: 11px 0 0; font-size: clamp(35px, 4vw, 51px); line-height: 1.12; letter-spacing: -2.5px; }
.section-heading > p { max-width: 470px; margin: 0 0 6px; color: var(--text); font-size: 15px; line-height: 1.8; }
.section-kicker { color: var(--coral); font-size: 15px; font-weight: 800; letter-spacing: 1.5px; }
.filter-row { margin-bottom: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.filter { padding: 10px 17px; border: 1px solid var(--line); border-radius: 30px; background: #fff; color: var(--text); font-size: 15px; font-weight: 700; cursor: pointer; transition: .25s ease; }
.filter:hover, .filter.active { border-color: var(--navy); background: var(--navy); color: #fff; }
.course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.course-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 13px 45px rgba(28, 29, 48, .04); transition: transform .3s ease, box-shadow .3s ease; }
.course-card:hover { transform: translateY(-8px); box-shadow: 0 24px 60px rgba(28, 29, 48, .11); }
.course-cover { height: 218px; position: relative; overflow: hidden; display: grid; place-items: center; color: #fff; }
.cover-code { background: radial-gradient(circle at 70% 28%, rgba(255,255,255,.16), transparent 23%), linear-gradient(145deg, #4129b8, #775ce9); }
.cover-ai { background: radial-gradient(circle at 20% 70%, rgba(255,255,255,.18), transparent 22%), linear-gradient(145deg, #ff7759, #ffb85a); }
.cover-design { background: radial-gradient(circle at 80% 70%, rgba(255,255,255,.14), transparent 23%), linear-gradient(145deg, #282341, #6544ca); }
.course-tag { position: absolute; top: 15px; left: 15px; z-index: 3; padding: 6px 9px; border-radius: 7px; background: var(--coral); font-size: 15px; font-weight: 800; }
.course-tag.new { color: #60420b; background: var(--yellow); }
.course-tag.purple-tag { background: var(--purple); }
.course-cover small { position: absolute; right: 15px; bottom: 14px; z-index: 3; padding: 5px 8px; border-radius: 7px; background: rgba(18, 20, 39, .55); backdrop-filter: blur(6px); font-size: 15px; }
.cover-mark { position: relative; z-index: 2; font-size: 49px; font-weight: 800; letter-spacing: -4px; text-shadow: 0 14px 35px rgba(15, 15, 30, .22); }
.code-lines { position: absolute; width: 190px; height: 125px; padding: 23px; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: rgba(20, 15, 74, .22); transform: rotate(-7deg); }
.code-lines i { width: 70%; height: 5px; margin-bottom: 10px; display: block; border-radius: 8px; background: rgba(255,255,255,.25); }
.code-lines i:nth-child(2) { width: 50%; margin-left: 35%; background: #ffbd3c; }
.code-lines i:nth-child(3) { width: 35%; background: #ff7859; }
.ai-orbit { position: absolute; width: 155px; height: 155px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; animation: rotate 12s linear infinite; }
.ai-orbit::after { content: ''; position: absolute; inset: 23px; border: 1px dashed rgba(255,255,255,.4); border-radius: 50%; }
.ai-orbit i { width: 14px; height: 14px; position: absolute; border: 3px solid rgba(255,255,255,.8); border-radius: 50%; }
.ai-orbit i:nth-child(1) { top: -7px; left: 68px; }.ai-orbit i:nth-child(2) { right: 4px; bottom: 22px; }.ai-orbit i:nth-child(3) { left: 5px; bottom: 24px; }
.design-shapes { position: absolute; inset: 0; }
.design-shapes i { position: absolute; display: block; border-radius: 13px; background: rgba(255,255,255,.14); transform: rotate(15deg); }
.design-shapes i:nth-child(1) { width: 85px; height: 85px; top: 32px; left: 45px; }.design-shapes i:nth-child(2) { width: 105px; height: 55px; right: 30px; bottom: 37px; background: rgba(255, 107, 74, .5); }.design-shapes i:nth-child(3) { width: 45px; height: 45px; top: 29px; right: 55px; background: rgba(255, 191, 60, .7); }
.course-body { padding: 22px; }
.course-category { color: var(--coral); font-size: 15px; font-weight: 800; letter-spacing: 1px; }
.course-body h3 { min-height: 52px; margin: 8px 0 17px; font-size: 16px; line-height: 1.45; letter-spacing: -.35px; }
.instructor { display: flex; align-items: center; gap: 8px; }
.instructor span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #2d3451; color: #fff; font-size: 15px; }
.instructor b { color: var(--text); font-size: 16px; }
.course-meta { margin-top: 17px; padding-top: 15px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: var(--muted); font-size: 16px; }
.course-meta span b { color: #e4a21e; }.course-meta strong { color: var(--coral); font-size: 15px; }
.center-action { margin-top: 37px; text-align: center; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: var(--coral); font-size: 16px; font-weight: 800; }

.soft-section { background: #f8f7fa; }
.experience-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 95px; }
.experience-visual { position: relative; min-height: 510px; display: grid; place-items: center; }
.experience-visual::before { content: ''; width: 440px; height: 440px; position: absolute; border-radius: 46% 54% 42% 58%; background: linear-gradient(145deg, #e8e0ff, #fff0e9); transform: rotate(7deg); }
.learning-window { width: 100%; position: relative; z-index: 2; overflow: hidden; border: 8px solid #fff; border-radius: 20px; background: #fff; box-shadow: 0 30px 70px rgba(39, 36, 68, .18); transform: rotate(-2deg); }
.window-top { height: 38px; padding-inline: 12px; display: flex; align-items: center; gap: 6px; background: #f1f0f4; color: #9c9ba5; font-size: 15px; }
.window-top i { width: 7px; height: 7px; border-radius: 50%; background: #ff745a; }.window-top i:nth-child(2) { background: #ffc044; }.window-top i:nth-child(3) { background: #4dcc83; }.window-top span { margin-left: 12px; }
.window-body { height: 350px; display: grid; grid-template-columns: 52px 1fr 130px; }
.window-body aside { padding-top: 18px; display: flex; align-items: center; flex-direction: column; gap: 20px; background: var(--navy); }
.window-body aside b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: var(--coral); color: #fff; font-size: 15px; }
.window-body aside i { width: 17px; height: 4px; border-radius: 3px; background: rgba(255,255,255,.2); }.window-body aside i:nth-of-type(1) { background: var(--coral); }
.lesson-area { padding: 26px 20px; }
.tiny-label { color: var(--coral); font-size: 15px; font-weight: 800; }
.lesson-area h4 { margin: 6px 0 16px; font-size: 18px; }
.lesson-video { height: 190px; display: grid; place-items: center; border-radius: 12px; background: radial-gradient(circle at 70% 30%, rgba(255,255,255,.2), transparent 20%), linear-gradient(145deg, #5541ce, #ff7357); }
.lesson-video span { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.9); color: var(--coral); box-shadow: 0 12px 30px rgba(22,22,47,.2); font-size: 17px; }
.lesson-progress { margin-top: 17px; display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
.lesson-progress > span { height: 5px; border-radius: 8px; background: #eceaf0; }.lesson-progress b { width: 74%; height: 100%; display: block; border-radius: inherit; background: var(--coral); }.lesson-progress small { color: var(--muted); font-size: 15px; }
.lesson-list { padding: 28px 13px; border-left: 1px solid var(--line); }
.lesson-list strong { font-size: 15px; }.lesson-list p { margin: 10px 0; padding: 8px; border-radius: 7px; color: var(--muted); font-size: 15px; }.lesson-list .done { color: var(--green); }.lesson-list .active { color: var(--coral); background: var(--coral-soft); }
.achievement-card { position: absolute; right: -20px; bottom: 27px; z-index: 4; padding: 13px 17px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.8); border-radius: 14px; background: rgba(255,255,255,.93); box-shadow: 0 17px 38px rgba(35,31,62,.15); animation: float 5s ease-in-out infinite; }
.achievement-card > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--yellow-soft); font-size: 18px; }.achievement-card div { display: flex; flex-direction: column; }.achievement-card strong { font-size: 15px; }.achievement-card small { margin-top: 4px; color: var(--muted); font-size: 15px; }
.experience-copy h2 { margin-bottom: 20px; }
.experience-copy > p { color: var(--text); font-size: 18px; line-height: 1.85; }
.feature-list { margin: 27px 0; display: grid; gap: 20px; }
.feature-list > div { display: flex; gap: 14px; align-items: flex-start; }
.feature-icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; font-size: 18px; font-weight: 800; }
.feature-list strong, .feature-list small { display: block; }.feature-list strong { margin: 2px 0 5px; font-size: 17px; }.feature-list small { color: var(--muted); font-size: 15px; line-height: 1.6; }
.button-dark { background: var(--navy); box-shadow: 0 12px 25px rgba(18, 24, 47, .16); }.button-dark:hover { background: #252d51; box-shadow: 0 16px 30px rgba(18,24,47,.22); }

.center-heading { max-width: 690px; margin: 0 auto 47px; text-align: center; }
.center-heading > p { margin: 17px auto 23px; color: var(--text); font-size: 19px; line-height: 1.7; }
.billing-toggle { width: fit-content; margin: auto; padding: 4px; display: flex; border-radius: 30px; background: #f0eff3; }
.billing-toggle button { padding: 9px 15px; border: 0; border-radius: 25px; background: transparent; color: var(--muted); font-size: 15px; font-weight: 800; cursor: pointer; transition: .25s; }
.billing-toggle button.active { background: #fff; color: var(--navy); box-shadow: 0 4px 15px rgba(30,31,47,.08); }.billing-toggle span { margin-left: 4px; color: var(--green); font-size: 15px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 19px; }
.price-card { position: relative; min-height: 500px; padding: 31px; border: 1px solid var(--line); border-radius: 19px; background: #fff; transition: transform .3s ease, box-shadow .3s ease; }
.price-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.price-card.featured { min-height: 535px; padding-top: 47px; border: 2px solid var(--coral); box-shadow: 0 28px 65px rgba(255,105,73,.14); }
.popular-label { position: absolute; top: -1px; right: 28px; left: 28px; padding: 8px; border-radius: 0 0 9px 9px; background: var(--coral); color: #fff; text-align: center; font-size: 15px; font-weight: 800; letter-spacing: 1px; }
.plan-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; font-size: 16px; font-weight: 800; }
.price-card h3 { margin: 18px 0 7px; font-size: 18px; }.price-card > p { min-height: 39px; margin: 0; color: var(--text); font-size: 17px; line-height: 1.7; }
.price { margin: 23px 0; display: flex; align-items: baseline; gap: 6px; }.price strong { font-size: 34px; letter-spacing: -2px; transition: opacity .15s, transform .15s; }.price strong.price-changing { opacity: 0; transform: translateY(5px); }.price span { color: var(--muted); font-size: 15px; }
.price-button { min-height: 45px; display: grid; place-items: center; border: 1px solid var(--navy); border-radius: 11px; font-size: 15px; font-weight: 800; transition: .25s; }.price-button:hover { color: #fff; background: var(--navy); }.price-button.primary { border-color: var(--coral); background: var(--coral); color: #fff; }.price-button.primary:hover { border-color: var(--coral-dark); background: var(--coral-dark); }
.price-card ul { margin: 24px 0 0; padding: 0; display: grid; gap: 13px; list-style: none; color: var(--text); font-size: 18px; }.price-card li::first-letter { color: var(--green); }

.story-section { position: relative; overflow: hidden; background: var(--navy); color: #fff; }
.story-section::before { content: ''; width: 520px; height: 520px; position: absolute; right: -180px; top: -240px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.015); }
.story-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; }
.section-kicker.light { color: #ff967e; }
.story-copy p { max-width: 570px; color: #b5bbcd; font-size: 19px; line-height: 1.9; }
.story-link { margin-top: 18px; display: inline-flex; align-items: center; gap: 13px; color: #ff967e; font-size: 15px; font-weight: 800; }
.story-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.12); }
.story-numbers div { min-height: 150px; padding: 28px; display: flex; flex-direction: column; justify-content: center; background: var(--navy); }
.story-numbers strong { color: #fff; font-size: 38px; letter-spacing: -2px; }.story-numbers span { max-width: 125px; margin-top: 8px; color: #a9b0c5; font-size: 16px; line-height: 1.5; }

.testimonial-section { background: #fffaf5; }
.slider-buttons { display: flex; gap: 8px; }.slider-buttons button { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; background: #fff; cursor: pointer; transition: .25s; }.slider-buttons button:hover { border-color: var(--navy); background: var(--navy); color: #fff; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.quote-card { padding: 29px; border: 1px solid #ece8e2; border-radius: 18px; background: #fff; }
.featured-quote { transform: translateY(-14px); box-shadow: 0 25px 60px rgba(40,35,30,.09); }
.stars { color: var(--yellow); font-size: 16px; letter-spacing: 2px; }
.quote-card blockquote { min-height: 132px; margin: 18px 0 26px; color: #3d4152; font-size: 19px; line-height: 1.85; }
.quote-person { display: flex; align-items: center; gap: 11px; }.quote-person > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg,#ff9b83,#dd5639); color: #fff; font-size: 15px; font-weight: 800; }.quote-card:nth-child(2) .quote-person > span { background: linear-gradient(145deg,#9178ef,#4b37af); }.quote-card:nth-child(3) .quote-person > span { background: linear-gradient(145deg,#ebbf58,#bb7919); }.quote-person div { display: flex; flex-direction: column; }.quote-person strong { font-size: 15px; }.quote-person small { margin-top: 3px; color: var(--muted); font-size: 15px; }

.blog-section { padding: 90px 0; background: #fff; }

.cta-section { padding: 0 0 110px; }
.cta-card { position: relative; min-height: 380px; padding: 67px 30px; overflow: hidden; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 27px; background: linear-gradient(135deg, #ff7352, #ff5c42); color: #fff; text-align: center; box-shadow: 0 30px 70px rgba(255, 98, 69, .2); }
.cta-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.18); font-size: 20px; }
.cta-card h2 { margin: 17px 0 11px; font-size: clamp(36px, 4vw, 50px); line-height: 1.08; letter-spacing: -2.6px; }.cta-card p { margin: 0 0 23px; color: #ffe2da; font-size: 18px; }
.button-light { background: #fff; color: var(--coral); box-shadow: 0 14px 30px rgba(145,51,31,.2); }.button-light:hover { background: #fff9f7; color: var(--coral-dark); }
.cta-shape { position: absolute; border: 35px solid rgba(255,255,255,.08); border-radius: 50%; }.shape-one { width: 230px; height: 230px; top: -90px; left: -55px; }.shape-two { width: 310px; height: 310px; right: -95px; bottom: -140px; }

.site-footer { padding: 75px 0 25px; background: #11162b; color: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1.3fr; gap: 50px; }
.footer-brand { display: inline-block; margin-bottom: 16px; }
.footer-grid > div:first-child p { max-width: 330px; color: #989fb4; font-size: 17px; line-height: 1.8; }
.footer-grid h3 { margin: 6px 0 19px; color: #fff; font-size: 17px; }.footer-grid > div:not(:first-child) a { margin: 0 0 13px; display: block; color: #959db1; font-size: 17px; transition: .2s; }.footer-grid > div:not(:first-child) a:hover { color: #fff; transform: translateX(3px); }
.socials { margin-top: 20px; display: flex; gap: 8px; }.socials a { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: #b8bed0; font-size: 15px; font-weight: 800; }.socials a:hover { border-color: var(--coral); background: var(--coral); color: #fff; }
.footer-bottom { margin-top: 55px; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.08); color: #777f94; font-size: 16px; }

.reveal { opacity: 0; transform: translateY(35px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }.reveal[data-delay="1"] { transition-delay: .12s; }.reveal[data-delay="2"] { transition-delay: .24s; }.reveal.visible { opacity: 1; transform: translateY(0); }.featured-quote.reveal { transform: translateY(14px); }.featured-quote.reveal.visible { transform: translateY(-14px); }
[data-tilt] { --tilt-x: 0deg; --tilt-y: 0deg; transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style: preserve-3d; transition: transform .22s ease-out; }
[data-tilt] > * { transform-style: preserve-3d; }

@keyframes float { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-11px) rotate(1deg); } }
@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes rotate { to { transform: rotate(360deg); } }

@media (max-width: 1050px) {
    .main-nav { gap: 15px; }.main-nav a { font-size: 17px; }.nav-actions { gap: 11px; }.login-link { display: none; }.brand-logo { height: 60px; }.brand-name { font-size: 24px; }
    .hero { padding-top: 125px; }.hero-grid { gap: 20px; }.hero h1 { font-size: 58px; }.hero-visual { min-height: 460px; }.hero-video-card { left: 25px; }
    .experience-grid { gap: 55px; }.window-body { grid-template-columns: 46px 1fr 105px; }
}

/* AKILHANEM AI PET */
.akil-pet {
    position: fixed;
    right: 24px;
    bottom: 22px;
    z-index: 160;
    font-family: Manrope, Inter, sans-serif;
    user-select: none;
}
.akil-pet::after {
    content: '';
    width: 58px;
    height: 9px;
    position: absolute;
    z-index: -1;
    right: 27px;
    bottom: 8px;
    border-radius: 50%;
    background: rgba(28,31,61,.22);
    filter: blur(4px);
    opacity: .55;
    transform: scaleX(1);
    animation: petShadow 3.6s ease-in-out infinite;
}
.pet-launcher {
    width: 112px;
    height: 130px;
    position: relative;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 12px 16px rgba(27,35,85,.18));
    animation: petFloat 3.6s ease-in-out infinite;
    transition: transform .28s cubic-bezier(.34, 1.56, .64, 1), filter .28s ease;
    touch-action: manipulation;
}
.pet-launcher:hover {
    transform: translateY(-7px) scale(1.06);
    filter: drop-shadow(0 16px 22px rgba(255,107,74,.3));
}
.pet-launcher:active {
    transform: scale(.94);
}
.pet-robot {
    width: 112px;
    height: 112px;
    position: relative;
    display: block;
    transform-origin: 50% 90%;
}
.pet-robot img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    display: block;
    object-fit: contain;
    clip-path: none;
    image-rendering: auto;
    pointer-events: none;
    user-select: none;
    transform-origin: 50% 82%;
    filter: drop-shadow(0 10px 14px rgba(21,28,68,.2));
    animation: pet3dIdle 4.8s ease-in-out infinite;
    transition: transform .25s ease;
}
.pet-launcher:hover .pet-robot img {
    animation-play-state: paused;
    transform: scale(1.04) rotate(-2deg);
}
.pet-launcher-label {
    position: absolute;
    bottom: -4px;
    z-index: 8;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9e4ff;
    border-radius: 99px;
    background: #fff;
    color: #1f2a58;
    box-shadow: 0 6px 18px rgba(30,25,60,.12);
    white-space: nowrap;
    transition: transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s ease;
}
.pet-launcher:hover .pet-launcher-label {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(49,85,178,.18);
}
.pet-launcher-label b {
    font-size: 16.5px;
    font-weight: 800;
    color: #1f2a58;
    line-height: 1;
}
.pet-notification {
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 4;
    top: 4px;
    right: 4px;
    display: grid;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #7254ee;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 3px 8px rgba(114,84,238,.4);
    animation: petBadgePulse 2.4s ease-in-out infinite;
}
.pet-chat {
    width: min(370px, calc(100vw - 32px));
    height: min(540px, calc(100vh - 130px));
    position: fixed;
    right: 20px;
    bottom: 130px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(114,84,238,.14);
    border-radius: 24px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 28px 80px rgba(24,23,60,.22);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px) scale(.95);
    transform-origin: bottom right;
    transition: .25s cubic-bezier(.2,.8,.2,1);
}
.akil-pet.is-open .pet-chat {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
.akil-pet.is-open .pet-launcher {
    animation-play-state: paused;
    transform: scale(.92);
}
.akil-pet.is-open::after {
    animation-play-state: paused;
    transform: scale(.85);
    opacity: .4;
}
.pet-chat-head { padding:16px 17px; display:flex; align-items:center; gap:11px; background:linear-gradient(135deg,#1b2341,#372b79); color:#fff; }
.pet-mini-avatar { width:42px; height:42px; display:grid; place-items:center; border:2px solid rgba(255,255,255,.34); border-radius:15px; background:linear-gradient(145deg,#ff7656,#7254ee); box-shadow:0 7px 18px rgba(0,0,0,.16); }
.pet-mini-avatar span { font-size:17px; font-weight:800; }
.pet-chat-head > div:nth-child(2) { display:flex; flex:1; flex-direction:column; }
.pet-chat-head strong { font-size:19px; }
.pet-chat-head small { margin-top:3px; color:#c7c9dc; font-size:15px; }
.pet-chat-head small i { width:7px; height:7px; margin-right:4px; display:inline-block; border-radius:50%; background:#45d59a; box-shadow:0 0 8px rgba(69,213,154,.7); }
.pet-close { width:34px; height:34px; border:0; border-radius:10px; background:rgba(255,255,255,.09); color:#fff; font-size:21px; cursor:pointer; }
.pet-close:hover { background:rgba(255,255,255,.16); }
.pet-messages { flex:1; padding:17px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; background:radial-gradient(circle at 90% 0,rgba(114,84,238,.07),transparent 35%),#fafafd; }
.pet-message { max-width:86%; padding:11px 13px; border-radius:15px; font-size:17px; line-height:1.55; box-shadow:0 5px 14px rgba(31,29,59,.05); }
.pet-message.bot { align-self:flex-start; border:1px solid #e9e6f7; border-bottom-left-radius:5px; background:#fff; color:#484b5e; }
.pet-message.user { align-self:flex-end; border-bottom-right-radius:5px; background:linear-gradient(135deg,#7557ec,#5e43da); color:#fff; }
.pet-message.typing { display:flex; gap:4px; }
.pet-message.typing i { width:6px; height:6px; border-radius:50%; background:#8d86ac; animation:petTyping .8s infinite alternate; }
.pet-message.typing i:nth-child(2) { animation-delay:.2s; }
.pet-message.typing i:nth-child(3) { animation-delay:.4s; }
.pet-suggestions { padding:10px 13px 4px; display:flex; gap:6px; overflow-x:auto; background:#fff; }
.pet-suggestions button { padding:7px 10px; flex:0 0 auto; border:1px solid #e3def7; border-radius:99px; background:#f8f6ff; color:#5d47c8; font-size:15px; font-weight:700; cursor:pointer; }
.pet-suggestions button:hover { border-color:#7254ee; background:#f0ecff; }
.pet-form { margin:8px 12px 4px; padding:5px 5px 5px 13px; display:flex; align-items:center; gap:7px; border:1px solid #ddd9ea; border-radius:14px; background:#fff; transition:.2s; }
.pet-form:focus-within { border-color:#7254ee; box-shadow:0 0 0 3px rgba(114,84,238,.1); }
.pet-form input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#252941; font:500 12px Manrope, sans-serif; }
.pet-form input::placeholder { color:#9b9ead; }
.pet-form button { width:38px; height:38px; border:0; border-radius:11px; background:linear-gradient(135deg,#ff7656,#ff5d43); color:#fff; font-size:17px; cursor:pointer; box-shadow:0 7px 15px rgba(255,105,73,.25); }
.pet-disclaimer { padding:4px 12px 10px; color:#a0a3ae; font-size:15px; text-align:center; }

@keyframes petFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-4px) rotate(-1.5deg); }
    50% { transform: translateY(-8px) rotate(0deg); }
    75% { transform: translateY(-4px) rotate(1.5deg); }
}
@keyframes petShadow {
    0%, 100% { transform: scaleX(1); opacity: .55; }
    50% { transform: scaleX(.72); opacity: .28; }
}
@keyframes pet3dIdle {
    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }
    20% { transform: translateY(-2px) scale(1.02, .98) rotate(-1.2deg); }
    40% { transform: translateY(0) scale(1) rotate(0deg); }
    60% { transform: translateY(-1px) scale(.99, 1.01) rotate(1.2deg); }
    80% { transform: translateY(-3px) scale(1.03, .97) rotate(-0.5deg); }
}
@keyframes petBadgePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); box-shadow: 0 0 12px rgba(114,84,238,.6); }
}
@keyframes petTyping {
    to { transform: translateY(-4px); opacity: .55; }
}

@media (max-width:600px) {
    .akil-pet { right:12px; bottom:12px; }
    .pet-chat { right:10px; bottom:118px; height:min(510px,calc(100vh - 135px)); }
    .pet-launcher { transform:scale(.85); transform-origin:bottom right; }
    .akil-pet::after { right:18px; bottom:4px; transform:scale(.8); }
}
@media (prefers-reduced-motion:reduce) {
    .pet-launcher, .akil-pet::after, .pet-robot img, .pet-notification, .pet-message.typing i { animation:none; }
    .pet-chat { transition:none; }
}

/* 2026-08 content and readability refinement */
.experience-photo { min-height:540px; position:relative; overflow:hidden; border-radius:28px; box-shadow:0 28px 70px rgba(27,29,52,.16); }
.experience-photo > img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.experience-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 38%,rgba(15,20,40,.88)); }
.experience-photo-caption { position:absolute; z-index:2; right:32px; bottom:32px; left:32px; display:flex; flex-direction:column; color:#fff; }
.experience-photo-caption > span { color:#ff9b84; font-size:16px; font-weight:800; letter-spacing:1.3px; }
.experience-photo-caption strong { max-width:460px; margin-top:10px; font-size:29px; line-height:1.2; }
.experience-photo-caption small { max-width:430px; margin-top:9px; color:#d5d8e2; font-size:18px; line-height:1.65; }
.experience-photo-badge { position:absolute; z-index:3; top:25px; right:25px; padding:13px 15px; display:flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.45); border-radius:14px; background:rgba(255,255,255,.92); box-shadow:0 15px 35px rgba(20,22,43,.15); }
.experience-photo-badge > b { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; background:var(--coral-soft); color:var(--coral); }
.experience-photo-badge > span { display:flex; flex-direction:column; }.experience-photo-badge strong { font-size:17px; }.experience-photo-badge small { margin-top:3px; color:var(--muted); font-size:15px; }
.story-principles { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.12); }
.story-principles > div { min-height:150px; padding:27px; display:flex; flex-direction:column; justify-content:center; background:var(--navy); }
.story-principles > div > span { color:var(--coral); font-size:16px; font-weight:800; }.story-principles strong { margin-top:9px; color:#fff; font-size:17px; }.story-principles small { margin-top:7px; color:#aeb4c8; font-size:17px; line-height:1.55; }
.ecosystem-node strong { font-size:17px; }.ecosystem-node small { font-size:15px; }.ecosystem-node b { font-size:17px; }
.about-floating-note small { font-size:15px; }.about-floating-note strong { font-size:17px; }
.about-signature small { font-size:15px; }.about-signature strong { font-size:17px; }.about-signature span { font-size:15px; }
.team-role-grid strong { font-size:19px; }.team-role-grid small { font-size:16px; line-height:1.6; }.team-role-grid article > span { font-size:15px; }
.developer-story p { font-size:17px; }.developer-story > a { font-size:16px; }
.developer-logo { width:135px; height:98px; padding:12px; display:grid; place-items:center; border-radius:19px; background:#fff; box-shadow:0 15px 35px rgba(0,0,0,.18); }
.developer-logo img { width:100%; height:auto; display:block; }
.developer-story { grid-template-columns:135px 1fr auto; }
.impact-values strong { color:#ff8d75; font-size:25px; }.impact-values span { font-size:18px; }

.legacy-lms-preview { display:none !important; }
.compact-platform-preview { width:min(1480px,calc(100% - 48px)); margin-top:56px; padding-bottom:90px; display:grid; grid-template-columns:1.32fr .68fr; align-items:center; gap:28px; }
.compact-preview-photo { min-height:460px; position:relative; overflow:hidden; border-radius:26px; box-shadow:0 30px 75px rgba(27,29,52,.16); }
.compact-preview-photo img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.compact-preview-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(16,21,43,.9)); }
.compact-preview-photo > div { position:absolute; z-index:2; right:30px; bottom:29px; left:30px; display:flex; flex-direction:column; color:#fff; }
.compact-preview-photo span { color:#ff9b84; font-size:16px; font-weight:800; letter-spacing:1.2px; }.compact-preview-photo strong { max-width:430px; margin-top:9px; font-size:28px; line-height:1.25; }
.compact-dashboard-photo { min-height:0; aspect-ratio:1505/805; align-self:center; padding:0; overflow:hidden; border:1px solid rgba(31,35,65,.08); background:#f8f7fb; box-shadow:0 24px 60px rgba(25,29,52,.14); }
.compact-dashboard-photo::after { display:none; }
.compact-dashboard-photo::before { content:''; width:28%; position:absolute; z-index:3; inset:-35% auto -35% -42%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent); transform:skewX(-18deg); animation:dashboardShine 7s ease-in-out infinite; pointer-events:none; }
.compact-dashboard-photo img { object-fit:contain; object-position:center; transform:scale(1); animation:dashboardBreath 6s ease-in-out infinite; transition:transform .45s ease; }
.compact-dashboard-photo:hover img { transform:scale(1.012); }
@keyframes dashboardBreath { 0%,100%{filter:saturate(1);opacity:1} 50%{filter:saturate(1.04);opacity:.985} }
@keyframes dashboardShine { 0%,68%{left:-42%;opacity:0} 73%{opacity:.55} 88%,100%{left:122%;opacity:0} }
@media (prefers-reduced-motion:reduce) { .compact-dashboard-photo::before,.compact-dashboard-photo img { animation:none; } }
.compact-preview-steps { align-self:center; display:grid; gap:12px; }
.compact-preview-steps article { min-height:126px; padding:19px 21px; display:grid; grid-template-columns:48px 1fr; align-items:center; gap:16px; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 13px 34px rgba(28,30,51,.055); transition:.25s ease; }
.compact-preview-steps article:hover { border-color:rgba(255,105,73,.36); transform:translateX(5px); box-shadow:0 18px 40px rgba(28,30,51,.09); }
.compact-preview-steps article > span { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:var(--coral-soft); color:var(--coral); font-size:17px; font-weight:800; }
.compact-preview-steps article:nth-child(2) > span { color:var(--purple); background:var(--purple-soft); }.compact-preview-steps article:nth-child(3) > span { color:#a87412; background:var(--yellow-soft); }
.compact-preview-steps strong { font-size:16px; }.compact-preview-steps p { margin:7px 0 0; color:var(--text); font-size:17px; line-height:1.55; }
.steps-layout { display:grid; grid-template-columns:.82fr 1.18fr; align-items:stretch; gap:22px; }
.steps-photo { min-height:500px; position:relative; overflow:hidden; border-radius:24px; box-shadow:0 25px 65px rgba(28,30,52,.14); }
.steps-photo img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.steps-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(15,20,40,.9)); }
.steps-photo > div { position:absolute; z-index:2; right:27px; bottom:27px; left:27px; display:flex; flex-direction:column; color:#fff; }.steps-photo span { color:#ff9b84; font-size:15px; font-weight:800; letter-spacing:1.2px; }.steps-photo strong { margin-top:9px; font-size:24px; line-height:1.3; }
.steps-layout .steps-grid { grid-template-columns:1fr 1fr; gap:12px; }.steps-layout .step-card { min-height:244px; padding:22px; }.steps-layout .step-card h3 { margin-top:18px; font-size:16px; }.steps-layout .step-card p { font-size:17px; }.steps-layout .step-arrow { display:none; }
@media (max-width:980px) { .compact-platform-preview,.steps-layout { grid-template-columns:1fr; }.compact-preview-photo,.steps-photo { min-height:400px; }.developer-story { grid-template-columns:110px 1fr; }.developer-story > a { grid-column:2; }.developer-logo { width:110px; height:82px; } }
@media (max-width:620px) { .experience-photo { min-height:420px; }.experience-photo-caption { right:22px; bottom:22px; left:22px; }.experience-photo-caption strong { font-size:23px; }.experience-photo-badge { top:15px; right:15px; }.story-principles,.steps-layout .steps-grid { grid-template-columns:1fr; }.story-principles > div { min-height:120px; }.compact-preview-photo,.steps-photo { min-height:340px; }.compact-preview-photo strong { font-size:22px; }.developer-story { grid-template-columns:1fr; }.developer-story > a { grid-column:1; }.developer-logo { width:130px; } }
@media (max-width:620px) { .compact-dashboard-photo { min-height:0; } }

@media (max-width: 820px) {
    .nav-wrap { height: 80px; }.menu-toggle { display: grid; }.nav-actions { margin-left: 0; }.nav-actions .button { display: none; }.brand-logo { height: 50px; }.brand-name { font-size: 22px; }
    .main-nav { position: fixed; inset: 70px 0 0; padding: 35px 25px; display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column; gap: 0; background: rgba(255,255,255,.98); opacity: 0; visibility: hidden; transform: translateY(-15px); transition: .25s ease; }.main-nav a { padding: 17px; border-bottom: 1px solid var(--line); font-size: 16px; }.main-nav a::after { display: none; }
    .menu-open .main-nav { opacity: 1; visibility: visible; transform: translateY(0); }.menu-open .menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.menu-open .menu-toggle span:nth-child(2) { opacity: 0; }.menu-open .menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .hero { padding-top: 110px; }.hero-grid, .experience-grid, .story-grid { grid-template-columns: 1fr; }.hero-copy { text-align: center; }.eyebrow { margin-inline: auto; }.hero-copy > p { margin-inline: auto; }.hero-actions, .hero-proof { justify-content: center; }.hero-visual { width: min(620px, 100%); margin: auto; }
    .stat-strip { grid-template-columns: 1fr 1fr; }.stat-strip > div:nth-child(2) { border-right: 0; }.stat-strip > div:nth-child(-n+2) { padding-bottom: 13px; border-bottom: 1px solid var(--line); }.stat-strip > div:nth-child(n+3) { padding-top: 13px; }
    .brand-row { flex-wrap: wrap; }.brand-row b { width: calc(33% - 30px); }
    .section-heading { align-items: flex-start; flex-direction: column; gap: 18px; }.course-grid, .pricing-grid, .testimonial-grid, .blog-grid { grid-template-columns: 1fr 1fr; }.course-card:last-child, .price-card:last-child, .quote-card:last-child, .blog-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 10px); width: 100%; margin-inline: auto; }
    .experience-grid { gap: 45px; }.experience-copy { max-width: 620px; }.story-grid { gap: 55px; }.story-copy { max-width: 680px; }.story-numbers { width: 100%; }
    .footer-grid { grid-template-columns: 1.6fr 1fr 1fr; }.footer-grid > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
    .container { width: min(100% - 28px, 1180px); }.section { padding: 78px 0; }
    .hero { min-height: 0; padding-top: 98px; }.hero h1 { font-size: 45px; letter-spacing: -3.3px; }.hero-copy > p { font-size: 18px; }.hero-actions { align-items: stretch; flex-direction: column; }.play-link { justify-content: center; }.hero-visual { min-height: 380px; }.hero-video-card { inset: 30px 7px 15px; border-width: 6px; border-radius: 32px 32px 18px 18px; }.progress-card { right: -2px; }.lesson-card { left: -2px; }.floating-badge { right: 0; top: 130px; }
    .stat-strip { margin-top: 30px; padding: 10px; }.stat-strip > div { padding-inline: 8px; }.stat-icon { width: 35px; height: 35px; font-size: 19px; }.stat-strip strong { font-size: 19px; }.stat-strip small { font-size: 15px; }
    .brand-row b { width: calc(50% - 30px); font-size: 19px; }
    .section-heading h2, .center-heading h2, .experience-copy h2, .story-copy h2 { font-size: 36px; letter-spacing: -2px; }.section-heading > p { font-size: 16px; }
    .course-grid, .pricing-grid, .testimonial-grid, .blog-grid { grid-template-columns: 1fr; }.course-card:last-child, .price-card:last-child, .quote-card:last-child, .blog-card:last-child { grid-column: auto; max-width: none; }.price-card, .price-card.featured { min-height: 0; }.featured-quote.reveal.visible { transform: translateY(0); }
    .experience-visual { min-height: 360px; }.experience-visual::before { width: 320px; height: 320px; }.window-body { height: 255px; grid-template-columns: 38px 1fr; }.lesson-list { display: none; }.lesson-area { padding: 17px 13px; }.lesson-video { height: 130px; }.achievement-card { right: -3px; bottom: 0; }
    .story-numbers div { min-height: 125px; padding: 19px; }.story-numbers strong { font-size: 30px; }
    .cta-section { padding-bottom: 78px; }.cta-card { min-height: 370px; padding-inline: 23px; }.cta-card h2 { font-size: 37px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 25px; }.footer-grid > div:first-child, .footer-grid > div:last-child { grid-column: 1 / -1; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* EXPANDED PREMIUM DASHBOARDS */
.dash-chart-legend { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:15px; font-weight:700; }
.dash-chart-legend::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 3px var(--coral-soft); }
.dash-bars { height:83px; margin-top:5px; background:repeating-linear-gradient(to top,transparent 0,transparent 19px,rgba(35,32,60,.05) 20px); }
.dash-bars i { position:relative; }
.dash-bars i::after { content:attr(data-value); position:absolute; top:-13px; left:50%; padding:2px 4px; border-radius:4px; background:var(--navy); color:#fff; font-size:15px; font-style:normal; opacity:0; transform:translate(-50%,4px); transition:.2s ease; }
.dash-bars i:hover::after { opacity:1; transform:translate(-50%,0); }
.dash-axis { margin-top:4px; display:flex; justify-content:space-between; color:#aaa8b0; font-size:15px; }
.dash-recent { margin-top:7px; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#fff; }
.dash-recent-head,.dash-recent-row { display:grid; grid-template-columns:minmax(110px,1.5fr) .7fr .7fr .7fr; align-items:center; column-gap:7px; }
.dash-recent-head { padding:6px 8px; color:var(--muted); font-size:15px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; background:#faf9fb; }
.dash-recent-head span:first-child { color:var(--navy); font-size:15px; text-transform:none; letter-spacing:0; }
.dash-recent-row { padding:6px 8px; border-top:1px solid #efedf2; color:var(--text); font-size:15px; }
.dash-recent-row > span:first-child { display:flex; align-items:center; gap:6px; color:var(--navy); font-weight:700; }
.recent-icon { width:18px; height:18px; display:grid; place-items:center; flex:0 0 auto; border-radius:5px; background:var(--coral-soft); color:var(--coral); font-size:15px; }
.recent-icon.ai { background:var(--purple-soft); color:var(--purple); }.recent-icon.ux { background:var(--yellow-soft); color:#aa7410; }
.category-panel-head { margin-bottom:6px; padding-bottom:6px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); }.category-panel-head strong { font-size:15px; }.category-panel-head small { color:var(--muted); font-size:15px; }
.category-mini-chart { margin-top:9px; padding-top:7px; border-top:1px solid var(--line); }.category-mini-chart small { color:var(--muted); font-size:15px; }.category-mini-chart div { height:24px; margin-top:5px; display:flex; align-items:flex-end; gap:3px; }.category-mini-chart i { width:100%; border-radius:2px 2px 0 0; background:linear-gradient(180deg,var(--purple),#9b87ee); animation:growBar 1.2s ease both; }
.premium-process-screen .process-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }.process-view-tabs { padding:2px; display:flex; gap:2px; border-radius:6px; background:#eeedf2; }.process-view-tabs span { padding:4px 7px; border-radius:4px; color:var(--muted); font-size:15px; font-weight:700; }.process-view-tabs .active { background:#fff; color:var(--navy); box-shadow:0 2px 7px rgba(30,29,50,.07); }
.preview-cards article > em { margin-left:auto; color:var(--green); font-size:15px; font-style:normal; font-weight:800; }.preview-cards article:nth-child(2) > em { color:var(--purple); }
.process-bottom-stats { margin-top:7px; padding:6px 7px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; border:1px solid var(--line); border-radius:7px; background:#fff; }.process-bottom-stats div { display:grid; grid-template-columns:5px 1fr; column-gap:4px; }.process-bottom-stats i { width:5px; height:5px; margin-top:2px; border-radius:50%; background:var(--coral); }.process-bottom-stats i.purple { background:var(--purple); }.process-bottom-stats i.green { background:var(--green); }.process-bottom-stats strong { font-size:15px; }.process-bottom-stats small { grid-column:2; color:var(--muted); font-size:15px; }
.filter-panel-title { margin-bottom:7px; padding-bottom:7px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.filter-panel-title strong { font-size:15px; }.filter-panel-title span { color:var(--coral); font-size:15px; font-weight:800; }.premium-filter-panel p { display:flex; justify-content:space-between; }.premium-filter-panel p em { color:#aaa8b2; font-size:15px; font-style:normal; }.filter-popularity { margin-top:9px; padding-top:7px; border-top:1px solid var(--line); }.filter-popularity small { display:block; color:var(--muted); font-size:15px; }.filter-popularity div { height:4px; margin-top:5px; overflow:hidden; border-radius:5px; background:#eceaf0; }.filter-popularity b { width:72%; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--purple),var(--coral)); }

/* ==========================================================================
   MODERN BLOG & ARTICLE DESIGN SYSTEM
   ========================================================================== */

/* Blog Hero & Topics */
.blog-hero { min-height: 380px; padding: 130px 0 60px; }
.blog-hero-topics { margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.blog-hero-topics a {
    padding: 9px 18px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--navy);
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    transition: all .25s ease;
}
.blog-hero-topics a:hover {
    border-color: var(--coral);
    background: var(--coral-soft);
    color: var(--coral);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255,107,74,0.15);
}

/* Featured Post (Haftanın Yazısı) */
.featured-post-section { padding: 20px 0 60px; }
.featured-post {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(20,25,45,0.06);
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease;
}
.featured-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 60px rgba(20,25,45,0.12);
}
.featured-post-visual {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.featured-tag-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--coral);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 16px rgba(255,107,74,0.35);
}
.featured-read-badge {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: var(--navy);
    font-size: 17px;
    font-weight: 700;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}
.featured-post-copy {
    padding: 44px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.featured-post-copy h2 {
    margin: 14px 0 14px;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.32;
    letter-spacing: -0.8px;
    color: var(--navy);
}
.featured-post-copy p {
    color: #555c74;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 24px;
}
.featured-action .text-link {
    font-size: 15px;
    font-weight: 700;
    color: var(--coral);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.featured-action .text-link b,
.featured-action .text-link .arrow {
    transition: transform .25s ease;
}
.featured-post:hover .featured-action .text-link .arrow,
.featured-post:hover .featured-action .text-link b {
    transform: translateX(5px);
}

/* Post Meta */
.post-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-size: 18px;
}
.post-meta .category-pill {
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--coral-soft);
    color: var(--coral);
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.post-meta time { color: #6e7489; font-weight: 500; }
.post-meta .meta-dot { color: #c4c6d2; font-weight: bold; }
.post-meta b { color: #4b5268; font-weight: 600; }

/* Discovery Section (Editor Picks & Popular) */
.blog-discovery-section { padding: 0 0 50px; }
.blog-discovery-grid {
    display: grid;
    grid-template-columns: 1.4fr 0.85fr;
    gap: 26px;
}
.editor-picks, .popular-now {
    padding: 32px 34px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
}
.blog-mini-heading, .popular-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 22px;
}
.blog-mini-heading h2, .popular-title h2 {
    margin: 6px 0 0;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.6px;
    color: var(--navy);
}
.blog-mini-heading .text-link {
    font-size: 19px;
    font-weight: 700;
    color: var(--coral);
}
.editor-pick-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.editor-pick-list a {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 175px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #faf9fc;
    color: inherit;
    text-decoration: none;
    transition: all .25s ease;
}
.editor-pick-list a:hover {
    border-color: rgba(255,107,74,0.3);
    background: #fff9f6;
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(255,107,74,0.08);
}
.editor-pick-list .pick-number {
    font-size: 22px;
    font-weight: 800;
    color: #cbd0e0;
    line-height: 1;
    margin-bottom: 12px;
}
.editor-pick-list .category-tag {
    display: block;
    color: var(--coral);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}
.editor-pick-list strong {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--navy);
}

/* Popular Now Sidebar */
.popular-now {
    background: linear-gradient(155deg, #161b34, #242c54);
    color: #fff;
    border: 0;
}
.popular-now .popular-title span {
    color: #ff937d;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
}
.popular-now ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.popular-now li {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.popular-now li:last-child {
    border-bottom: 0;
}
.popular-now li a {
    padding: 13px 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    transition: all .2s ease;
}
.popular-now li a:hover {
    color: #ffaa95;
    transform: translateX(4px);
}
.popular-now li a b {
    color: #ff8c73;
    font-size: 18px;
    font-weight: 800;
}
.popular-now li a span {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popular-now li a em {
    color: #9ea6c0;
    font-size: 17px;
    font-style: normal;
    white-space: nowrap;
}
.popular-tag-cloud {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.popular-tag-cloud > span {
    display: block;
    margin-bottom: 10px;
    color: #aab2cb;
    font-size: 17px;
    font-weight: 700;
}
.popular-tag-cloud > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.popular-tag-cloud a {
    padding: 6px 12px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 8px;
    color: #d8deee;
    font-size: 17px;
    text-decoration: none;
    transition: all .2s ease;
}
.popular-tag-cloud a:hover {
    background: rgba(255,255,255,0.12);
    color: #fff;
    border-color: rgba(255,255,255,0.3);
}

/* Blog List Section */
.blog-list-section { padding: 40px 0 90px; }
.blog-list-heading {
    margin-bottom: 28px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}
.blog-list-heading h2 {
    margin: 6px 0 0;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
    color: var(--navy);
}
.blog-list-heading p {
    max-width: 480px;
    margin: 0;
    color: #60667d;
    font-size: 15px;
    line-height: 1.6;
}
.blog-toolbar {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.blog-toolbar .filter-row { margin: 0; }
.blog-search {
    width: 290px;
    height: 46px;
    padding-inline: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.blog-search:focus-within {
    border-color: var(--coral);
    box-shadow: 0 0 0 3px rgba(255,107,74,0.12);
}
.blog-search span { color: #8e95ac; font-size: 16px; }
.blog-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    font-family: inherit;
    font-size: 19px;
    color: var(--navy);
}
.blog-search input::placeholder { color: #9da3ba; }

/* THE MODERN BLOG CARD */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.blog-page-grid { row-gap: 32px; }

.blog-featured {
    margin-bottom: 56px;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .85fr);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(20,25,45,.08);
}
.blog-featured-media { min-height: 390px; overflow: hidden; }
.blog-featured-media img, .blog-image img, .article-cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.blog-featured-copy { padding: clamp(30px, 5vw, 58px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.blog-featured-copy time, .blog-card-body time, .article-header time { color: #7b829a; font-size: 14px; }
.blog-featured-copy h2 { margin: 14px 0; font-size: clamp(26px, 3vw, 40px); line-height: 1.2; }
.blog-featured-copy h2 a, .blog-card h3 a { color: inherit; text-decoration: none; }
.blog-featured-copy p { margin: 0 0 26px; color: #5c6278; line-height: 1.75; }
.blog-image-fallback { display: grid; place-items: center; background: linear-gradient(135deg, var(--navy), #423b85); color: rgba(255,255,255,.85); font-size: 52px; font-weight: 800; text-decoration: none; }

.blog-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 4px 18px rgba(20,25,45,0.04);
    transition: transform .3s cubic-bezier(0.2, 0, 0, 1), box-shadow .3s ease, border-color .3s ease;
}
.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 42px rgba(20,25,45,0.1);
    border-color: rgba(255,107,74,0.25);
}

.blog-image {
    position: relative;
    height: 205px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: transform .4s ease;
}
.blog-card:hover .blog-image {
    transform: scale(1.03);
}

.blog-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--navy);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.5px;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.blog-date {
    position: absolute;
    bottom: 12px;
    left: 14px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(18, 23, 43, 0.78);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    backdrop-filter: blur(6px);
}

.blog-card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}
.blog-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8c93ab;
    font-size: 18px;
    margin-bottom: 10px;
}
.blog-card-category {
    color: var(--coral);
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.blog-card-read {
    color: #7b829a;
    font-size: 17px;
    font-weight: 500;
}

.blog-card h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--navy);
    letter-spacing: -0.4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 52px;
    transition: color .2s ease;
}
.blog-card:hover h3 {
    color: var(--coral);
}

.blog-card p {
    margin: 0 0 20px;
    color: #5c6278;
    font-size: 19px;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-footer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1eff4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-read-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--coral);
    font-size: 18px;
    font-weight: 700;
    transition: gap .2s ease;
}
.blog-read-link .arrow {
    transition: transform .2s ease;
}
.blog-card:hover .blog-read-link .arrow {
    transform: translateX(4px);
}

/* Specific Post Image Backgrounds */
.blog-image.blog-one, .featured-post-visual.blog-one, .article-cover.blog-one {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-ai-workspace.jpg');
}
.blog-image.blog-two, .article-cover.blog-two {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-career-planning.jpg');
}
.blog-image.blog-three, .article-cover.blog-three {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-design-workspace.jpg');
}
.blog-image.blog-four, .article-cover.blog-four {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-learning.jpg');
}
.blog-image.blog-five, .article-cover.blog-five {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-portfolio.jpg');
}
.blog-image.blog-six, .article-cover.blog-six {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-coding.jpg');
}
.blog-image.blog-seven, .article-cover.blog-seven {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-focus.jpg');
}
.blog-image.blog-eight, .article-cover.blog-eight {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-future-work.jpg');
}
.blog-image.blog-nine, .article-cover.blog-nine {
    background-image: linear-gradient(180deg, rgba(17,22,43,0.08), rgba(17,22,43,0.3)), url('/images/blog/pexels-design-system.jpg');
}

/* Cover fallback for posts without a cover image (no stock photography) */
.blog-cover-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--navy) 0%, #2a3358 55%, var(--purple) 100%);
}
.blog-cover-fallback-mark {
    width: 25%;
    max-width: 56px;
    height: auto;
    opacity: 0.85;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,0.25));
}
.featured-post-visual.blog-cover-fallback .blog-cover-fallback-mark { max-width: 96px; }
.article-cover.blog-cover-fallback .blog-cover-fallback-mark { max-width: 84px; }

/* Public blog pagination */
.blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 44px;
}
.blog-pagination a, .blog-pagination span {
    min-width: 42px;
    height: 42px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: var(--navy);
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    background: #fff;
    transition: all .2s ease;
}
.blog-pagination a:hover { border-color: var(--coral); color: var(--coral); }
.blog-pagination a.active { background: var(--navy); border-color: var(--navy); color: #fff; }
.blog-pagination span.disabled { color: #c7cad6; }

/* ==========================================================================
   ARTICLE DETAIL PAGE (BlogDetay)
   ========================================================================== */
.article-page { overflow: hidden; }
.article-hero {
    min-height: 380px;
    padding: 130px 0 80px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 80% 20%, rgba(114,84,238,0.08), transparent 30%), linear-gradient(180deg, #fbfafd, #fff);
}
.article-header {
    position: relative;
    z-index: 2;
    max-width: 820px;
    text-align: center;
    margin: 0 auto;
}
.article-header .breadcrumbs { justify-content: center; }
.article-header .article-meta {
    justify-content: center;
    margin: 16px 0 12px;
}
.article-header h1 {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -1.4px;
    color: var(--navy);
    margin: 12px 0 18px;
}
.article-header-lead {
    font-size: 18px;
    line-height: 1.75;
    color: #555c76;
    margin: 0 auto 28px;
    max-width: 720px;
}
.article-author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.author-avatar {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--purple), #9f83f2);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}
.article-author div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.article-author strong {
    font-size: 19px;
    font-weight: 700;
    color: var(--navy);
}
.article-author small {
    color: #848ca5;
    font-size: 17px;
}

/* Article Cover Banner */
.article-cover-wrap {
    max-width: 1040px;
    margin: -40px auto 0;
    position: relative;
    z-index: 4;
}
.article-cover {
    height: 380px;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(20,25,45,0.12);
    background-size: cover;
    background-position: center;
}
.article-cover img { border-radius: inherit; }
.blog-related { padding: 72px 0; background: #faf9fc; }
.blog-related h2 { margin: 0 0 28px; color: var(--navy); }
.blog-final-cta { padding: 72px 0; }
.blog-final-cta .container > div { padding: clamp(28px,5vw,56px); border-radius: 24px; text-align: center; background: linear-gradient(135deg,#f6f3ff,#fff4ef); }
.blog-final-cta h2 { margin: 0 0 24px; color: var(--navy); }
.blog-cta-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 22px; }
.blog-cta-actions > a:not(.button) { color: var(--navy); font-weight: 700; }
.article-badge {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 3;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: var(--navy);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
}
.article-cover-tag {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 3;
    padding: 6px 14px;
    border-radius: 8px;
    background: rgba(17,22,43,0.75);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    backdrop-filter: blur(8px);
}

/* Article Layout & Body */
.article-body-section {
    padding: 70px 0 90px;
    background: #fff;
}
.article-layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    align-items: start;
    gap: 48px;
}

/* Table of Contents */
.article-toc {
    position: sticky;
    top: 110px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #faf9fc;
}
.toc-title {
    display: block;
    margin-bottom: 14px;
    color: var(--navy);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.8px;
}
.article-toc a {
    padding: 8px 0;
    display: block;
    border-bottom: 1px solid #eeecf2;
    color: #6a7188;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    transition: color .2s ease;
}
.article-toc a:hover, .article-toc a.active {
    color: var(--coral);
    font-weight: 700;
}
.article-toc .article-back {
    margin-top: 12px;
    padding-top: 12px;
    border: 0;
    color: var(--navy);
    font-weight: 700;
    font-size: 18px;
}

/* Article Typography */
.article-content { min-width: 0; max-width: 800px; }
.article-content .article-lead {
    margin: 0 0 30px;
    color: var(--navy);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.75;
}
.article-content h2 {
    scroll-margin-top: 110px;
    margin: 45px 0 18px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.8px;
    color: var(--navy);
}
.article-content p {
    color: #42485e;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 22px;
}
.article-content blockquote {
    margin: 36px 0;
    padding: 24px 28px;
    position: relative;
    border-left: 4px solid var(--coral);
    border-radius: 0 16px 16px 0;
    background: #fff8f5;
}
.article-content blockquote p {
    margin: 0;
    color: var(--navy);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.6;
}
.article-content h3 {
    margin: 34px 0 14px;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.4px;
    color: var(--navy);
}
.article-content strong { color: var(--navy); font-weight: 800; }
.article-content ul, .article-content ol {
    margin: 0 0 22px;
    padding-left: 22px;
    color: #42485e;
    font-size: 16px;
    line-height: 1.9;
}
.article-content ul { list-style: disc; }
.article-content ol { list-style: decimal; }
.article-content li { margin-bottom: 10px; }
.article-content li:last-child { margin-bottom: 0; }
.article-content a {
    color: var(--coral);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(255,105,73,0.35);
    text-underline-offset: 3px;
}
.article-content a:hover { text-decoration-color: currentColor; }
.article-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 30px auto;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(20,25,45,0.1);
}
.article-content hr {
    margin: 44px 0;
    border: 0;
    border-top: 1px solid var(--line);
}
.article-steps {
    margin: 28px 0;
    display: grid;
    gap: 14px;
}
.article-steps > div {
    padding: 18px 22px;
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #faf9fc;
}
.article-steps > div > span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--coral-soft);
    color: var(--coral);
    font-size: 19px;
    font-weight: 800;
}
.article-steps h3 {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
}
.article-steps p {
    margin: 0;
    color: #60677e;
    font-size: 18px;
    line-height: 1.6;
}
.article-highlight {
    margin: 35px 0;
    padding: 24px 28px;
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 16px;
    align-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #151b34, #26315c);
    color: #fff;
}
.highlight-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255,255,255,0.12);
    color: #ff9d87;
    font-size: 20px;
}
.article-highlight strong {
    display: block;
    color: #ff9d87;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 4px;
}
.article-highlight p {
    margin: 0;
    color: #d2d8eb;
    font-size: 19px;
    line-height: 1.65;
}
.article-tags {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.article-tags > span {
    color: var(--muted);
    font-size: 18px;
    font-weight: 700;
}
.article-tags a {
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--surface);
    color: var(--navy);
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}
.article-tags a:hover {
    background: var(--coral-soft);
    color: var(--coral);
}

/* End-of-article CTA (modest, single placement — not a sales banner) */
.article-cta {
    max-width: 800px;
    margin: 50px 0 0;
    padding: 34px 36px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--surface);
    text-align: left;
}
.article-cta h2 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: var(--navy);
}
.article-cta p {
    margin: 0 0 20px;
    color: #5c6278;
    font-size: 17px;
    line-height: 1.6;
}
.article-cta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Article Sidebar */
.article-side {
    position: sticky;
    top: 110px;
    display: grid;
    gap: 16px;
}
.article-side-card {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(20,25,45,0.04);
}
.side-card-kicker {
    color: var(--coral);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.8px;
}
.article-side-card h3 {
    margin: 8px 0 8px;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
}
.article-side-card p {
    margin: 0 0 16px;
    color: #636a82;
    font-size: 18px;
    line-height: 1.65;
}
.article-side-card a {
    display: inline-flex;
    color: var(--coral);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}
.article-side-stat {
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 16px;
    background: var(--purple-soft);
}
.article-side-stat > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #fff;
    color: var(--purple);
    font-size: 18px;
}
.article-side-stat strong {
    font-size: 17px;
    font-weight: 800;
    color: var(--navy);
}
.article-side-stat small {
    display: block;
    color: #6e659b;
    font-size: 17px;
}

/* Related Posts Section */
.article-related {
    padding: 80px 0;
    background: #fbfafd;
}
.article-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Responsive adjustments for Blog */
@media (max-width: 1024px) {
    .blog-discovery-grid { grid-template-columns: 1fr; }
    .editor-pick-list { grid-template-columns: repeat(3, 1fr); }
    .article-layout { grid-template-columns: 1fr; gap: 35px; }
    .article-toc { position: static; }
    .article-side { display: none; }
}
@media (max-width: 860px) {
    .blog-featured { grid-template-columns: 1fr; }
    .blog-featured-media { min-height: 280px; }
    .featured-post { grid-template-columns: 1fr; }
    .featured-post-visual { min-height: 260px; }
    .featured-post-copy { padding: 32px 28px; }
    .editor-pick-list { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr 1fr; }
    .article-related-grid { grid-template-columns: 1fr 1fr; }
    .blog-toolbar { flex-direction: column; align-items: stretch; }
    .blog-search { width: 100%; }
}
@media (max-width: 580px) {
    .blog-featured-media { min-height: 220px; }
    .blog-grid { grid-template-columns: 1fr; }
    .article-related-grid { grid-template-columns: 1fr; }
    .featured-post-copy h2 { font-size: 22px; }
    .article-cover { height: 250px; }
    .article-cta { padding: 26px 22px; }
    .article-cta-actions { gap: 14px; }
}

/* ==========================================================================
   NEWSLETTER COMPONENT (AKIL POSTASI)
   ========================================================================== */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.newsletter-section {
    padding: 30px 0 100px;
    position: relative;
    background: transparent;
}

.newsletter-card {
    position: relative;
    overflow: hidden;
    padding: 56px 64px;
    border-radius: 28px;
    background: linear-gradient(135deg, #171d38 0%, #0d1224 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 30px 80px rgba(12, 16, 35, 0.35);
    color: #ffffff;
    display: grid;
    grid-template-columns: 1.15fr 0.88fr;
    align-items: center;
    gap: 50px;
}

.newsletter-decor {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(75px);
}
.newsletter-decor.decor-one {
    width: 320px;
    height: 320px;
    top: -120px;
    left: -100px;
    background: rgba(255, 107, 74, 0.2);
}
.newsletter-decor.decor-two {
    width: 280px;
    height: 280px;
    right: -80px;
    bottom: -100px;
    background: rgba(114, 84, 238, 0.25);
}

.newsletter-copy {
    position: relative;
    z-index: 2;
}

.newsletter-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 107, 74, 0.15);
    border: 1px solid rgba(255, 107, 74, 0.3);
    color: #ff9179;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.newsletter-copy h2 {
    margin: 0 0 14px;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -1.2px;
    color: #ffffff;
}
.newsletter-copy h2 em {
    font-style: normal;
    background: linear-gradient(90deg, #ff8e75, #ffb885);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.newsletter-copy p {
    margin: 0 0 22px;
    color: #b7bed4;
    font-size: 15px;
    line-height: 1.7;
    max-width: 520px;
}

.newsletter-perks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.newsletter-perks span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d1d7e8;
    font-size: 17px;
    font-weight: 600;
}
.newsletter-perks svg {
    color: #34d399;
}

.newsletter-action-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.newsletter-form {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 6px 6px 6px 18px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    border: 2px solid transparent;
    transition: all .3s ease;
}
.newsletter-form:focus-within {
    border-color: var(--coral);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), 0 0 0 4px rgba(255, 107, 74, 0.2);
}

.input-icon-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}
.input-icon {
    color: #9ba2ba;
    font-size: 16px;
    line-height: 1;
}

.newsletter-form input {
    min-width: 0;
    flex: 1;
    height: 44px;
    border: 0;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 19px;
    color: var(--navy);
    padding: 0;
}
.newsletter-form input::placeholder {
    color: #9ba2ba;
}

.newsletter-submit-btn {
    height: 48px;
    padding: 0 26px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff6b4a 0%, #ff5232 100%);
    color: #ffffff;
    font-family: inherit;
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(255, 90, 55, 0.35);
    transition: all .25s ease;
}
.newsletter-submit-btn:hover {
    background: linear-gradient(135deg, #ff7a5c 0%, #ff6144 100%);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(255, 90, 55, 0.45);
}
.newsletter-submit-btn:active {
    transform: translateY(0);
}
.newsletter-submit-btn .arrow {
    transition: transform .2s ease;
}
.newsletter-submit-btn:hover .arrow {
    transform: translateX(4px);
}

.newsletter-disclaimer {
    margin: 2px 0 0 6px;
    color: #8c94af;
    font-size: 17px;
    line-height: 1.5;
}

@media (max-width: 960px) {
    .newsletter-card {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 44px 36px;
    }
}
@media (max-width: 580px) {
    .newsletter-section {
        padding: 25px 0 70px;
    }
    .newsletter-card {
        padding: 36px 22px;
        border-radius: 22px;
    }
    .newsletter-copy h2 {
        font-size: 26px;
    }
    .newsletter-form {
        flex-direction: column;
        align-items: stretch;
        padding: 14px;
        gap: 12px;
        border-radius: 16px;
    }
    .newsletter-form input {
        height: 42px;
    }
    .newsletter-submit-btn {
        width: 100%;
        justify-content: center;
        height: 46px;
    }
    .newsletter-perks {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

.course-card { display: block; color: inherit; cursor: pointer; }
.course-card:focus-visible { outline: 3px solid rgba(255,105,73,.35); outline-offset: 4px; }
.course-card .course-body { position: relative; }
.course-card .course-body::after { content: 'İncele  →'; position: absolute; right: 20px; top: 19px; color: var(--coral); font-size: 15px; font-weight: 800; letter-spacing: .3px; opacity: 0; transform: translateX(-6px); transition: .25s ease; }
.course-card:hover .course-body::after, .course-card:focus-visible .course-body::after { opacity: 1; transform: translateX(0); }
.premium-learning-window { border-width: 9px; border-color: rgba(255,255,255,.92); box-shadow: 0 38px 85px rgba(28,28,52,.2), 0 2px 0 rgba(255,255,255,.9) inset; }
.premium-learning-window .window-top { justify-content: flex-start; }
.premium-learning-window .window-top span { flex: 1; }
.premium-learning-window .window-top b { color: #aaa8b2; font-size: 15px; letter-spacing: 2px; }
.premium-window-body { height: 390px; grid-template-columns: 54px minmax(0,1fr) 145px; background: #fbfbfd; }
.premium-sidebar { position: relative; gap: 22px !important; background: linear-gradient(180deg,#161d38,#242d53) !important; }
.premium-sidebar i { width: 20px !important; height: 20px !important; position: relative; border-radius: 6px !important; background: rgba(255,255,255,.08) !important; }
.premium-sidebar i::before { content: ''; width: 8px; height: 8px; position: absolute; inset: 6px; border: 1px solid rgba(255,255,255,.35); border-radius: 2px; }
.premium-sidebar i.active { background: rgba(255,105,73,.2) !important; box-shadow: inset 3px 0 var(--coral); }
.premium-sidebar i.active::before { border-color: var(--coral); background: var(--coral); }
.premium-sidebar small, .process-sidebar small { width: 27px; height: 27px; position: absolute; bottom: 14px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 15px; font-weight: 800; }
.catalog-dash-main { min-width: 0; padding: 22px 16px; }
.catalog-dash-head { display: flex; align-items: center; justify-content: space-between; }
.catalog-dash-head h4 { margin: 3px 0 0; font-size: 18px; }
.catalog-dash-head button { padding: 8px 10px; border: 0; border-radius: 8px; background: var(--coral); color: #fff; font-size: 15px; font-weight: 800; }
.dash-metrics { margin-top: 14px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.dash-metrics > div { padding: 10px; border: 1px solid #ecebf0; border-radius: 9px; background: #fff; box-shadow: 0 7px 20px rgba(24,27,48,.04); }
.dash-metrics span, .dash-metrics small { display: block; color: var(--muted); font-size: 15px; }
.dash-metrics strong { margin: 4px 0 2px; display: block; font-size: 18px; letter-spacing: -.5px; }
.dash-metrics small { color: var(--green); }
.dash-analytics { margin-top: 9px; display: grid; grid-template-columns: 1.35fr .85fr; gap: 7px; }
.dash-chart, .dash-trending { min-width: 0; height: 155px; padding: 11px; border: 1px solid #ecebf0; border-radius: 10px; background: #fff; }
.dash-chart-head { display: flex; align-items: center; justify-content: space-between; color: var(--text); font-size: 15px; font-weight: 700; }
.dash-chart-head b { color: var(--muted); font-size: 15px; font-weight: 500; }
.dash-bars { height: 105px; margin-top: 10px; display: flex; align-items: flex-end; gap: 5px; border-bottom: 1px solid #efedf1; background: repeating-linear-gradient(to top, transparent 0, transparent 25px, #f4f3f6 26px); }
.dash-bars i { flex: 1; min-height: 10px; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg,#ff8064,#ff5f40); transform-origin: bottom; animation: growBar 1.8s cubic-bezier(.2,.8,.2,1) both; }
.dash-bars i:nth-child(2) { animation-delay: .08s; }.dash-bars i:nth-child(3) { animation-delay: .16s; }.dash-bars i:nth-child(4) { animation-delay: .24s; }.dash-bars i:nth-child(5) { animation-delay: .32s; }.dash-bars i:nth-child(6) { animation-delay: .4s; }.dash-bars i:nth-child(7) { animation-delay: .48s; background: linear-gradient(180deg,#8d76ee,#6346d5); }
.dash-trending > span { color: var(--text); font-size: 15px; font-weight: 800; }
.dash-trending p { margin: 9px 0 0; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 5px; color: var(--text); font-size: 15px; }
.dash-trending p b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; background: var(--purple-soft); color: var(--purple); font-size: 15px; }
.dash-trending p:nth-of-type(2) b { color: var(--coral); background: var(--coral-soft); }.dash-trending p:nth-of-type(3) b { color: #b57e13; background: var(--yellow-soft); }
.dash-trending p em { color: var(--green); font-size: 15px; font-style: normal; }
.premium-category-list { padding: 23px 10px; background: #fff; }
.premium-category-list > p { margin: 8px 0; padding: 7px !important; display: flex; align-items: center; gap: 7px; }
.premium-category-list p > b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: var(--purple-soft); color: var(--purple); font-size: 15px; }
.premium-category-list p:nth-of-type(2) > b { color: var(--coral); background: var(--coral-soft); }.premium-category-list p:nth-of-type(3) > b { color: #b57e13; background: var(--yellow-soft); }
.premium-category-list p > span { display: flex; flex-direction: column; color: var(--navy); font-size: 15px; font-weight: 700; }
.premium-category-list p small { margin-top: 2px; color: var(--muted); font-size: 15px; font-weight: 500; }
.premium-category-list > a, .premium-filter-panel > a { margin-top: 12px; display: inline-block; color: var(--coral); font-size: 15px; font-weight: 800; }
.premium-mini-card { position: absolute; left: -24px; top: 78px; z-index: 5; padding: 12px 14px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.8); border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: 0 18px 40px rgba(30,28,56,.15); backdrop-filter: blur(12px); animation: nodeFloatTwo 6s ease-in-out infinite; }
.premium-mini-card > span { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 9px; background: var(--green-soft); color: var(--green); font-size: 17px; font-weight: 800; }
.premium-mini-card div { display: flex; flex-direction: column; }.premium-mini-card small { color: var(--muted); font-size: 15px; }.premium-mini-card strong { margin-top: 3px; font-size: 15px; }
.premium-process-screen { grid-template-columns: 62px 1fr 190px; box-shadow: 0 40px 95px rgba(31,28,57,.21), 0 0 0 1px rgba(255,255,255,.85); }
.premium-process-screen .process-sidebar { position: relative; }
.premium-process-screen .process-sidebar i { width: 21px; height: 21px; position: relative; border-radius: 6px; background: rgba(255,255,255,.08); }
.premium-process-screen .process-sidebar i::after { content: ''; width: 8px; height: 8px; position: absolute; inset: 6px; border: 1px solid rgba(255,255,255,.35); border-radius: 2px; }
.premium-process-screen .process-sidebar i.active { background: rgba(255,105,73,.18); box-shadow: inset 3px 0 var(--coral); }
.premium-process-screen .process-sidebar i.active::after { border-color: var(--coral); background: var(--coral); }
.catalog-preview-panel { height: 255px; padding: 16px; border-radius: 14px; background: linear-gradient(145deg,#f7f5fb,#fff7f3); }
.preview-search { height: 43px; padding: 0 13px; display: flex; align-items: center; gap: 9px; border: 1px solid #e6e3ea; border-radius: 10px; background: #fff; box-shadow: 0 9px 25px rgba(35,31,60,.06); color: var(--muted); }
.preview-search > span { font-size: 17px; }.preview-search b { flex: 1; font-size: 15px; font-weight: 600; }.preview-search em { padding: 5px 7px; border-radius: 6px; background: #f1f0f4; font-size: 15px; font-style: normal; }
.preview-cards { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.preview-cards article { min-width: 0; height: 150px; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #ebe9ef; border-radius: 10px; background: #fff; box-shadow: 0 8px 22px rgba(30,29,50,.05); transition: .26s ease; }
.preview-cards article:hover { transform: translateY(-4px); box-shadow: 0 13px 30px rgba(30,29,50,.1); }
.preview-mark { height: 72px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(145deg,#5a43cf,#8b72ee); color: #fff; font-size: 19px; font-weight: 800; letter-spacing: -1px; }
.preview-mark.ux { background: linear-gradient(145deg,#ff7556,#ffad5e); }.preview-mark.wb { background: linear-gradient(145deg,#16243e,#43607d); font-size: 15px; }
.preview-cards article div { display: flex; flex-direction: column; }.preview-cards small { color: var(--coral); font-size: 15px; font-weight: 800; }.preview-cards strong { margin: 3px 0; overflow: hidden; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }.preview-cards i { color: var(--muted); font-size: 15px; font-style: normal; }
.premium-filter-panel { background: #fff; }.premium-filter-panel > a { margin: 12px 10px; }
@keyframes growBar { from { transform: scaleY(0); opacity: .25; } to { transform: scaleY(1); opacity: 1; } }

/* COURSE DETAIL */
.course-detail-hero { min-height: 740px; position: relative; padding: 150px 0 90px; overflow: hidden; background: radial-gradient(circle at 80% 24%, rgba(114,84,238,.1), transparent 26%), linear-gradient(180deg,#fffaf5,#fff); }
.course-detail-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 80px; }
.course-detail-category { padding: 7px 10px; display: inline-flex; border-radius: 7px; background: var(--coral-soft); color: var(--coral); font-size: 15px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.course-detail-copy h1 { margin: 15px 0 20px; font-size: clamp(43px,4.5vw,62px); line-height: 1.08; letter-spacing: -3.5px; }
.course-detail-copy > p { color: var(--text); font-size: 15px; line-height: 1.85; }
.course-detail-facts { margin: 27px 0; display: flex; gap: 10px; }
.course-detail-facts > div { min-width: 120px; padding: 13px; display: grid; grid-template-columns: 31px 1fr; align-items: center; column-gap: 9px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.75); }
.course-detail-facts > div > span { width: 31px; height: 31px; grid-row: 1/3; display: grid; place-items: center; border-radius: 9px; background: var(--coral-soft); color: var(--coral); font-size: 16px; }
.course-detail-facts small { align-self: end; color: var(--muted); font-size: 15px; }.course-detail-facts strong { align-self: start; margin-top: 2px; font-size: 15px; }
.course-detail-actions { display: flex; align-items: center; gap: 20px; }.detail-back-link { color: var(--text); font-size: 15px; font-weight: 700; }.detail-back-link:hover { color: var(--coral); }
.course-detail-visual { min-height: 500px; position: relative; }
.course-detail-cover { height: 390px; position: absolute; inset: 20px 0 auto 35px; overflow: hidden; display: grid; place-items: center; border: 10px solid rgba(255,255,255,.9); border-radius: 28px; box-shadow: 0 35px 85px rgba(31,29,58,.2); }
.course-detail-cover > span { position: relative; z-index: 3; color: #fff; font-size: 78px; font-weight: 800; letter-spacing: -7px; text-shadow: 0 15px 35px rgba(20,20,40,.22); }
.detail-cover-grid { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size: 42px 42px; transform: perspective(700px) rotateX(60deg) scale(1.5); }
.course-detail-cover > i { width: 130px; height: 130px; position: absolute; border: 24px solid rgba(255,255,255,.1); border-radius: 50%; }.course-detail-cover > i:first-of-type { top: -45px; right: -20px; }.course-detail-cover > i:last-of-type { bottom: -50px; left: -25px; }
.detail-price-card { width: 230px; position: absolute; right: -25px; bottom: 3px; z-index: 4; padding: 20px; border: 1px solid rgba(255,255,255,.8); border-radius: 17px; background: rgba(255,255,255,.94); box-shadow: 0 22px 55px rgba(30,28,54,.16); backdrop-filter: blur(14px); }.detail-price-card small,.detail-price-card span { display: block; color: var(--muted); font-size: 15px; }.detail-price-card strong { margin: 5px 0 2px; display: block; font-size: 24px; }.detail-price-card a { margin-top: 13px; padding-top: 12px; display: block; border-top: 1px solid var(--line); color: var(--coral); font-size: 15px; font-weight: 800; }
.detail-float { position: absolute; top: 0; left: 3px; z-index: 4; padding: 12px 15px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.8); border-radius: 14px; background: rgba(255,255,255,.93); box-shadow: 0 18px 45px rgba(30,28,54,.14); animation: float 5.5s ease-in-out infinite; }.detail-float > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--yellow-soft); color: #bd8615; }.detail-float div { display: flex; flex-direction: column; }.detail-float strong { font-size: 15px; }.detail-float small { margin-top: 3px; color: var(--muted); font-size: 15px; }
.detail-orb { position: absolute; border-radius: 50%; }.detail-orb-one { width: 260px; height: 260px; right: -130px; top: 80px; border: 45px solid rgba(255,105,73,.05); }.detail-orb-two { width: 140px; height: 140px; left: -70px; bottom: 50px; background: rgba(114,84,238,.05); }
.detail-content-section { background: #fff; }.detail-content-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 75px; }.detail-main h2 { margin: 9px 0 18px; font-size: 43px; line-height: 1.15; letter-spacing: -2px; }.detail-main > p { max-width: 760px; color: var(--text); font-size: 15px; line-height: 1.9; }.detail-discovery-grid { margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.detail-discovery-grid article { min-height: 190px; padding: 23px; border: 1px solid var(--line); border-radius: 15px; background: #fff; transition: .26s ease; }.detail-discovery-grid article:hover { transform: translateY(-5px); box-shadow: 0 17px 42px rgba(30,29,48,.08); }.detail-discovery-grid span { color: #dddbe2; font-size: 16px; font-weight: 800; }.detail-discovery-grid h3 { margin: 25px 0 8px; font-size: 17px; }.detail-discovery-grid p { color: var(--text); font-size: 17px; line-height: 1.75; }
.detail-side { display: grid; align-content: start; gap: 14px; }.detail-info-card { padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: #faf9fb; }.detail-info-card ul { margin: 20px 0 0; padding: 0; display: grid; gap: 14px; list-style: none; color: var(--text); font-size: 18px; }.detail-info-card li { display: flex; gap: 8px; line-height: 1.5; }.detail-info-card li b { color: var(--green); }.detail-info-card.dark { background: var(--navy); color: #fff; }.detail-info-card.dark > span { color: #ff9b84; font-size: 15px; font-weight: 800; }.detail-info-card.dark h3 { margin: 11px 0 22px; font-size: 19px; line-height: 1.45; }.detail-info-card.dark a { color: #ff9b84; font-size: 15px; font-weight: 800; }

/* ==========================================================================
   CONTACT PAGE (AKILHANEM & AKIL YAZILIM)
   ========================================================================== */
.contact-page-hero {
    padding-top: 130px;
    padding-bottom: 20px;
    background: radial-gradient(circle at 50% 0%, rgba(255, 107, 74, 0.08), transparent 50%), linear-gradient(180deg, #fffaf6, #ffffff);
}

.contact-cards-section {
    padding: 30px 0 60px;
}
.contact-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.contact-info-card {
    padding: 36px 30px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #eeecf4;
    box-shadow: 0 10px 30px rgba(24, 28, 55, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.contact-info-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 45px rgba(24, 28, 55, 0.08);
    border-color: rgba(255, 107, 74, 0.3);
}

.contact-card-icon-wrap {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    margin-bottom: 20px;
}
.contact-card-icon-wrap.coral {
    background: var(--coral-soft);
    color: var(--coral);
}
.contact-card-icon-wrap.purple {
    background: var(--purple-soft);
    color: var(--purple);
}
.contact-card-icon-wrap.green {
    background: var(--green-soft);
    color: var(--green);
}
.card-icon {
    font-size: 24px;
}

.contact-card-body h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 800;
    color: var(--navy);
}
.company-sub {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: var(--coral);
}
.address-text {
    margin: 0;
    color: #646b84;
    font-size: 19px;
    line-height: 1.6;
}

.phone-item, .email-item, .social-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.person-title, .email-label, .social-label {
    font-size: 16px;
    font-weight: 700;
    color: #8c93a8;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.phone-num, .email-link, .social-link {
    color: var(--navy);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}
.phone-num:hover, .email-link:hover, .social-link:hover {
    color: var(--coral);
}
.hours-note {
    margin: 8px 0 0;
    color: #8c93a8;
    font-size: 17px;
    line-height: 1.5;
}

.contact-card-footer {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #f0edf6;
}
.contact-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--navy);
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}
.contact-card-link.highlight {
    color: var(--coral);
}
.contact-card-link:hover {
    color: var(--coral);
    transform: translateX(3px);
}

/* Contact Main Section */
.contact-main-section {
    padding: 60px 0 80px;
    background: #fbfafd;
}
.contact-split-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 60px;
    align-items: start;
}

.contact-left-copy h2 {
    margin: 10px 0 16px;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.2px;
    color: var(--navy);
}
.contact-left-copy > p {
    color: #646b84;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 30px;
}

.contact-perks-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}
.perk-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #eeecf4;
}
.perk-badge {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 18px;
}
.perk-badge.coral { background: var(--coral-soft); color: var(--coral); }
.perk-badge.purple { background: var(--purple-soft); color: var(--purple); }
.perk-badge.green { background: var(--green-soft); color: var(--green); }
.perk-item strong {
    display: block;
    font-size: 19px;
    font-weight: 800;
    color: var(--navy);
}
.perk-item small {
    display: block;
    color: #7b839c;
    font-size: 17px;
}

.social-follow-box {
    display: flex;
    align-items: center;
    gap: 14px;
}
.social-follow-box span {
    font-size: 18px;
    font-weight: 700;
    color: var(--navy);
}
.social-btn.linkedin {
    padding: 8px 18px;
    border-radius: 10px;
    background: #0a66c2;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .2s ease;
}
.social-btn.linkedin:hover {
    background: #084e96;
    transform: translateY(-1px);
}

/* Contact Form Box */
.contact-form-wrapper {
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #eeecf4;
    box-shadow: 0 20px 60px rgba(18, 23, 45, 0.06);
    padding: 40px 44px;
}
.form-head {
    margin-bottom: 26px;
}
.form-head h3 {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 800;
    color: var(--navy);
}
.form-head p {
    margin: 0;
    color: #7b839c;
    font-size: 18px;
}

.form-grid-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.form-group {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
}
.form-group label {
    margin-bottom: 6px;
    color: var(--navy);
    font-size: 17px;
    font-weight: 700;
}
.form-group input, .form-group textarea {
    width: 100%;
    padding: 13px 16px;
    border-radius: 12px;
    border: 1.5px solid #e7e5ef;
    background: #fbfafd;
    font-family: inherit;
    font-size: 19px;
    color: var(--navy);
    outline: none;
    transition: all .2s ease;
}
.form-group input:focus, .form-group textarea:focus {
    border-color: var(--coral);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(255, 107, 74, 0.15);
}
.form-group textarea {
    resize: vertical;
}

.button-submit {
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff6b4a, #ff5232);
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 10px 24px rgba(255, 107, 74, 0.35);
    transition: all .25s ease;
}
.button-submit:hover {
    background: linear-gradient(135deg, #ff7b5c, #ff6244);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(255, 107, 74, 0.45);
}

/* Google Map Section */
.map-section {
    padding: 70px 0 100px;
}
.map-container-box {
    margin-top: 36px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #eeecf4;
    box-shadow: 0 20px 60px rgba(18, 23, 45, 0.08);
}
.map-container-box iframe {
    display: block;
    width: 100%;
}

@media (max-width: 1000px) {
    .contact-cards-grid {
        grid-template-columns: 1fr;
    }
    .contact-split-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .contact-form-wrapper {
        padding: 30px 24px;
    }
}
@media (max-width: 580px) {
    .form-grid-row {
        grid-template-columns: 1fr;
    }
    .brand-name {
        font-size: 20px;
    }
    .brand-logo {
        height: 44px;
    }
}

@media (max-width: 720px) {
    .premium-process-screen { grid-template-columns: 48px 1fr; }.premium-filter-panel { display: none; }.process-main { padding: 19px; }
    .detail-content-grid { grid-template-columns: 1fr; gap: 40px; }.detail-side { grid-template-columns: 1fr 1fr; }.course-detail-facts { flex-wrap: wrap; }
    .contact-faq-grid { grid-template-columns: 1fr; }.contact-visual { transform: scale(.9); }
}

@media (max-width: 560px) {
    .premium-window-body { height: 345px; }.catalog-dash-main { padding: 16px 10px; }.dash-metrics > div { padding: 8px; }.dash-analytics { grid-template-columns: 1fr; }.dash-trending { display: none; }.dash-chart { height: 150px; }.premium-mini-card { left: -2px; top: 67px; }
    .preview-cards article:nth-child(3) { display: none; }.preview-cards { grid-template-columns: 1fr 1fr; }.catalog-preview-panel { height: 215px; }.premium-process-screen .process-main { padding: 14px; }.process-float { transform: scale(.85); }
    .course-detail-hero { min-height: 0; padding: 115px 0 75px; }.course-detail-copy h1 { font-size: 40px; letter-spacing: -2.5px; }.course-detail-facts > div { min-width: calc(50% - 6px); flex: 1; }.course-detail-actions { align-items: flex-start; flex-direction: column; }.course-detail-visual { min-height: 420px; }.course-detail-cover { height: 315px; inset: 20px 0 auto; }.course-detail-cover > span { font-size: 58px; }.detail-price-card { right: 0; bottom: 0; }.detail-float { left: -3px; }.detail-main h2 { font-size: 35px; }.detail-discovery-grid { grid-template-columns: 1fr; }.detail-side { grid-template-columns: 1fr; }
    .contact-hero { padding-bottom: 45px; }.contact-visual { min-height: 410px; transform: scale(.8); margin-block: -35px; }.contact-form-section { padding: 75px 0; }.contact-info-panel h2 { font-size: 36px; }.contact-form-card { padding: 23px; }.form-row { grid-template-columns: 1fr; }.form-heading,.form-footer { align-items: flex-start; flex-direction: column; gap: 13px; }.form-footer .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; }
}

/* INNER PAGES */
.page-hero { position: relative; min-height: 620px; padding: 155px 0 82px; overflow: hidden; background: radial-gradient(circle at 82% 18%, rgba(113, 83, 236, .1), transparent 27%), linear-gradient(180deg, #fffaf5, #fff); }
.page-hero-grid, .about-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; }
.breadcrumbs { margin-bottom: 25px; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 16px; }
.breadcrumbs a:hover { color: var(--coral); }.breadcrumbs b { color: var(--navy); }
.page-hero h1 { margin: 12px 0 20px; font-size: clamp(48px, 5.2vw, 69px); line-height: 1.03; letter-spacing: -4px; }.page-hero h1 em { color: var(--coral); font-style: normal; }
.page-hero-copy > p, .centered-page-hero > p { max-width: 600px; color: var(--text); font-size: 19px; line-height: 1.85; }
.page-orb { position: absolute; border-radius: 50%; filter: blur(2px); transform: translateY(var(--page-shift)); transition: transform .12s linear; }.orb-coral { width: 220px; height: 220px; top: 80px; right: -110px; background: rgba(255,105,73,.08); }.orb-purple { width: 150px; height: 150px; left: -75px; bottom: 45px; background: rgba(114,84,238,.08); }
.centered-page-hero { position: relative; z-index: 2; max-width: 800px; text-align: center; }.centered-page-hero .breadcrumbs { justify-content: center; }.centered-page-hero > p { margin: 0 auto 25px; }

/* CATALOG */
.catalog-hero { min-height: 720px; padding-bottom: 95px; }
.catalog-search { max-width: 570px; height: 62px; margin-top: 28px; padding: 6px 6px 6px 19px; display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 18px 50px rgba(30,31,49,.08); }.catalog-search > span { color: var(--muted); font-size: 21px; }.catalog-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--navy); font: inherit; font-size: 16px; }.catalog-search button { height: 48px; padding-inline: 18px; border: 0; border-radius: 11px; background: var(--coral); color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; }
.popular-searches { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 15px; }.popular-searches a { text-decoration: underline; text-underline-offset: 3px; }.popular-searches a:hover { color: var(--coral); }
.catalog-collage { position: relative; min-height: 465px; }.collage-card { position: absolute; overflow: hidden; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; border: 7px solid rgba(255,255,255,.9); border-radius: 20px; box-shadow: 0 25px 60px rgba(35,31,60,.15); color: #fff; }.collage-card > span { margin-bottom: auto; font-size: 39px; font-weight: 800; letter-spacing: -3px; }.collage-card strong { font-size: 17px; }.collage-card small { margin-top: 4px; color: rgba(255,255,255,.72); font-size: 15px; }
.collage-main { width: 58%; height: 260px; left: 4%; top: 65px; z-index: 2; background: radial-gradient(circle at 75% 23%, rgba(255,255,255,.2), transparent 20%), linear-gradient(145deg,#4d36c8,#8068ef); transform: rotate(-5deg); }.collage-ai { width: 42%; height: 220px; right: 1%; top: 10px; z-index: 3; background: linear-gradient(145deg,#ff6b4b,#ffad5e); transform: rotate(6deg); }.collage-design { width: 45%; height: 190px; right: 8%; bottom: 6px; z-index: 4; background: linear-gradient(145deg,#1c2342,#50618c); transform: rotate(-4deg); }
.student-chip { position: absolute; left: 0; bottom: 34px; z-index: 6; padding: 11px 15px; display: flex; align-items: center; gap: 9px; border-radius: 13px; background: #fff; box-shadow: 0 17px 40px rgba(34,32,59,.14); animation: float 5s ease-in-out infinite; }.student-chip > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--yellow); color: #fff; }.student-chip div { display: flex; flex-direction: column; }.student-chip strong { font-size: 15px; }.student-chip small { color: var(--muted); font-size: 15px; }
.catalog-section, .blog-list-section { padding: 90px 0 110px; }.catalog-toolbar { margin-bottom: 26px; display: flex; align-items: end; justify-content: space-between; }.catalog-toolbar h2 { margin: 7px 0 0; font-size: 32px; letter-spacing: -1.6px; }.catalog-toolbar label { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 15px; }.catalog-toolbar select { padding: 9px 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--navy); font-size: 15px; }
.catalog-grid { row-gap: 28px; }.cover-data { background: linear-gradient(145deg,#143d55,#3f9b9a); }.cover-marketing { background: linear-gradient(145deg,#d84a61,#ff916b); }.cover-career { background: linear-gradient(145deg,#6b3daa,#b674dc); }
.data-bars { width: 170px; height: 100px; position: absolute; display: flex; align-items: flex-end; justify-content: center; gap: 8px; }.data-bars i { width: 20px; height: 35%; border-radius: 5px 5px 2px 2px; background: rgba(255,255,255,.25); }.data-bars i:nth-child(2) { height: 68%; }.data-bars i:nth-child(3) { height: 48%; }.data-bars i:nth-child(4) { height: 88%; background: var(--yellow); }
.marketing-rings { width: 145px; height: 145px; position: absolute; border: 20px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 25px rgba(255,255,255,.05); }.career-steps { width: 190px; position: absolute; display: grid; gap: 8px; transform: rotate(-7deg); }.career-steps i { width: 50%; height: 16px; border-radius: 12px; background: rgba(255,255,255,.18); }.career-steps i:nth-child(2) { width: 72%; }.career-steps i:nth-child(3) { width: 100%; background: rgba(255,191,60,.55); }
.pagination { margin-top: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; }.pagination button { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--text); font-size: 15px; cursor: pointer; }.pagination button.active { border-color: var(--navy); background: var(--navy); color: #fff; }.pagination button:disabled { opacity: .4; }.pagination span { color: var(--muted); }

.mini-cta { padding: 0 0 105px; }.mini-cta-card { min-height: 210px; padding: 38px 55px; display: flex; align-items: center; justify-content: space-between; gap: 40px; border-radius: 24px; background: linear-gradient(135deg,#161d38,#242c50); color: #fff; }.mini-cta h2 { max-width: 670px; margin: 8px 0 0; font-size: 28px; line-height: 1.3; letter-spacing: -1.4px; }

/* HOW IT WORKS */
.how-hero { min-height: 910px; padding-bottom: 0; background: radial-gradient(circle at 20% 35%, rgba(255,105,73,.1), transparent 23%), radial-gradient(circle at 82% 36%, rgba(114,84,238,.1), transparent 24%), #fffaf5; }
.process-preview { max-width: 980px; height: 440px; position: relative; margin-top: 55px; }.process-screen { height: 100%; position: relative; z-index: 2; overflow: hidden; display: grid; grid-template-columns: 62px 1fr 190px; border: 9px solid #fff; border-radius: 22px 22px 0 0; background: #fff; box-shadow: 0 35px 85px rgba(30,28,55,.18); }.process-sidebar { padding-top: 22px; display: flex; align-items: center; flex-direction: column; gap: 25px; background: var(--navy); }.process-sidebar b { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--coral); color: #fff; font-size: 15px; }.process-sidebar i { width: 19px; height: 4px; border-radius: 5px; background: rgba(255,255,255,.2); }.process-sidebar i:first-of-type { background: var(--coral); }
.process-main { padding: 29px; }.process-top { margin-bottom: 20px; display: flex; justify-content: space-between; color: var(--muted); font-size: 15px; }.process-top b { color: var(--navy); font-size: 15px; }.process-video { height: 255px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: radial-gradient(circle at 25% 20%, rgba(255,255,255,.2), transparent 18%), linear-gradient(145deg,#553ec9,#ff7153); }.process-video > span { width: 58px; height: 58px; z-index: 2; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--coral); font-size: 19px; }.process-video i { width: 240px; height: 240px; position: absolute; border: 40px solid rgba(255,255,255,.08); border-radius: 50%; }.process-line { height: 5px; margin-top: 20px; border-radius: 7px; background: #ecebf0; }.process-line b { width: 62%; height: 100%; display: block; border-radius: inherit; background: var(--coral); }
.process-lessons { padding: 30px 18px; border-left: 1px solid var(--line); }.process-lessons strong { font-size: 15px; }.process-lessons p { margin: 13px 0; padding: 10px; border-radius: 8px; color: var(--muted); font-size: 15px; }.process-lessons .done { color: var(--green); }.process-lessons .active { color: var(--coral); background: var(--coral-soft); }
.process-float { position: absolute; z-index: 4; padding: 13px 16px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.75); border-radius: 14px; background: rgba(255,255,255,.92); box-shadow: 0 18px 40px rgba(33,30,57,.16); backdrop-filter: blur(10px); animation: float 5s ease-in-out infinite; }.process-float > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--yellow-soft); }.process-float div { display: flex; flex-direction: column; }.process-float strong { font-size: 15px; }.process-float small { margin-top: 3px; color: var(--muted); font-size: 15px; }.process-float-one { left: -35px; top: 75px; }.process-float-two { right: -30px; bottom: 50px; animation-delay: .8s; }.process-float-two > span { color: var(--purple); background: var(--purple-soft); font-size: 15px; font-weight: 800; }
.steps-section { background: #fff; }.steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.step-card { min-height: 305px; position: relative; padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }.step-number { position: absolute; top: 20px; right: 21px; color: #e3e2e7; font-size: 22px; font-weight: 800; }.step-icon { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 13px; font-size: 15px; font-weight: 800; }.step-card h3 { margin: 24px 0 10px; font-size: 15px; }.step-card p { color: var(--text); font-size: 17px; line-height: 1.75; }.step-arrow { position: absolute; right: -13px; top: 50%; z-index: 3; width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--coral); font-style: normal; font-size: 18px; }
.split-feature { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 95px; }.split-copy h2 { margin: 9px 0 18px; font-size: 43px; line-height: 1.15; letter-spacing: -2.2px; }.split-copy > p { color: var(--text); font-size: 19px; line-height: 1.8; }.check-list { margin: 25px 0 0; padding: 0; display: grid; gap: 15px; list-style: none; color: #3f4355; font-size: 18px; }.check-list span { width: 22px; height: 22px; margin-right: 8px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green); font-size: 15px; }
.progress-showcase { min-height: 400px; position: relative; }.weekly-card, .skill-card, .streak-card { position: absolute; border: 1px solid #fff; border-radius: 18px; background: #fff; box-shadow: 0 24px 65px rgba(30,30,55,.13); }.weekly-card { width: 78%; height: 240px; top: 20px; left: 4%; padding: 28px; display: flex; align-items: center; justify-content: space-between; }.weekly-card > div:first-child { display: flex; flex-direction: column; }.weekly-card span { color: var(--muted); font-size: 15px; }.weekly-card b { margin-top: 8px; font-size: 19px; }.week-ring { width: 125px; height: 125px; display: grid; place-items: center; border: 15px solid var(--coral-soft); border-top-color: var(--coral); border-right-color: var(--coral); border-radius: 50%; transform: rotate(25deg); }.week-ring strong { font-size: 18px; transform: rotate(-25deg); }.skill-card { width: 70%; right: 0; bottom: 10px; padding: 21px; }.skill-card > span { color: var(--muted); font-size: 15px; }.skill-card div { margin-top: 14px; display: flex; gap: 7px; }.skill-card b { padding: 7px 10px; border-radius: 20px; background: var(--purple-soft); color: var(--purple); font-size: 15px; }.streak-card { left: 0; bottom: 25px; z-index: 3; padding: 15px; display: flex; align-items: center; gap: 10px; }.streak-card > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--yellow-soft); }.streak-card div { display: flex; flex-direction: column; }.streak-card strong { font-size: 16px; }.streak-card small { color: var(--muted); font-size: 15px; }
.faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }.faq-intro h2 { margin: 10px 0 15px; font-size: 43px; line-height: 1.12; letter-spacing: -2.2px; }.faq-intro p { color: var(--text); font-size: 18px; line-height: 1.7; }.faq-intro a { color: var(--coral); font-size: 15px; font-weight: 800; }.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-item button { width: 100%; padding: 21px 0; display: flex; align-items: center; justify-content: space-between; border: 0; background: transparent; text-align: left; font-size: 18px; font-weight: 800; cursor: pointer; }.faq-item button b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--surface); color: var(--coral); }.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }.faq-answer > p { min-height: 0; margin: 0; overflow: hidden; color: var(--text); font-size: 18px; line-height: 1.75; }.faq-item.open .faq-answer { grid-template-rows: 1fr; }.faq-item.open .faq-answer > p { padding-bottom: 22px; }

/* PRICING PAGE */
.pricing-hero { min-height: 540px; padding-bottom: 55px; }.large-toggle { margin-top: 28px; padding: 5px; background: #ebe9ef; }.large-toggle button { padding: 11px 19px; }
.pricing-cms-heading { max-width:760px; margin:0 auto 42px; text-align:center; }.pricing-cms-heading p { color:var(--muted); line-height:1.7; }
.contact-price { min-height:82px; margin:18px 0; padding:15px; display:flex; flex-direction:column; gap:6px; border-radius:12px; background:#f7f6fa; }.contact-price strong { font-size:16px; }.contact-price span { color:var(--muted); font-size:15px; line-height:1.5; }
.whatsapp-package-button { min-height:58px; padding:8px 10px!important; display:flex!important; align-items:center; justify-content:center; gap:7px; line-height:1.25; }.cta-logo { width:27px; height:27px; position:relative; flex:0 0 auto; display:grid; place-items:center; overflow:hidden; border-radius:7px; background:#fff; color:var(--navy); font-size:15px; font-weight:900; }.cta-logo img,.cta-logo object { width:100%; height:100%; position:absolute; inset:0; object-fit:contain; background:#fff; }.whatsapp-logo { color:#fff; background:#25d366; }
.pricing-page-section { padding: 15px 0 95px; background: linear-gradient(180deg,#fff,#fffaf6); }.pricing-page-grid { align-items: stretch; }.pricing-page-grid .price-card, .pricing-page-grid .price-card.featured { min-height: 545px; }.muted-item { opacity: .4; }.pricing-note { margin-top: 28px; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--muted); font-size: 16px; }.pricing-note b { color: var(--text); font-weight: 600; }
.plan-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.plan-benefits article { padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.plan-benefits article > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; font-size: 19px; font-weight: 800; }.plan-benefits h3 { margin: 19px 0 9px; font-size: 18px; }.plan-benefits p { color: var(--text); font-size: 17px; line-height: 1.7; }
.team-banner-section { padding-top: 0; }.team-banner { min-height: 410px; padding: 55px 65px; display: grid; grid-template-columns: 1fr .85fr; align-items: center; overflow: hidden; border-radius: 26px; background: linear-gradient(135deg,#171d39,#2a3562); color: #fff; }.team-banner h2 { margin: 9px 0 12px; font-size: 39px; line-height: 1.12; letter-spacing: -2px; }.team-banner p { max-width: 490px; margin-bottom: 23px; color: #b5bbcf; font-size: 18px; line-height: 1.7; }
.team-visual { min-height: 280px; position: relative; }.team-person { width: 92px; height: 92px; position: absolute; display: grid; place-items: center; border: 6px solid #313b68; border-radius: 50%; background: linear-gradient(145deg,#ff9b82,#d74f34); color: #fff; font-size: 18px; font-weight: 800; }.team-person.p1 { left: 10%; top: 35px; }.team-person.p2 { left: 39%; top: 0; background: linear-gradient(145deg,#997ff2,#5239b6); }.team-person.p3 { right: 7%; top: 50px; background: linear-gradient(145deg,#eac25d,#b97818); }.team-chart { width: 78%; position: absolute; right: 0; bottom: 15px; padding: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.09); backdrop-filter: blur(10px); }.team-chart small { color: #adb4c9; font-size: 15px; }.team-chart strong { margin: 4px 0 13px; display: block; color: #69dba7; font-size: 19px; }.team-chart i { height: 6px; display: block; border-radius: 8px; background: rgba(255,255,255,.1); }.team-chart b { width: 74%; height: 100%; display: block; border-radius: inherit; background: var(--coral); }

/* ABOUT */
.about-hero { min-height: 670px; background: radial-gradient(circle at 80% 30%, rgba(255,105,73,.1), transparent 27%), #fffaf5; }.about-visual { min-height: 430px; position: relative; }.about-tile { position: absolute; padding: 25px; border: 7px solid rgba(255,255,255,.9); border-radius: 21px; box-shadow: 0 24px 60px rgba(32,29,52,.13); }.about-tile span { display: block; font-size: 38px; font-weight: 800; letter-spacing: -2px; }.about-tile small { max-width: 130px; margin-top: 8px; display: block; font-size: 15px; line-height: 1.5; }.tile-one { width: 230px; height: 190px; top: 15px; left: 12%; background: var(--coral); color: #fff; transform: rotate(-6deg); }.tile-two { width: 175px; height: 155px; right: 7%; top: 0; background: var(--yellow); color: #5d440e; transform: rotate(7deg); }.tile-three { width: 300px; height: 190px; right: 10%; bottom: 23px; background: var(--purple); color: #fff; transform: rotate(-3deg); }.tile-three strong { font-size: 20px; line-height: 1.35; }.tile-three i { position: absolute; right: 24px; bottom: 20px; font-size: 30px; font-style: normal; }.about-dot-grid { width: 100px; height: 100px; position: absolute; left: 4%; bottom: 28px; opacity: .25; background-image: radial-gradient(var(--navy) 2px, transparent 2px); background-size: 14px 14px; }
.manifesto-grid { display: grid; grid-template-columns: .35fr 1.65fr; gap: 80px; }.manifesto-label { display: flex; flex-direction: column; gap: 8px; }.manifesto-label span { color: var(--coral); font-size: 25px; font-weight: 800; }.manifesto-label b { font-size: 15px; }.manifesto-copy h2 { max-width: 820px; margin: 10px 0 23px; font-size: 43px; line-height: 1.2; letter-spacing: -2px; }.manifesto-copy p { max-width: 800px; color: var(--text); font-size: 15px; line-height: 1.9; }
.values-section { background: #f8f7fa; }.values-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.value-card { min-height: 300px; position: relative; padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }.value-card > span { position: absolute; top: 21px; right: 22px; color: #e2e1e6; font-size: 18px; font-weight: 800; }.value-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; font-size: 19px; font-weight: 800; }.value-card h3 { margin: 54px 0 10px; font-size: 19px; }.value-card p { color: var(--text); font-size: 17px; line-height: 1.75; }
.impact-section { background: var(--navy); color: #fff; }.impact-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }.impact-grid > div { min-height: 140px; display: flex; align-items: center; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.12); }.impact-grid > div:last-child { border: 0; }.impact-grid strong { font-size: 38px; letter-spacing: -2px; }.impact-grid span { margin-top: 6px; color: #aab1c5; font-size: 16px; }
.team-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }.team-card { padding: 20px; border: 1px solid var(--line); border-radius: 17px; text-align: center; }.team-avatar { height: 230px; display: grid; place-items: center; border-radius: 13px; color: #fff; font-size: 34px; font-weight: 800; }.avatar-coral { background: linear-gradient(145deg,#ff9a82,#d65338); }.avatar-purple { background: linear-gradient(145deg,#9179eb,#4c39a8); }.avatar-yellow { background: linear-gradient(145deg,#efc35d,#b77818); }.avatar-green { background: linear-gradient(145deg,#55c89d,#18795a); }.team-card h3 { margin: 16px 0 4px; font-size: 17px; }.team-card p { margin: 0; color: var(--muted); font-size: 16px; }




/* PREMIUM ECOSYSTEM SHOWCASE */
.premium-ecosystem-section { position:relative; overflow:hidden; background:radial-gradient(circle at 78% 40%,rgba(116,85,239,.24),transparent 26%),radial-gradient(circle at 10% 90%,rgba(255,105,73,.12),transparent 23%),#151b35; color:#fff; }
.premium-ecosystem-section::before { content:''; width:430px; height:430px; position:absolute; right:-250px; top:-220px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.012); }
.ecosystem-grid { position:relative; z-index:2; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:90px; }.ecosystem-copy h2 { margin:13px 0 19px; max-width:580px; font-size:45px; line-height:1.14; letter-spacing:-2.4px; }.ecosystem-copy > p { max-width:570px; color:#b8bed0; font-size:16px; line-height:1.85; }.ecosystem-points { margin:27px 0 30px; display:grid; gap:12px; }.ecosystem-points > div { padding:12px 0; display:grid; grid-template-columns:34px 1fr; gap:12px; border-bottom:1px solid rgba(255,255,255,.09); }.ecosystem-points > div > span { color:#ff8d75; font-size:15px; font-weight:800; }.ecosystem-points p { margin:0; display:flex; flex-direction:column; }.ecosystem-points strong { font-size:15px; }.ecosystem-points small { margin-top:4px; color:#979fb6; font-size:15px; line-height:1.55; }
.ecosystem-stage { min-height:570px; position:relative; display:grid; place-items:center; perspective:1100px; }.ecosystem-glow { width:380px; height:380px; position:absolute; border-radius:50%; background:rgba(117,87,238,.22); filter:blur(70px); }.ecosystem-main-card { width:390px; min-height:445px; position:relative; z-index:2; overflow:hidden; border:1px solid rgba(255,255,255,.17); border-radius:26px; background:rgba(255,255,255,.09); box-shadow:0 40px 100px rgba(0,0,0,.38); backdrop-filter:blur(20px); transform:rotateY(-6deg) rotateX(2deg); transition:.4s ease; }.ecosystem-stage:hover .ecosystem-main-card { transform:rotateY(-2deg) rotateX(0) translateY(-7px); }.ecosystem-main-top { padding:20px 22px; display:flex; align-items:center; justify-content:space-between; }.ecosystem-main-top > span { color:#ff8d75; font-size:16px; font-weight:800; letter-spacing:.4px; }.ecosystem-main-top small { color:#9ca4bb; font-size:15px; }.ecosystem-photo { height:270px; margin:0 14px; border-radius:17px; background-image:linear-gradient(180deg,transparent 58%,rgba(13,18,36,.48)),url('/images/blog/blog-ai-v2.png'); background-size:cover; background-position:center; }.ecosystem-main-bottom { padding:19px 22px 23px; display:flex; flex-direction:column; }.ecosystem-main-bottom strong { max-width:300px; font-size:15px; line-height:1.35; }.ecosystem-main-bottom span { margin-top:7px; color:#9da5bc; font-size:15px; }
.ecosystem-node { min-width:170px; position:absolute; z-index:5; padding:12px 14px; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.16); border-radius:15px; background:rgba(27,34,63,.88); color:#fff; box-shadow:0 20px 50px rgba(0,0,0,.27); backdrop-filter:blur(15px); animation:nodeFloatOne 6s ease-in-out infinite; transition:border-color .25s ease; }.ecosystem-node:hover { border-color:rgba(255,141,117,.55); }.ecosystem-node > span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:rgba(255,105,73,.15); color:#ff8d75; }.ecosystem-node p { margin:0; display:flex; flex-direction:column; }.ecosystem-node strong { font-size:15px; }.ecosystem-node small { margin-top:3px; color:#939bb2; font-size:15px; }.ecosystem-node b { color:#ff8d75; font-size:15px; }.node-courses { left:-15px; top:92px; }.node-blog { right:-30px; top:145px; animation-name:nodeFloatTwo; }.node-blog > span { background:rgba(116,85,239,.18); color:#a78ff5; }.node-about { left:2px; bottom:62px; animation-delay:.8s; }.node-about > span { background:rgba(240,184,53,.14); color:#f0bf54; }.ecosystem-stat { min-width:150px; position:absolute; right:-5px; bottom:40px; z-index:5; padding:15px 17px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.17); border-radius:15px; background:rgba(255,255,255,.94); box-shadow:0 20px 50px rgba(0,0,0,.25); color:var(--navy); animation:float 6.5s ease-in-out infinite; }.ecosystem-stat small { color:var(--muted); font-size:15px; }.ecosystem-stat strong { margin:5px 0 3px; font-size:20px; }.ecosystem-stat span { color:var(--green); font-size:15px; font-weight:800; }

/* AKIL YAZILIM CREDIT */
.developer-credit { max-width:290px; margin-top:18px; padding:12px; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:rgba(255,255,255,.035); transition:.25s ease; }.developer-credit:hover { border-color:rgba(255,141,117,.35); background:rgba(255,255,255,.06); transform:translateY(-2px); }.developer-credit > span:first-child { width:39px; height:39px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; background:linear-gradient(145deg,var(--coral),#ff9a67); color:#fff; font-size:15px; font-weight:800; }.developer-credit > span:last-child { display:flex; align-items:flex-start; flex-direction:column; }.developer-credit small { color:#777f94; font-size:15px; letter-spacing:.6px; }.developer-credit strong { margin-top:3px; color:#fff; font-size:15px; }.developer-credit em { margin-top:2px; color:#9aa2b7; font-size:15px; font-style:normal; }.footer-developed strong { color:#ff8d75; }
.developer-story-section { padding:0 0 90px; background:#fff; }.developer-story { min-height:250px; padding:43px 50px; display:grid; grid-template-columns:95px 1fr auto; align-items:center; gap:30px; overflow:hidden; border-radius:23px; background:radial-gradient(circle at 85% 20%,rgba(116,85,239,.24),transparent 28%),linear-gradient(135deg,#151b35,#222b50); color:#fff; box-shadow:0 28px 75px rgba(24,27,51,.16); }.developer-monogram { width:95px; height:95px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:25px; background:linear-gradient(145deg,var(--coral),#ff9d6c); box-shadow:0 20px 40px rgba(255,105,73,.2); font-size:23px; font-weight:800; }.developer-story h2 { margin:10px 0 7px; font-size:27px; letter-spacing:-1.3px; }.developer-story p { max-width:650px; margin:0; color:#aeb5c9; font-size:15px; line-height:1.7; }.developer-story > a { padding:12px 15px; border:1px solid rgba(255,255,255,.15); border-radius:11px; color:#fff; font-size:15px; font-weight:800; white-space:nowrap; transition:.25s ease; }.developer-story > a:hover { border-color:#ff8d75; color:#ff8d75; transform:translateY(-2px); }

@media (max-width:1000px) {
    .ecosystem-grid { grid-template-columns:1fr; gap:45px; }.ecosystem-copy { max-width:700px; }.ecosystem-stage { width:min(650px,100%); margin-inline:auto; }
    .developer-story { grid-template-columns:80px 1fr; }.developer-monogram { width:80px; height:80px; }.developer-story > a { grid-column:2; justify-self:start; }
}
@media (max-width:680px) {
    .ecosystem-copy h2 { font-size:36px; }.ecosystem-stage { min-height:500px; transform:scale(.86); margin-block:-25px; }.ecosystem-main-card { width:360px; }.node-courses { left:-5px; }.node-blog { right:-5px; }.ecosystem-stat { right:0; }
    .developer-story { padding:30px; grid-template-columns:1fr; gap:20px; }.developer-story > a { grid-column:1; }.developer-monogram { width:65px; height:65px; border-radius:18px; }.developer-story h2 { font-size:23px; }
}
@media (max-width:480px) {
    .ecosystem-stage { width:116%; left:-8%; transform:scale(.72); margin-block:-75px; }.ecosystem-main-card { width:350px; }.ecosystem-node { min-width:155px; }.node-courses { left:-18px; }.node-blog { right:-20px; }.node-about { left:-9px; }
    .footer-bottom { align-items:flex-start; flex-direction:column; gap:9px; }
}

/* ABOUT PAGE V2 */
.about-visual-premium { min-height:520px; display:grid; place-items:center; perspective:1000px; }.about-orbit-lines { width:430px; height:430px; position:absolute; border:1px solid rgba(114,84,238,.14); border-radius:50%; animation:rotate 28s linear infinite; }.about-orbit-lines::before,.about-orbit-lines::after { content:''; position:absolute; border:1px dashed rgba(255,105,73,.16); border-radius:50%; }.about-orbit-lines::before { inset:55px; }.about-orbit-lines::after { inset:110px; }.about-orbit-lines i { width:10px; height:10px; position:absolute; border:3px solid #fff; border-radius:50%; background:var(--coral); box-shadow:0 7px 20px rgba(255,105,73,.3); }.about-orbit-lines i:nth-child(1) { top:-5px; left:205px; }.about-orbit-lines i:nth-child(2) { right:22px; bottom:76px; background:var(--purple); }.about-orbit-lines i:nth-child(3) { left:27px; bottom:69px; background:var(--yellow); }
.about-product-card { width:350px; min-height:410px; position:relative; z-index:3; overflow:hidden; padding:23px; border:1px solid rgba(255,255,255,.7); border-radius:27px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,243,250,.86)); box-shadow:0 35px 90px rgba(31,29,55,.17); backdrop-filter:blur(20px); transform:rotateY(-5deg) rotateX(2deg); transition:.4s ease; }.about-visual-premium:hover .about-product-card { transform:rotateY(-1deg) translateY(-7px); }.about-product-head { display:flex; align-items:center; justify-content:space-between; }.about-product-head span { color:var(--coral); font-size:15px; font-weight:800; letter-spacing:.8px; }.about-product-head small { color:var(--muted); font-size:15px; }.about-product-mark { min-height:205px; margin:22px 0 17px; position:relative; overflow:hidden; display:flex; align-items:flex-end; justify-content:space-between; padding:27px; border-radius:19px; background:radial-gradient(circle at 75% 23%,rgba(255,255,255,.18),transparent 22%),linear-gradient(145deg,#18203d,#384371); color:#fff; }.about-product-mark::before { content:''; width:190px; height:190px; position:absolute; right:-55px; top:-65px; border:32px solid rgba(255,255,255,.06); border-radius:50%; }.about-product-mark b { position:relative; z-index:2; color:#ff8d75; font-size:42px; letter-spacing:-4px; }.about-product-mark span { position:relative; z-index:2; text-align:right; font-size:17px; font-weight:800; line-height:1.3; }.about-product-timeline { height:5px; display:grid; grid-template-columns:1.4fr .8fr 1fr .65fr; gap:5px; }.about-product-timeline span { border-radius:8px; background:#dfdce5; }.about-product-timeline .active { background:linear-gradient(90deg,var(--coral),#ffad63); }.about-product-foot { margin-top:18px; display:flex; flex-direction:column; }.about-product-foot small { color:var(--muted); font-size:15px; }.about-product-foot strong { max-width:245px; margin-top:6px; font-size:16px; line-height:1.45; }
.about-floating-note { min-width:165px; position:absolute; z-index:6; padding:12px 14px; display:grid; grid-template-columns:37px 1fr; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.86); border-radius:15px; background:rgba(255,255,255,.94); box-shadow:0 20px 48px rgba(31,29,52,.15); backdrop-filter:blur(14px); animation:nodeFloatOne 6s ease-in-out infinite; }.about-floating-note > span { width:37px; height:37px; display:grid; place-items:center; border-radius:11px; background:var(--coral-soft); color:var(--coral); font-weight:800; }.about-floating-note p { margin:0; display:flex; flex-direction:column; }.about-floating-note small { color:var(--muted); font-size:15px; }.about-floating-note strong { margin-top:3px; font-size:15px; }.note-impact { left:0; top:77px; }.note-global { right:-14px; bottom:94px; animation-name:nodeFloatTwo; }.note-global > span { color:var(--purple); background:var(--purple-soft); }.about-signature { position:absolute; left:14px; bottom:22px; z-index:5; padding:12px 15px; display:flex; flex-direction:column; border-left:3px solid var(--coral); border-radius:0 11px 11px 0; background:rgba(23,29,56,.94); color:#fff; box-shadow:0 15px 40px rgba(23,29,56,.18); }.about-signature small { color:#8f98b0; font-size:15px; letter-spacing:.7px; }.about-signature strong { margin-top:4px; font-size:15px; }.about-signature span { margin-top:2px; color:#aab1c4; font-size:15px; }

.team-section-v2 { background:linear-gradient(180deg,#fff,#faf9fb); }.team-showcase { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; }.team-photo-card { min-height:540px; position:relative; overflow:hidden; border-radius:23px; box-shadow:0 28px 70px rgba(30,29,50,.13); }.team-photo { position:absolute; inset:0; background-image:linear-gradient(180deg,transparent 53%,rgba(15,20,39,.84)),url('/images/about/akilhanem-team-v2.png'); background-size:cover; background-position:center; transition:transform .7s ease; }.team-photo-card:hover .team-photo { transform:scale(1.035); }.team-photo-caption { position:absolute; left:35px; right:35px; bottom:31px; z-index:2; display:flex; flex-direction:column; color:#fff; }.team-photo-caption span { color:#ff9b86; font-size:15px; font-weight:800; letter-spacing:1px; }.team-photo-caption strong { max-width:520px; margin-top:9px; font-size:23px; line-height:1.25; }.team-photo-caption small { margin-top:8px; color:#c2c8d7; font-size:15px; }.team-role-grid { display:grid; gap:10px; }.team-role-grid article { min-height:127px; padding:21px; display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:14px; border:1px solid var(--line); border-radius:17px; background:#fff; transition:.28s ease; }.team-role-grid article:hover { border-color:rgba(255,105,73,.3); box-shadow:0 17px 38px rgba(30,29,49,.08); transform:translateX(5px); }.team-role-grid article > span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--coral-soft); color:var(--coral); font-size:15px; font-weight:800; }.team-role-grid article:nth-child(2) > span { color:var(--purple); background:var(--purple-soft); }.team-role-grid article:nth-child(3) > span { color:#aa7410; background:var(--yellow-soft); }.team-role-grid article:nth-child(4) > span { color:var(--green); background:var(--green-soft); }.team-role-grid article div { display:flex; flex-direction:column; }.team-role-grid strong { font-size:16px; }.team-role-grid small { margin-top:6px; color:var(--muted); font-size:15px; line-height:1.55; }.team-role-grid article > b { color:#cac8cf; font-size:16px; transition:.2s ease; }.team-role-grid article:hover > b { color:var(--coral); }

@media (max-width:900px) {
    .about-visual-premium { width:min(620px,100%); margin-inline:auto; }.team-showcase { grid-template-columns:1fr; }.team-role-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:620px) {
    .about-visual-premium { min-height:470px; transform:scale(.87); margin-block:-30px; }.note-impact { left:-10px; }.note-global { right:-8px; }.team-photo-card { min-height:430px; }.team-role-grid { grid-template-columns:1fr; }.team-photo-caption { left:23px; right:23px; bottom:23px; }.team-photo-caption strong { font-size:19px; }
}
@media (max-width:440px) {
    .about-visual-premium { width:116%; left:-8%; transform:scale(.72); margin-block:-75px; }.about-product-card { width:340px; }.team-photo-card { min-height:380px; }.team-photo { background-position:57% center; }
}

/* AKILHANEM EXPERIENCE REFINEMENT V3 */
[hidden] { display:none !important; }

/* Readable ecosystem copy */
.ecosystem-copy > p { color:#c9cfde; font-size:15px; line-height:1.75; }
.ecosystem-points { gap:4px; }
.ecosystem-points > div { padding:17px 0; grid-template-columns:42px 1fr; gap:18px; }
.ecosystem-points > div > span { padding-top:2px; font-size:17px; }
.ecosystem-points strong { font-size:15px; line-height:1.35; }
.ecosystem-points small { margin-top:6px; color:#afb6c9; font-size:17px; line-height:1.55; }
.ecosystem-copy .button { min-height:58px; padding-inline:28px; font-size:19px; }
.ecosystem-main-top small,.ecosystem-main-bottom span { font-size:15px; }
.ecosystem-node strong { font-size:16px; }.ecosystem-node small { font-size:15px; }
.ecosystem-stat small,.ecosystem-stat span { font-size:15px; }

/* Search, filters and real pagination */
.catalog-search { max-width:650px; height:74px; padding:8px 8px 8px 22px; border-color:#dedce5; border-radius:19px; box-shadow:0 24px 60px rgba(29,30,51,.11); }
.catalog-search input { font-size:15px; }.catalog-search button { height:56px; padding-inline:25px; border-radius:14px; font-size:18px; transition:transform .2s ease,box-shadow .2s ease; }
.catalog-search button:hover { transform:translateY(-2px); box-shadow:0 12px 25px rgba(255,105,73,.25); }
.popular-searches { margin-top:16px; display:flex; align-items:center; flex-wrap:wrap; gap:15px; color:var(--muted); font-size:17px; }
.popular-searches b { color:var(--navy); font-size:17px; }.popular-searches a { color:#74788a; font-size:17px; text-decoration:underline; text-underline-offset:4px; }
.popular-searches a:hover { color:var(--coral); }
.filter-results { min-height:20px; margin:2px 0 18px; color:#777b8d; font-size:17px; font-weight:600; }
.filter-results.is-empty { padding:16px 18px; border:1px solid #f1d9d4; border-radius:12px; background:#fff8f6; color:#b44c39; }
.course-grid,.blog-grid { scroll-margin-top:115px; }
.pagination { gap:10px; }.pagination button { width:44px; height:44px; border-radius:12px; font-size:18px; font-weight:700; transition:.2s ease; }
.pagination button:not(:disabled):hover { border-color:var(--navy); transform:translateY(-2px); box-shadow:0 10px 22px rgba(25,29,52,.1); }
.pagination button.active { box-shadow:0 10px 25px rgba(24,29,55,.2); }
.pagination:empty { display:none; }

/* Animated premium learning dashboard */
.experience-visual::before { width:470px; height:470px; background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.85),transparent 24%),linear-gradient(145deg,#e8e1ff,#fff1eb); filter:drop-shadow(0 28px 45px rgba(91,73,150,.12)); }
.premium-learning-window { overflow:visible; border-radius:25px; background:rgba(255,255,255,.96); transform:rotate(-1deg); }
.premium-learning-window::after { content:''; position:absolute; inset:-1px; z-index:-1; border-radius:26px; background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(120,91,233,.16),rgba(255,105,73,.18)); filter:blur(12px); opacity:.7; }
.premium-learning-window .window-top { min-height:43px; padding-inline:15px; background:linear-gradient(180deg,#faf9fc,#f3f2f6); border-radius:16px 16px 0 0; }
.premium-learning-window .window-top span { color:#878b99; font-size:15px; }.premium-learning-window .window-top b { font-size:15px; }
.premium-window-body { height:420px; grid-template-columns:60px minmax(0,1fr) 154px; border-radius:0 0 16px 16px; }
.premium-sidebar { border-radius:0 0 0 16px; }
.catalog-dash-main { padding:23px 18px; }
.tiny-label { display:inline-flex; align-items:center; gap:6px; font-size:15px; letter-spacing:.7px; }
.tiny-label i { width:7px; height:7px; border-radius:50%; background:#24bd82; box-shadow:0 0 0 4px rgba(36,189,130,.12); animation:livePulse 1.8s ease-in-out infinite; }
.catalog-dash-head h4 { margin-top:5px; font-size:17px; letter-spacing:-.5px; }
.catalog-dash-head button { padding:9px 12px; font-size:15px; cursor:pointer; box-shadow:0 8px 16px rgba(255,105,73,.18); transition:.2s ease; }
.catalog-dash-head button:hover { transform:translateY(-2px); }
.dash-metrics { margin-top:15px; gap:9px; }
.dash-metrics > div { padding:12px; border-radius:11px; box-shadow:0 9px 23px rgba(24,27,48,.055); opacity:.35; transform:translateY(12px); }
.dashboard-running .dash-metrics > div { animation:metricIn .65s cubic-bezier(.2,.8,.2,1) forwards; }
.dashboard-running .dash-metrics > div:nth-child(2) { animation-delay:.12s; }.dashboard-running .dash-metrics > div:nth-child(3) { animation-delay:.24s; }
.dash-metrics span,.dash-metrics small { font-size:15px; }.dash-metrics strong { margin:5px 0 3px; font-size:17px; }
.dash-analytics { margin-top:10px; gap:9px; }.dash-chart,.dash-trending { height:165px; padding:13px; border-radius:12px; }
.dash-chart-head { font-size:15px; }.dash-chart-head b,.dash-chart-legend { font-size:15px; }
.dash-bars { height:108px; gap:6px; }.dash-bars i { animation:none; opacity:.2; transform:scaleY(.08); }
.dashboard-running .dash-bars i { animation-name:growBar; animation-duration:1.5s; animation-timing-function:cubic-bezier(.2,.85,.2,1); animation-fill-mode:both; }
.dash-bars i::after { top:-18px; padding:4px 6px; font-size:15px; }
.dash-axis { font-size:15px; }.dash-trending > span { font-size:15px; }.dash-trending p { margin-top:10px; grid-template-columns:27px 1fr auto; font-size:15px; }.dash-trending p b { width:27px; height:27px; font-size:15px; }.dash-trending p em { font-size:15px; }
.premium-category-list { padding:24px 12px; border-radius:0 0 16px; }.category-panel-head strong { font-size:15px; }.premium-category-list > p { margin:10px 0; padding:9px !important; }.premium-category-list p > b { width:30px; height:30px; font-size:15px; }.premium-category-list p > span { font-size:15px; }.premium-category-list p small { font-size:15px; }.premium-category-list > a { font-size:15px; }
.category-mini-chart span { color:var(--muted); font-size:15px; }.category-mini-chart div { height:32px; }
.premium-mini-card,.achievement-card { backdrop-filter:blur(16px); }

/* Functional AI learning-path generator */
.ai-discovery-grid { grid-template-columns:.78fr 1.22fr; gap:70px; align-items:center; }
.ai-path-builder { position:relative; overflow:hidden; padding:22px; border:1px solid rgba(255,255,255,.9); border-radius:27px; background:radial-gradient(circle at 92% 5%,rgba(118,86,237,.16),transparent 24%),linear-gradient(145deg,#171e3a,#222b50); box-shadow:0 35px 90px rgba(25,27,51,.2); color:#fff; }
.ai-path-builder::before { content:''; width:220px; height:220px; position:absolute; right:-100px; top:-120px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 45px rgba(255,255,255,.018),0 0 0 90px rgba(255,255,255,.012); pointer-events:none; }
.ai-builder-top { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; }
.ai-builder-top > div { display:grid; grid-template-columns:12px auto; align-items:center; column-gap:9px; }.ai-builder-top b { font-size:18px; }.ai-builder-top small { grid-column:2; margin-top:3px; color:#939cb6; font-size:15px; }
.ai-live-dot { width:9px; height:9px; grid-row:1/3; border-radius:50%; background:#45d39b; box-shadow:0 0 0 5px rgba(69,211,155,.12); animation:livePulse 1.8s ease-in-out infinite; }
.ai-model-badge { padding:7px 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.06); color:#bdc4d6; font-size:15px; font-weight:800; letter-spacing:.8px; }
.ai-prompt-box { margin-top:18px; padding:16px; position:relative; z-index:2; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.07); backdrop-filter:blur(14px); }
.ai-prompt-box label { display:block; margin-bottom:10px; color:#d6daE5; font-size:15px; font-weight:700; }.ai-prompt-box > div:nth-child(2) { display:grid; grid-template-columns:1fr auto; gap:10px; }
.ai-prompt-box textarea { min-height:76px; width:100%; resize:none; padding:13px 14px; border:1px solid rgba(255,255,255,.11); border-radius:12px; outline:0; background:rgba(10,15,31,.42); color:#fff; font:inherit; font-size:17px; line-height:1.6; transition:.22s ease; }
.ai-prompt-box textarea:focus { border-color:rgba(255,141,117,.7); box-shadow:0 0 0 4px rgba(255,105,73,.1); }.ai-prompt-box textarea[aria-invalid="true"] { border-color:#ff8d75; }
.ai-prompt-box #aiGenerateButton { min-width:145px; padding:0 15px; border:0; border-radius:12px; background:linear-gradient(135deg,#ff7658,#ff5f42); color:#fff; font:inherit; font-size:15px; font-weight:800; cursor:pointer; box-shadow:0 14px 28px rgba(255,105,73,.22); transition:.22s ease; }.ai-prompt-box #aiGenerateButton:hover { transform:translateY(-2px); box-shadow:0 18px 34px rgba(255,105,73,.3); }.ai-prompt-box #aiGenerateButton:disabled { cursor:wait; opacity:.65; transform:none; }
.ai-prompt-chips { margin-top:10px; display:flex; flex-wrap:wrap; gap:7px; }.ai-prompt-chips button { padding:7px 9px; border:1px solid rgba(255,255,255,.11); border-radius:999px; background:rgba(255,255,255,.045); color:#aeb5c8; font:inherit; font-size:15px; cursor:pointer; transition:.2s ease; }.ai-prompt-chips button:hover { border-color:rgba(255,141,117,.45); color:#fff; transform:translateY(-1px); }
.ai-thinking { height:0; overflow:hidden; display:flex; align-items:center; gap:5px; opacity:0; transition:height .25s ease,opacity .25s ease; }.ai-thinking i { width:6px; height:6px; border-radius:50%; background:#ff8064; animation:thinkingDot .8s ease-in-out infinite alternate; }.ai-thinking i:nth-child(2) { animation-delay:.15s; }.ai-thinking i:nth-child(3) { animation-delay:.3s; }.ai-thinking span { margin-left:5px; color:#aeb5c8; font-size:15px; }.is-generating .ai-thinking { height:37px; opacity:1; }
.ai-plan-output { margin-top:13px; position:relative; z-index:2; overflow:hidden; padding:18px; border:1px solid #e9e7ef; border-radius:19px; background:#fff; color:var(--navy); transition:opacity .25s ease,transform .25s ease; }.is-generating .ai-plan-output { opacity:.45; transform:scale(.985); }.has-new-plan .ai-plan-output { animation:planReveal .65s cubic-bezier(.2,.8,.2,1); }
.ai-plan-head { display:flex; align-items:center; justify-content:space-between; gap:15px; }.ai-plan-head small { color:var(--coral); font-size:15px; font-weight:800; letter-spacing:.7px; }.ai-plan-head h3 { margin:5px 0 0; font-size:17px; letter-spacing:-.6px; }
.ai-score { width:59px; height:59px; flex:0 0 auto; display:grid; place-items:center; align-content:center; border-radius:50%; background:conic-gradient(#7558e8 0 96%,#eeecf3 96%); box-shadow:inset 0 0 0 7px #fff; }.ai-score span { color:var(--muted); font-size:15px; }.ai-score strong { margin-top:2px; font-size:16px; }
.ai-plan-meta { margin:12px 0; display:flex; flex-wrap:wrap; gap:7px; }.ai-plan-meta span { padding:6px 8px; border-radius:7px; background:#f5f3f8; color:#696d7c; font-size:15px; font-weight:700; }
.ai-roadmap { margin:0; padding:0; list-style:none; display:grid; gap:7px; }.ai-roadmap li { padding:10px; display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; border:1px solid #eeecf1; border-radius:11px; background:#fcfbfd; }.ai-roadmap li > span { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:var(--purple-soft); color:var(--purple); font-size:15px; font-weight:800; }.ai-roadmap li:nth-child(2) > span { color:var(--coral); background:var(--coral-soft); }.ai-roadmap li:nth-child(3) > span { color:#178a65; background:var(--green-soft); }.ai-roadmap li div { display:flex; flex-direction:column; }.ai-roadmap strong { font-size:15px; }.ai-roadmap small { margin-top:3px; color:var(--muted); font-size:15px; }.ai-roadmap li > b { color:#898d9b; font-size:15px; font-weight:700; }
.ai-plan-footer { margin-top:11px; display:flex; align-items:center; justify-content:space-between; gap:12px; }.ai-plan-footer > span { display:flex; align-items:center; gap:6px; color:#6e7281; font-size:15px; }.ai-plan-footer i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px var(--green-soft); }.ai-plan-footer a { color:var(--coral); font-size:15px; font-weight:800; }




@keyframes livePulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.55; transform:scale(.75); } }
@keyframes metricIn { to { opacity:1; transform:translateY(0); } }
@keyframes thinkingDot { to { opacity:.25; transform:translateY(-3px); } }
@keyframes planReveal { from { opacity:.35; transform:translateY(10px) scale(.985); } to { opacity:1; transform:none; } }

@media (max-width:1000px) {
    .ai-discovery-grid { grid-template-columns:1fr; gap:45px; }.ai-path-builder { width:min(720px,100%); margin-inline:auto; }
    .popular-now li a { grid-template-columns:38px minmax(0,1fr) auto; }.popular-now li a > span { font-size:19px; }
}
@media (max-width:720px) {
    .catalog-search { height:auto; }.catalog-search input { font-size:19px; }.popular-searches,.popular-searches b,.popular-searches a { font-size:16px; }
    .ecosystem-copy > p { font-size:19px; }.ecosystem-points strong { font-size:19px; }.ecosystem-points small { font-size:16px; }
    .ai-path-builder { padding:16px; border-radius:22px; }.ai-prompt-box > div:nth-child(2) { grid-template-columns:1fr; }.ai-prompt-box #aiGenerateButton { min-height:48px; }.ai-plan-head { align-items:flex-start; }.ai-plan-footer { align-items:flex-start; flex-direction:column; }
    .blog-toolbar { align-items:stretch; flex-direction:column; }.blog-search { width:100%; }.blog-list-heading { align-items:flex-start; flex-direction:column; }.blog-list-heading p { font-size:16px; }
}
@media (max-width:560px) {
    .premium-window-body { height:365px; }.catalog-dash-head h4 { font-size:19px; }.dash-metrics strong { font-size:19px; }.dash-metrics span,.dash-metrics small { font-size:15px; }
    .ai-path-builder { width:110%; left:-5%; }.ai-plan-output { padding:14px; }.ai-plan-head h3 { font-size:19px; }.ai-score { width:52px; height:52px; }.ai-roadmap li { grid-template-columns:28px 1fr; }.ai-roadmap li > b { grid-column:2; }.ai-prompt-chips button { font-size:15px; }
    .popular-now { padding:23px; }.popular-now li a { min-height:68px; grid-template-columns:28px minmax(0,1fr); }.popular-now li a > em { grid-column:2; margin-top:-9px; }.popular-now li a > span { font-size:17px; }
    .pagination button { width:40px; height:40px; }
}

/* Okunabilir kullanıcı metni tabanı */
small{font-size:15px}
/* Çözüm konfigüratörü */
.configurator-section{padding:35px 0 110px;background:linear-gradient(180deg,#fff,#fff8f3)}.configurator-section .center-heading{max-width:780px;margin:0 auto 38px;text-align:center}.configurator-progress{max-width:720px;margin:0 auto 35px;display:flex;align-items:center;justify-content:center}.configurator-progress>span{width:48px;height:48px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-weight:800}.configurator-progress>span.active{border-color:var(--coral);background:var(--coral);color:#fff}.configurator-progress small{position:absolute;top:55px;color:var(--text);white-space:nowrap}.configurator-progress>i{width:105px;height:2px;background:var(--line)}.configurator-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;margin-top:72px}.configurator-main,.config-selection{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(23,32,51,.07)}.configurator-main{padding:34px}.config-selection{position:sticky;top:110px;padding:27px}.config-selection>span,.config-step-head>span{color:var(--coral);font-weight:800;letter-spacing:.1em}.config-step-head h2{margin:8px 0;font-size:30px}.config-step-head p,.config-selection p{color:var(--muted);line-height:1.65}.feature-catalog{margin-top:27px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.selectable-feature{min-height:120px;padding:20px;display:grid;grid-template-columns:34px 1fr;gap:5px 12px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--navy);cursor:pointer}.selectable-feature>span{width:32px;height:32px;grid-row:1/3;display:grid;place-items:center;border-radius:50%;background:#f2f0f6;color:#aaa}.selectable-feature strong{align-self:end}.selectable-feature small{color:var(--muted)}.selectable-feature.selected{border-color:var(--coral);background:#fff7f4;box-shadow:0 12px 30px rgba(255,105,73,.1)}.selectable-feature.selected>span{background:var(--coral);color:#fff}.config-form-grid{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.config-form-grid label,.config-form-grid fieldset{min-width:0;margin:0;display:flex;flex-direction:column;gap:9px;border:0;font-weight:700}.config-form-grid .wide{grid-column:1/-1}.config-form-grid input,.config-form-grid textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:11px;font:inherit;resize:vertical}.choice-chips{display:flex;flex-wrap:wrap;gap:8px}.choice-chips button{min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;cursor:pointer}.choice-chips button.selected{border-color:var(--coral);background:var(--coral);color:#fff}.config-nav{margin-top:30px;padding-top:22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.config-nav button{min-height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-weight:800;cursor:pointer}.config-nav .button{background:var(--coral);color:#fff}.config-selection ul{min-height:120px;padding:0;display:grid;gap:9px;list-style:none}.config-selection li{padding-left:18px;position:relative;line-height:1.5}.config-selection li:before{content:'✓';position:absolute;left:0;color:var(--green)}.config-whatsapp{min-height:64px;padding:10px;display:flex;align-items:center;gap:9px;border-radius:14px;background:var(--coral);color:#fff}.config-whatsapp>img:first-child{width:auto;max-width:82px;height:27px;object-fit:contain}.config-whatsapp>img{width:29px;height:29px;object-fit:contain}.config-whatsapp>i{width:1px;height:30px;background:rgba(255,255,255,.3)}.config-whatsapp>span{display:flex;flex-direction:column}.config-whatsapp small{opacity:.8}.request-summary{margin-top:25px;padding:25px;border-radius:17px;background:#f8f7fa}.request-summary dl{display:grid;grid-template-columns:180px 1fr;gap:12px}.request-summary dt{font-weight:800}.request-summary dd{margin:0;color:var(--text);white-space:pre-wrap}.footer-logo-stack{max-width:250px;display:flex;align-items:flex-start;flex-direction:column;gap:15px}.footer-main-logo{width:auto;max-width:225px;height:auto;max-height:145px;object-fit:contain}.footer-company-logo{width:auto;max-width:130px;height:42px;padding:5px 8px;border-radius:8px;background:#fff;object-fit:contain}.footer-socials a{width:43px;height:43px;display:grid!important;place-items:center}.footer-socials svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.pet-mini-avatar img{width:100%;height:100%;display:block;object-fit:contain}.pet-suggestions{max-width:100%;display:flex!important;overflow-x:auto;gap:7px}.pet-suggestions button{flex:0 0 auto}.pet-actions{display:grid;gap:7px}.pet-actions a{padding:10px;border-radius:9px;background:var(--coral);color:#fff;text-align:center;font-weight:800}.pet-actions a+ a{background:#25a85a}
@media(max-width:850px){.configurator-shell{grid-template-columns:1fr}.config-selection{position:static}.feature-catalog{grid-template-columns:1fr 1fr}.footer-main-logo{max-width:190px}}
@media(max-width:560px){.configurator-main,.config-selection{padding:21px}.configurator-progress>i{width:28px}.configurator-progress small{display:none}.feature-catalog,.config-form-grid{grid-template-columns:1fr}.config-form-grid .wide{grid-column:auto}.selectable-feature{min-height:100px}.config-nav{flex-wrap:wrap}.config-nav button{flex:1}.request-summary dl{grid-template-columns:1fr;gap:4px}.request-summary dd{margin-bottom:10px}.pet-chat{max-width:calc(100vw - 20px);max-height:calc(100dvh - 95px);right:10px}.akil-pet{right:10px;bottom:10px}.pet-launcher{transform:scale(.86);transform-origin:right bottom}}

/* Kurumsal public deneyim düzeltmeleri */
.label-with-help{position:relative;display:flex;align-items:center;gap:8px}.help-tooltip{width:25px;height:25px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--coral);font:800 15px/1 Manrope,sans-serif;cursor:help}.help-tooltip-content{width:min(310px,calc(100vw - 48px));position:absolute;z-index:20;left:0;top:calc(100% + 8px);padding:13px 15px;border-radius:11px;background:var(--navy);color:#fff;font-size:15px;font-weight:500;line-height:1.55;box-shadow:0 15px 38px rgba(20,27,52,.22);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s}.help-tooltip:hover+.help-tooltip-content,.help-tooltip:focus+.help-tooltip-content,.help-tooltip.open+.help-tooltip-content{opacity:1;visibility:visible;transform:none}.config-summary-action{min-width:255px;border:0!important}.config-selection{max-height:calc(100dvh - 135px);display:flex;flex-direction:column;overflow:hidden}.config-selection-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}.config-selection ul{min-height:0}.platform-metrics article{display:flex;flex-direction:column;gap:8px}.product-links-list{display:grid;gap:15px}.product-link-card{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(25,31,55,.06)}.product-link-card h3{margin:5px 0;font-size:26px}.product-link-card p{margin:0;color:var(--muted)}.product-link-card>div>span{color:var(--coral);font-size:15px;font-weight:800;letter-spacing:.08em}.product-link-card>a{flex:none;font-weight:800;color:var(--coral)}.footer-main-logo{max-width:235px;max-height:none;padding:7px;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(0,0,0,.16)}.footer-utilities{display:flex;align-items:center;gap:22px}.footer-utilities a{color:inherit}.footer-login{opacity:.72}.password-field{position:relative}.password-field input{padding-right:55px}.password-toggle{width:44px;height:44px;position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;border-radius:9px;background:transparent;color:var(--navy);cursor:pointer}.remember-field{display:flex;align-items:center;gap:10px}.remember-field input{width:20px;height:20px;margin:0;flex:none}.remember-field label{margin:0}.social-btn.instagram{background:linear-gradient(135deg,#7b3fba,#e94873,#f6a742);color:#fff}
@media(max-width:850px){.config-selection{max-height:none;overflow:visible}.config-selection-body{overflow:visible}.product-link-card{align-items:flex-start;flex-direction:column}.footer-utilities{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:560px){.config-nav{display:grid;grid-template-columns:1fr}.config-nav>*{width:100%}.config-summary-action{min-width:0}.help-tooltip-content{left:0;right:auto;width:min(270px,calc(100vw - 48px))}.product-link-card{padding:21px}.footer-main-logo{width:100%;max-width:215px}.social-links-row{flex-wrap:wrap}}
.how-hero{min-height:560px;padding-bottom:70px}.steps-layout .steps-grid .step-card:last-child{grid-column:1/-1;min-height:210px}.developer-logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.platform-metrics>article{min-height:140px;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.12)}.platform-metrics>article:last-child{border-right:0}
@media(max-width:850px){.manifesto-grid,.faq-grid{grid-template-columns:1fr;gap:34px}.mini-cta-card{align-items:flex-start;flex-direction:column;padding:32px}.values-grid,.impact-grid{grid-template-columns:1fr 1fr}.contact-info-card{width:100%;min-width:0}.developer-story{width:100%;min-width:0}}
@media(max-width:560px){.values-grid,.impact-grid{grid-template-columns:1fr}.platform-metrics>article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.platform-metrics>article:last-child{border-bottom:0}.manifesto-copy h2,.faq-intro h2{font-size:34px;letter-spacing:-1.5px}.mini-cta-card{padding:25px}.mini-cta-card .button{width:100%}.contact-info-card{padding:28px 22px}}

/* Dijital Akademi ürün anlatısı */
.academy-hero{min-height:760px}.academy-hero .hero-copy h1{max-width:760px}.academy-hero-visual{min-height:520px}.content-architecture-section .center-heading{max-width:850px;margin:0 auto 42px;text-align:center}.content-architecture-section .center-heading>p{color:var(--text);font-size:18px;line-height:1.75}.content-card-grid{display:grid;gap:15px}.content-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}.content-value-card{min-height:235px;padding:25px;position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(24,29,51,.055)}.content-value-card>span{color:var(--coral);font-size:15px;font-weight:800}.content-value-card h3{margin:28px 0 10px;font-size:21px;line-height:1.35}.content-value-card p{margin:0;color:var(--text);font-size:16px;line-height:1.75}.audience-section{background:#f8f7fa}.platform-feature-section{background:var(--navy);color:#fff}.platform-feature-section .center-heading>p,.platform-feature-section .content-value-card p{color:#abb3c8}.platform-feature-section .content-value-card{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06)}.platform-feature-section .content-value-card h3{color:#fff}.comparison-section{background:#fff8f3}.comparison-section .center-heading{max-width:900px;margin:0 auto 40px;text-align:center}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.comparison-card.featured{border-color:rgba(255,105,73,.5);box-shadow:0 22px 55px rgba(255,105,73,.12)}.comparison-card h3{margin:0 0 22px;font-size:27px}.comparison-card ul{margin:0;padding:0;display:grid;gap:14px;list-style:none}.comparison-card li{display:grid;grid-template-columns:24px 1fr;gap:9px;color:var(--text);font-size:16px;line-height:1.6}.comparison-card li span{color:var(--coral);font-weight:800}.academy-models{background:#f8f7fa}.trust-strip .content-value-card{min-height:175px}.cta-card p{max-width:760px;color:#b8bfd2;font-size:18px;line-height:1.75}.cta-secondary{border:1px solid rgba(255,255,255,.32)!important;background:transparent!important}.approach-cards>article{padding:25px;text-align:left;align-items:flex-start}.approach-cards strong{font-size:22px;letter-spacing:-.5px}.approach-cards p{margin:9px 0 0;color:#aab1c5;font-size:16px;line-height:1.7}.audience-tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.audience-tag-grid span{min-height:72px;padding:18px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:15px;background:#fff;font-size:17px;font-weight:800}.contact-social-link{width:155px;min-height:50px;padding:12px 16px!important;display:flex!important;align-items:center;justify-content:space-between;border:1px solid var(--line)!important;border-radius:12px!important;font-size:16px!important;line-height:1.25!important;transition:transform .2s ease,box-shadow .2s ease!important}.contact-social-link:hover,.contact-social-link:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(25,30,50,.12);outline:2px solid var(--coral);outline-offset:2px}
@media(max-width:1024px){.content-grid-four{grid-template-columns:repeat(2,1fr)}.academy-hero{min-height:0}.academy-hero-visual{min-height:460px}}
@media(max-width:768px){.content-grid-six,.content-grid-three{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}.audience-tag-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.content-grid-four,.content-grid-six,.content-grid-three,.audience-tag-grid{grid-template-columns:1fr}.content-value-card{min-height:0}.academy-hero-visual{min-height:410px}.contact-social-link{width:100%}}

/* Focused public UI refinements */
.content-value-card.visual-card{overflow:hidden;padding-top:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.content-value-card.visual-card:hover{transform:translateY(-4px);border-color:rgba(255,105,73,.28);box-shadow:0 22px 48px rgba(24,29,51,.1)}
.content-card-visual{height:76px;margin-bottom:18px;padding:13px;position:relative;display:flex;align-items:flex-end;gap:7px;overflow:hidden;border:1px solid rgba(31,39,72,.08);border-radius:14px;background:linear-gradient(145deg,#fff4ef,#f1efff)}
.content-card-visual:before{content:"";width:84px;height:84px;position:absolute;right:-24px;top:-38px;border-radius:50%;background:rgba(255,105,73,.15)}
.content-card-visual i{width:9px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ff8269,#ff6547)}
.content-card-visual i:nth-child(1){height:24px}.content-card-visual i:nth-child(2){height:39px}.content-card-visual i:nth-child(3){height:31px}
.content-card-visual b{width:44px;height:28px;margin-left:auto;position:relative;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(29,35,65,.12)}
.content-card-visual b:after{content:"";width:24px;height:5px;position:absolute;left:10px;top:11px;border-radius:9px;background:#6d62d7}
.visual-card-2 .content-card-visual{background:linear-gradient(145deg,#eef9f6,#eff4ff)}.visual-card-2 .content-card-visual i{background:linear-gradient(180deg,#39c99a,#168f78)}
.visual-card-3 .content-card-visual{align-items:center;background:linear-gradient(145deg,#f4f1ff,#fff3f6)}.visual-card-3 .content-card-visual i{width:25px;height:25px!important;border:6px solid rgba(113,91,210,.2);border-top-color:#715bd2;border-radius:50%;background:transparent}.visual-card-3 .content-card-visual i:nth-child(2){transform:scale(.76)}.visual-card-3 .content-card-visual i:nth-child(3){display:none}
.visual-card-4 .content-card-visual{background:linear-gradient(145deg,#fff7e8,#fff0ec)}.visual-card-4 .content-card-visual i{width:38px;height:7px!important;border-radius:10px;background:#ff8a56}.visual-card-4 .content-card-visual i:nth-child(2){width:55px}.visual-card-4 .content-card-visual i:nth-child(3){width:28px}
.visual-card-5 .content-card-visual{align-items:flex-end;background:linear-gradient(145deg,var(--yellow-soft),#fff4ef)}.visual-card-5 .content-card-visual:before{background:rgba(255,191,60,.2)}.visual-card-5 .content-card-visual i{width:12px;height:12px!important;margin-bottom:0;border-radius:50%;background:linear-gradient(180deg,#ffd479,var(--yellow))}.visual-card-5 .content-card-visual i:nth-child(2){margin-bottom:14px}.visual-card-5 .content-card-visual i:nth-child(3){margin-bottom:28px}.visual-card-5 .content-card-visual b{width:30px;height:30px;border-radius:50%}.visual-card-5 .content-card-visual b:after{width:10px;height:10px;left:10px;top:10px;border-radius:50%;background:var(--yellow)}
.visual-card-6 .content-card-visual{align-items:center;background:var(--surface)}.visual-card-6 .content-card-visual:before{display:none}.visual-card-6 .content-card-visual i:nth-child(1){width:46px;height:14px!important;border-radius:7px;background:var(--navy)}.visual-card-6 .content-card-visual i:nth-child(2),.visual-card-6 .content-card-visual i:nth-child(3){display:none}.visual-card-6 .content-card-visual b{width:28px;height:28px;margin-left:12px;box-shadow:none;border:1px solid var(--line)}.visual-card-6 .content-card-visual b:after{width:12px;height:2px;background:var(--muted)}
.visual-card-7 .content-card-visual{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(145deg,var(--purple-soft),#fbfaff)}.visual-card-7 .content-card-visual:before{display:none}.visual-card-7 .content-card-visual i{height:8px!important;border-radius:6px;background:var(--purple-soft)}.visual-card-7 .content-card-visual i:nth-child(1){width:100%!important;background:var(--purple)}.visual-card-7 .content-card-visual i:nth-child(2){width:74%!important}.visual-card-7 .content-card-visual i:nth-child(3){width:50%!important}.visual-card-7 .content-card-visual b{display:none}
.visual-card-8 .content-card-visual{align-items:center;justify-content:flex-start;background:linear-gradient(145deg,var(--coral-soft),#fff7f5)}.visual-card-8 .content-card-visual:before{width:60px;height:60px;right:-18px;top:-24px;background:rgba(237,84,55,.14)}.visual-card-8 .content-card-visual i:nth-child(1){position:relative;width:44px;height:44px!important;border-radius:50%;background:conic-gradient(var(--coral-dark) 0deg 252deg,var(--line) 252deg 360deg)}.visual-card-8 .content-card-visual i:nth-child(1):after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.visual-card-8 .content-card-visual i:nth-child(2),.visual-card-8 .content-card-visual i:nth-child(3){display:none}.visual-card-8 .content-card-visual b{margin-left:14px;box-shadow:none;background:transparent}.visual-card-8 .content-card-visual b:after{background:var(--coral-dark)}
.platform-feature-section .content-card-visual{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(108,89,211,.18))}.platform-feature-section .content-card-visual b{background:rgba(255,255,255,.9)}
.academy-models .content-card-visual{height:88px}.trust-strip .content-card-visual{height:60px;margin-bottom:12px}.trust-strip .content-card-visual b{height:23px}
.comparison-preview{height:82px;margin:0 0 24px;padding:14px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;overflow:hidden;border-radius:15px;background:#f5f4f8}
.comparison-preview span{height:32px;border-radius:7px;background:#d9d7e2}.comparison-preview span:nth-child(2){height:50px}.comparison-preview span:nth-child(3){height:41px}.comparison-preview i{height:2px;position:absolute;left:15px;right:15px;bottom:12px;background:#aaa5ba}
.comparison-card.featured .comparison-preview{background:linear-gradient(145deg,#fff0ea,#fff8f3)}.comparison-card.featured .comparison-preview span{background:linear-gradient(180deg,#ff9a7e,#ff6547)}.comparison-card.featured .comparison-preview i{background:#ff6547}
.contact-social-link{justify-content:flex-start!important;gap:10px!important}.contact-social-link .arrow{margin-left:auto}.contact-social-icon{width:22px;height:22px;flex:0 0 22px}.contact-social-link.linkedin .contact-social-icon{fill:currentColor}.contact-social-link.instagram .contact-social-icon{fill:none;stroke:currentColor;stroke-width:1.8}
.remember-field{flex-direction:row!important;align-items:center!important;gap:10px!important}.remember-field input[type="checkbox"]{width:20px!important;height:20px!important;margin:0!important;padding:0!important;flex:0 0 20px}.remember-field label{width:auto;margin:0!important;line-height:20px}
.label-with-help{position:relative}.tooltip-anchor{position:relative;display:inline-flex;flex:0 0 auto}.help-tooltip-content{left:50%;top:calc(100% + 9px);width:min(300px,calc(100vw - 40px));transform:translate(-50%,-4px)}
.tooltip-anchor:hover:not(.suppress-hover) .help-tooltip-content,.tooltip-anchor:focus-within .help-tooltip-content,.help-tooltip.open+.help-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tooltip-anchor.suppress-hover .help-tooltip-content{opacity:0!important;visibility:hidden!important;transform:translate(-50%,-4px)!important}
@media(max-width:520px){.content-card-visual{height:68px}.comparison-preview{height:70px}.help-tooltip-content{left:auto;right:-12px;transform:translateY(-4px)}.tooltip-anchor:hover:not(.suppress-hover) .help-tooltip-content,.tooltip-anchor:focus-within .help-tooltip-content,.help-tooltip.open+.help-tooltip-content{transform:none}}

.platform-comparison-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;align-items:stretch}.platform-compact-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-compact-card{min-width:0;padding:22px;display:grid;grid-template-columns:48px 1fr;gap:15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(24,29,51,.055)}.platform-category-icon{width:48px;height:48px;position:relative;border-radius:13px;background:linear-gradient(145deg,#f1efff,#fff0eb)}.platform-category-icon span{width:19px;height:13px;position:absolute;left:9px;bottom:10px;border-radius:4px;background:#ff6b4a}.platform-category-icon i{width:13px;height:25px;position:absolute;right:8px;bottom:10px;border-radius:4px;background:#7561d8}.platform-category{display:block;color:var(--coral);font-size:15px;font-weight:800;line-height:1.45}.platform-compact-card h3{margin:5px 0 9px;font-size:24px}.platform-compact-card p{margin:0;color:var(--text);font-size:15px;line-height:1.65}.platform-compact-card small,.platform-compact-card strong{display:block;margin-top:10px;color:var(--muted);font-size:15px;line-height:1.55}.platform-compact-card strong{padding-top:10px;border-top:1px solid var(--line);color:var(--navy)}.akilhanem-comparison-card{padding:30px;display:flex;flex-direction:column;border:1px solid rgba(255,105,73,.45);border-radius:24px;background:linear-gradient(155deg,#171d38,#22294d);color:#fff;box-shadow:0 28px 65px rgba(26,31,61,.2)}.akilhanem-comparison-card .comparison-preview{background:rgba(255,255,255,.08)}.akilhanem-comparison-card h3{margin:7px 0 20px;color:#fff;font-size:34px}.akilhanem-comparison-card ul{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;list-style:none}.akilhanem-comparison-card li{display:grid;grid-template-columns:20px 1fr;gap:7px;color:#dce1ef;font-size:15px;line-height:1.5}.akilhanem-comparison-card li span{color:#ff8165;font-weight:900}.comparison-final{margin-top:auto;padding:22px 0 0;color:#fff;font-size:18px;line-height:1.5}.comparison-disclaimer{max-width:1050px;margin:25px auto 0;color:var(--muted);font-size:15px;line-height:1.65;text-align:center}.language-switcher{position:relative}.language-switcher summary{min-height:42px;padding:8px 11px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer;list-style:none}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher-menu{width:205px;padding:8px;position:absolute;z-index:80;right:0;top:calc(100% + 8px);display:grid;gap:3px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(20,26,51,.16)}.language-switcher-menu form{margin:0}.language-switcher-menu button{width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--navy);font:700 15px/1.3 Manrope,sans-serif;text-align:left;cursor:pointer}.language-switcher-menu button:hover,.language-switcher-menu button:focus-visible,.language-switcher-menu button.active{background:#fff2ed;color:var(--coral)}
@media(max-width:1100px){.platform-comparison-layout{grid-template-columns:1fr}.akilhanem-comparison-card ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.platform-compact-list{grid-template-columns:1fr}.akilhanem-comparison-card{padding:23px}.akilhanem-comparison-card ul{grid-template-columns:1fr}.language-switcher-menu{right:auto;left:0}}

/* Kurumsal paketler: mevcut görsel dil içinde satış odaklı son düzen */
.pricing-page-section { padding:30px 0 105px; background:linear-gradient(180deg,#fff 0%,#fffaf6 100%); }
.pricing-page-grid { align-items:stretch; gap:22px; }
.pricing-page-grid .price-card,
.pricing-page-grid .price-card.featured { min-height:100%; padding:32px; display:flex; flex-direction:column; border-radius:24px; box-shadow:0 18px 50px rgba(23,32,51,.07); }
.pricing-page-grid .price-card { border-color:#e8e6ec; }
.pricing-page-grid .price-card.featured { padding-top:42px; border-color:var(--coral); box-shadow:0 24px 58px rgba(255,105,73,.14); }
.pricing-page-grid .price-card:hover { transform:translateY(-5px); box-shadow:0 26px 60px rgba(23,32,51,.12); }
.pricing-page-grid .price-card:focus-within { outline:3px solid rgba(255,105,73,.2); outline-offset:4px; }
.package-card-head { display:flex; align-items:center; gap:14px; }
.package-card-head .plan-icon { flex:0 0 auto; margin:0; }
.package-card-head h3 { margin:3px 0 0; font-size:23px; letter-spacing:-.5px; }
.package-eyebrow { color:var(--muted); font-size:15px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.package-description { min-height:68px!important; margin:20px 0 18px!important; color:var(--muted)!important; font-size:17px!important; line-height:1.75!important; }
.package-capacity { padding:15px 17px; display:flex; align-items:flex-start; flex-direction:column; gap:4px; border:1px solid #ece9f0; border-radius:14px; background:#faf9fc; }
.package-capacity small { color:var(--muted); font-size:15px; font-weight:800; letter-spacing:.1em; }
.package-capacity strong { color:var(--navy); font-size:17px; }
.contact-price { margin:14px 0 0; padding:0; background:transparent; }
.contact-price strong { color:var(--navy); font-size:19px; }
.contact-price span { max-width:265px; margin-top:5px; color:var(--muted); font-size:15px; line-height:1.6; }
.price-card .package-feature-list { margin:24px 0 28px; display:grid; gap:12px; }
.price-card .package-feature-list li { display:grid; grid-template-columns:21px minmax(0,1fr); gap:9px; align-items:start; color:var(--text); font-size:16px; line-height:1.55; }
.package-feature-list li > span:first-child { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:var(--green-soft); color:var(--green); font-size:15px; font-weight:900; }
.popular-label { max-width:calc(100% - 42px); padding:7px 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.whatsapp-package-button { width:100%; min-height:62px; margin-top:auto!important; padding:10px 14px!important; justify-content:flex-start; gap:10px; border-radius:14px!important; }
.cta-brand-logo { width:min(92px,26%); height:30px; flex:0 1 92px; display:flex; align-items:center; color:inherit; font-size:15px; font-weight:800; }
.cta-brand-logo img { width:auto; max-width:100%; height:27px; display:block; object-fit:contain; }
.cta-whatsapp-logo { width:29px; height:29px; flex:0 0 29px; display:grid; place-items:center; color:inherit; font-size:0; font-weight:800; }
.cta-whatsapp-logo img { width:29px; height:29px; display:block; object-fit:contain; }
.cta-divider { width:1px; height:30px; flex:0 0 1px; background:rgba(255,255,255,.28); }
.price-button:not(.primary) .cta-divider { background:rgba(23,32,51,.14); }
.cta-copy { min-width:0; display:flex; align-items:flex-start; flex-direction:column; gap:2px; text-align:left; }
.cta-copy strong { font-size:15px; line-height:1.25; }
.cta-copy small { opacity:.75; font-size:15px; font-weight:600; }

/* Footer iletişim hiyerarşisi */
.footer-grid { grid-template-columns:1.45fr .72fr 1.15fr 1.25fr; gap:clamp(30px,4vw,58px); }
.footer-grid h3 { margin-bottom:20px; color:#fff; font-size:17px; letter-spacing:.04em; }
.footer-contact-person { margin-bottom:17px; display:flex; align-items:flex-start; flex-direction:column; gap:5px; }
.footer-contact-person strong { color:#fff; font-size:16px; line-height:1.5; }
.footer-contact-person a,.footer-email,.footer-address a { color:#aab1c2!important; font-size:16px!important; line-height:1.55; overflow-wrap:anywhere; text-decoration:none; }
.footer-contact-person a:hover,.footer-contact-person a:focus-visible,.footer-email:hover,.footer-email:focus-visible,.footer-address a:hover,.footer-address a:focus-visible { color:#fff!important; transform:translateX(3px); }
.footer-email { margin-top:5px!important; display:inline-block!important; }
.footer-address address { margin:0 0 17px; display:flex; flex-direction:column; gap:6px; color:#aab1c2; font-size:16px; font-style:normal; line-height:1.65; overflow-wrap:anywhere; }
.footer-address a { display:inline-flex!important; align-items:center; gap:7px; }

@media (max-width:1050px) {
    .pricing-page-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pricing-page-grid .price-card:last-child { grid-column:1/-1; width:min(100%,520px); max-width:none; margin-inline:auto; }
    .footer-grid { grid-template-columns:1.35fr 1fr 1fr; }
    .footer-address { grid-column:2/-1; }
}
@media (max-width:700px) {
    .pricing-page-grid { grid-template-columns:1fr; }
    .pricing-page-grid .price-card:last-child { grid-column:auto; width:100%; }
    .pricing-page-grid .price-card,.pricing-page-grid .price-card.featured { padding:27px 23px; }
    .pricing-page-grid .price-card.featured { padding-top:40px; }
    .package-description { min-height:0!important; }
    .footer-grid { grid-template-columns:1fr 1fr; }
    .footer-about,.footer-address { grid-column:1/-1; }
}
@media (max-width:480px) {
    .footer-grid { grid-template-columns:1fr; }
    .footer-about,.footer-address { grid-column:auto; }
    .footer-contact-person strong,.footer-contact-person a,.footer-address address { font-size:17px!important; }
    .whatsapp-package-button { gap:8px; padding-inline:11px!important; }
    .cta-brand-logo { width:76px; flex-basis:76px; }
    .cta-brand-logo img { height:24px; }
    .cta-copy strong { font-size:15px; }
}

/* Son mobil/logo düzenlemeleri */
.about-product-photo > img.about-product-logo { width:auto; max-width:112px; height:70px; position:relative; inset:auto; z-index:2; padding:7px 9px; border-radius:11px; background:rgba(255,255,255,.9); object-fit:contain; object-position:center; transform:none; }
.about-visual-premium:hover .about-product-photo > img.about-product-logo { transform:none; }
.about-visual-premium .about-signature { min-width:122px; min-height:62px; padding:9px 12px; display:grid; place-items:center; border-left:0; border-radius:12px; background:rgba(255,255,255,.94); }
.about-visual-premium .about-signature > img { width:auto; max-width:105px; height:42px; display:block; object-fit:contain; }
.footer-developed { display:flex; align-items:center; gap:12px; }
.footer-developed img { width:auto; max-width:112px; height:34px; padding:5px 8px; display:block; border-radius:8px; background:#fff; object-fit:contain; }
.footer-developed small { color:#777f94; font-size:15px; }
.compact-dash-nav > strong.compact-panel-brand { width:62px; height:45px; margin-left:0; padding:5px; border-radius:10px; background:#fff; }
.compact-panel-brand img { width:100%; height:100%; display:block; object-fit:contain; }
.lms-brand .lms-brand-logo { width:48px; height:42px; padding:4px; border-radius:9px; background:#fff; }
.lms-brand .lms-brand-logo img { width:100%; height:100%; display:block; object-fit:contain; }
.package-tier-icon { border:1px solid transparent; }
.package-tier-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.package-tier-icon.tier-start { border-color:#ddd5ff; background:#f3f0ff; color:#7356df; }
.package-tier-icon.tier-growth { border-color:#ffd8cf; background:#fff0ec; color:#e85b3c; }
.package-tier-icon.tier-enterprise { border-color:#d7dce8; background:#eef1f7; color:#273451; }

@media (max-width:760px) {
    .compact-dash-nav > strong.compact-panel-brand { width:52px; height:42px; margin-inline:auto; }
    .footer-developed { align-items:flex-start; flex-direction:column; gap:7px; }
}
@media (max-width:480px) {
    .ecosystem-stage { width:100%; min-height:0; left:auto; margin:34px 0 0; display:grid; grid-template-columns:1fr; gap:12px; transform:none; perspective:none; }
    .ecosystem-glow { width:100%; height:260px; inset:20px 0 auto; }
    .ecosystem-main-card { width:100%; min-height:0; margin-bottom:4px; transform:none; }
    .ecosystem-stage:hover .ecosystem-main-card { transform:none; }
    .ecosystem-node { width:100%; min-width:0; position:static; animation:none; }
    .ecosystem-stat { width:100%; min-width:0; position:static; animation:none; }
    .about-product-photo > img.about-product-logo { max-width:96px; height:60px; }
    .about-visual-premium .about-signature { min-width:108px; min-height:56px; }
    .about-visual-premium .about-signature > img { max-width:92px; height:36px; }
}

/* Public course catalog, detail and safe lesson preview */
.public-course-hero { padding:145px 0 72px; background:linear-gradient(135deg,#fff7f3 0%,#fff 55%,#f4f1ff 100%); }
.public-course-hero h1 { max-width:780px; margin:15px 0 18px; color:var(--navy); font-size:clamp(46px,6vw,76px); line-height:1.03; letter-spacing:-4px; }
.public-course-hero h1 em { color:var(--coral); font-style:normal; }
.public-course-hero p { max-width:680px; margin:0; color:var(--text); font-size:16px; line-height:1.8; }
.public-course-section { padding:58px 0 105px; background:#fff; }
.catalog-filters { padding:21px; display:grid; grid-template-columns:2fr 1fr 1fr auto; align-items:end; gap:13px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 18px 55px rgba(31,30,53,.07); }
.catalog-filters label { display:flex; flex-direction:column; gap:8px; color:var(--navy); font-size:16px; font-weight:800; }
.catalog-filters input,.catalog-filters select { width:100%; height:47px; padding:0 14px; border:1px solid #dfdee7; border-radius:11px; outline:0; background:#fff; color:var(--navy); font:inherit; font-size:18px; font-weight:600; }
.catalog-filters input:focus,.catalog-filters select:focus { border-color:var(--coral); box-shadow:0 0 0 3px var(--coral-soft); }
.catalog-summary { margin:35px 0 20px; display:flex; justify-content:space-between; color:var(--navy); }
.catalog-summary a { color:var(--coral); font-size:17px; font-weight:800; }
.public-course-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.public-course-card { overflow:hidden; border:1px solid var(--line); border-radius:21px; background:#fff; box-shadow:0 14px 40px rgba(34,32,50,.06); transition:.25s ease; }
.public-course-card:hover { transform:translateY(-6px); border-color:rgba(255,105,73,.28); box-shadow:0 22px 50px rgba(34,32,50,.11); }
.public-course-cover { min-height:165px; padding:20px; display:flex; align-items:flex-end; justify-content:space-between; background:linear-gradient(145deg,var(--navy),#343c6c); color:#fff; }
.public-course-cover > span { width:58px; height:58px; display:grid; place-items:center; border-radius:17px; background:linear-gradient(145deg,var(--coral),#ff9a70); font-size:16px; font-weight:900; }
.public-course-cover small { padding:7px 10px; border-radius:9px; background:rgba(255,255,255,.12); font-weight:800; }
.public-course-body { padding:23px; }
.public-course-body h2 { margin:9px 0 10px; font-size:20px; line-height:1.35; }
.public-course-body h2 a { color:var(--navy); }
.public-course-body > p { min-height:61px; margin:0; color:var(--muted); font-size:17px; line-height:1.7; }
.public-course-stats { margin:18px 0; display:flex; flex-wrap:wrap; gap:7px; }
.public-course-stats span,.detail-public-facts span { padding:7px 9px; border-radius:8px; background:#f5f4f8; color:var(--text); font-size:15px; font-weight:800; }
.public-course-body footer { padding-top:17px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); }
.public-course-body footer strong { overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.catalog-empty { padding:58px 25px; border:1px dashed #d9d7e2; border-radius:20px; background:#faf9fc; text-align:center; }
.catalog-empty > span { color:var(--coral); font-size:18px; font-weight:900; }
.catalog-empty h2 { margin:12px 0 8px; }.catalog-empty p { color:var(--muted); }
.catalog-pagination { margin-top:42px; display:flex; justify-content:center; align-items:center; gap:20px; }
.catalog-pagination a { padding:11px 15px; border:1px solid var(--line); border-radius:10px; color:var(--coral); font-size:16px; font-weight:800; }
.catalog-pagination span { font-size:16px; font-weight:800; }
.public-course-detail-hero,.lesson-preview-hero { padding:135px 0 75px; background:linear-gradient(135deg,#fff7f3,#fff 58%,#f3f0ff); }
.detail-hero-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr); align-items:center; gap:70px; }
.public-course-detail-hero .course-detail-category,.lesson-preview-hero .course-detail-category { margin:24px 0 11px; }
.public-course-detail-hero h1,.lesson-preview-hero h1 { max-width:800px; margin:0 0 18px; font-size:clamp(42px,5.5vw,70px); line-height:1.05; letter-spacing:-3.5px; }
.public-course-detail-hero h1 + p,.lesson-preview-hero h1 + p { max-width:720px; color:var(--text); font-size:16px; line-height:1.8; }
.detail-public-facts { margin-top:26px; display:flex; flex-wrap:wrap; gap:9px; }
.detail-instructor-card { padding:29px; border:1px solid rgba(255,105,73,.2); border-radius:22px; background:#fff; box-shadow:0 22px 60px rgba(38,34,55,.1); }
.detail-instructor-card > span,.course-public-cta > span { color:var(--coral); font-size:15px; font-weight:900; letter-spacing:1.2px; }
.detail-instructor-card h2 { margin:10px 0 5px; font-size:24px; }.detail-instructor-card strong { color:var(--purple); font-size:16px; }.detail-instructor-card p { margin:16px 0 0; color:var(--muted); font-size:17px; line-height:1.7; }
.public-course-detail-body { padding:75px 0; }.detail-content-grid { display:grid; grid-template-columns:1.5fr .75fr; gap:30px; align-items:start; }
.course-description-panel,.course-public-cta,.lesson-content-panel,.video-placeholder { padding:32px; border:1px solid var(--line); border-radius:21px; background:#fff; }
.course-description-panel h2 { margin:10px 0 17px; font-size:32px; }.preline-text { color:var(--text); font-size:19px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }
.course-public-cta { background:var(--navy); color:#fff; }.course-public-cta h3 { margin:11px 0 20px; font-size:21px; line-height:1.4; }.course-public-cta > div { display:flex; align-items:center; gap:18px; }.detail-login-link { color:#fff; font-size:16px; font-weight:800; }.course-public-cta button:disabled { opacity:.6; cursor:not-allowed; }
.course-curriculum-section { padding:85px 0 110px; background:#faf9fc; }
.curriculum-list { display:flex; flex-direction:column; gap:13px; }.curriculum-module { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
.curriculum-module summary { padding:20px 22px; display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:13px; cursor:pointer; list-style:none; }.curriculum-module summary::-webkit-details-marker { display:none; }.curriculum-module summary > span { color:var(--coral); font-size:15px; font-weight:900; letter-spacing:.8px; }.curriculum-module summary strong { font-size:15px; }.curriculum-module summary small { color:var(--muted); font-size:15px; }
.module-description { margin:0; padding:0 22px 16px 125px; color:var(--muted); font-size:17px; line-height:1.7; }
.curriculum-lessons { border-top:1px solid var(--line); }.curriculum-lessons article { padding:17px 22px 17px 125px; display:grid; grid-template-columns:1fr auto; gap:18px; border-bottom:1px solid #efedf3; }.curriculum-lessons article:last-child { border-bottom:0; }.curriculum-lessons strong { font-size:17px; }.curriculum-lessons p { margin:6px 0 0; color:var(--muted); font-size:16px; line-height:1.6; }
.lesson-public-meta { display:flex; align-items:center; gap:11px; }.lesson-public-meta > span { color:var(--muted); font-size:15px; }.lesson-public-meta a { padding:8px 11px; border-radius:8px; background:var(--coral-soft); color:var(--coral); font-size:15px; font-weight:900; }.lesson-locked { padding:7px 9px; border-radius:7px; background:#f4f3f7; }
.lesson-preview-hero small { display:block; margin-top:18px; color:var(--muted); font-weight:800; }.lesson-preview-section { padding:75px 0 110px; }.preview-content-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:25px; align-items:start; }.lesson-content-panel .section-kicker { display:block; margin-bottom:22px; }.video-placeholder { min-height:260px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:var(--navy); color:#fff; }.video-placeholder > span { width:55px; height:55px; display:grid; place-items:center; border-radius:50%; background:var(--coral); }.video-placeholder strong { margin:17px 0 7px; }.video-placeholder p { margin:0; color:#b9bfd0; font-size:16px; line-height:1.6; }
@media (max-width:900px) { .catalog-filters { grid-template-columns:1fr 1fr; }.public-course-grid { grid-template-columns:1fr 1fr; }.detail-hero-grid,.detail-content-grid,.preview-content-grid { grid-template-columns:1fr; }.detail-instructor-card { max-width:none; } }
@media (max-width:620px) { .public-course-hero { padding:120px 0 55px; }.public-course-hero h1 { font-size:47px; letter-spacing:-3px; }.catalog-filters,.public-course-grid { grid-template-columns:1fr; }.catalog-filters button { width:100%; }.public-course-card:last-child { max-width:none; grid-column:auto; }.public-course-detail-hero,.lesson-preview-hero { padding:112px 0 58px; }.public-course-detail-hero h1,.lesson-preview-hero h1 { font-size:43px; letter-spacing:-2.5px; }.curriculum-module summary { grid-template-columns:1fr auto; }.curriculum-module summary > span { grid-column:1/-1; }.module-description,.curriculum-lessons article { padding-left:20px; }.curriculum-lessons article { grid-template-columns:1fr; }.lesson-public-meta { justify-content:space-between; }.course-public-cta > div { flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) {
    .tiny-label i,.ai-live-dot,.ai-thinking i { animation:none; }.dash-bars i { opacity:1; transform:none; }.dash-metrics > div { opacity:1; transform:none; }.dashboard-running .dash-bars i,.dashboard-running .dash-metrics > div,.has-new-plan .ai-plan-output { animation:none; }
}

/* Hakkımızda hero — daha büyük, öğrenme odaklı kart */
@media (min-width:981px) {
    .about-hero { min-height:750px; }
    .about-hero-grid { grid-template-columns:.94fr 1.06fr; gap:55px; }
    .about-visual-premium { min-height:610px; }
    .about-product-card { width:430px; min-height:500px; padding:27px; border-radius:31px; }
    .about-product-mark { min-height:285px; margin:24px 0 20px; border-radius:23px; }
    .about-orbit-lines { width:510px; height:510px; }
    .about-orbit-lines i:nth-child(1) { left:245px; }
    .note-impact { left:-5px; top:88px; }
    .note-global { right:-10px; bottom:103px; }
    .about-signature { left:4px; bottom:24px; }
}
.about-product-photo > img { object-position:center 48%; }
.about-product-photo span { max-width:180px; font-size:17px; }
.about-product-foot small { font-size:15px; }
.about-product-foot strong { max-width:330px; font-size:18px; }

/* Nasıl Çalışır — dashboard ile hizalı adım paneli */
.compact-platform-preview { gap:24px; }
.compact-preview-steps {
    height:100%;
    min-height:530px;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:30px;
    overflow:hidden;
    border:1px solid rgba(29,34,65,.09);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,247,242,.9));
    box-shadow:0 28px 70px rgba(26,29,53,.1);
}
.compact-steps-intro { padding:3px 4px 7px; }
.compact-steps-intro .section-kicker { font-size:15px; }
.compact-steps-intro h3 { margin:10px 0 8px; color:var(--navy); font-size:clamp(25px,2vw,33px); line-height:1.12; letter-spacing:-1.2px; }
.compact-steps-intro > p { max-width:440px; margin:0; color:var(--muted); font-size:18px; line-height:1.6; }
.compact-steps-list { min-height:0; flex:1; display:grid; grid-template-rows:repeat(3,1fr); gap:11px; }
.compact-steps-list article {
    min-height:0;
    padding:17px 19px;
    position:relative;
    grid-template-columns:52px 1fr;
    gap:17px;
    border-color:rgba(29,34,65,.09);
    border-radius:17px;
    box-shadow:none;
}
.compact-steps-list article::after { content:'→'; position:absolute; right:18px; top:18px; color:#c9cbd4; font-size:19px; transition:.25s ease; }
.compact-steps-list article:hover { transform:translateX(4px); background:#fff; }
.compact-steps-list article:hover::after { color:var(--coral); transform:translateX(3px); }
.compact-steps-list article > span { width:52px; height:52px; }
.compact-steps-list strong { padding-right:28px; display:block; font-size:17px; }
.compact-steps-list p { margin-top:6px; font-size:17px; line-height:1.5; }
@media (max-width:1050px) {
    .compact-preview-steps { min-height:0; padding:25px; }
    .compact-steps-intro { text-align:center; }
    .compact-steps-intro > p { margin-inline:auto; }
    .compact-steps-list { grid-template-columns:repeat(3,1fr); grid-template-rows:none; }
    .compact-steps-list article { min-height:165px; align-content:center; }
}
@media (max-width:760px) {
    .compact-preview-steps { padding:20px; }
    .compact-steps-list { grid-template-columns:1fr; }
    .compact-steps-list article { min-height:125px; }
}

/* Footer — resmi Akıl Yazılım logosu */
.developer-credit { max-width:335px; gap:14px; padding:13px 15px 13px 12px; }
.developer-credit > span:first-child.developer-credit-logo {
    width:86px;
    height:52px;
    padding:7px 8px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.developer-credit-logo img { width:100%; height:100%; display:block; object-fit:contain; }
.developer-credit small { font-size:15px; }
.developer-credit strong { font-size:16px; }
.developer-credit em { font-size:15px; }

/* ==========================================================================
   ADVANCED EDUCATION PLATFORM / LMS DASHBOARD MOCKUP
   ========================================================================== */

.lms-preview {
    max-width: 1180px;
    margin: 50px auto 0;
    position: relative;
    z-index: 5;
}

.lms-app-window {
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(22, 28, 55, 0.1);
    box-shadow: 0 40px 100px rgba(18, 23, 45, 0.15), 0 10px 30px rgba(18, 23, 45, 0.08);
    overflow: hidden;
}

/* Top App Window Bar */
.lms-window-topbar {
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: #fdfcfe;
    border-bottom: 1px solid #eeecf4;
}

.lms-window-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}
.lms-window-dots .dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.lms-window-dots .dot.red { background: #ff5f56; }
.lms-window-dots .dot.yellow { background: #ffbd2e; }
.lms-window-dots .dot.green { background: #27c93f; }

.lms-topbar-search {
    flex: 1;
    max-width: 440px;
    height: 38px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f1eff6;
    border-radius: 10px;
    color: #8c93a8;
    font-size: 18px;
    border: 1px solid transparent;
    transition: all .2s ease;
}
.lms-topbar-search .search-icon {
    font-size: 19px;
    color: #7b829c;
}
.lms-topbar-search .search-placeholder {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lms-topbar-search kbd {
    padding: 2px 7px;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #dcd9e4;
    font-size: 16px;
    font-weight: 700;
    color: #636b85;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.lms-topbar-user {
    display: flex;
    align-items: center;
    gap: 12px;
}
.lms-streak-pill, .lms-xp-pill {
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e7e5ef;
    font-size: 17px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.lms-streak-pill strong { color: #ff6b4a; }
.lms-streak-pill .meta-label { color: #8d94ab; font-size: 16px; }
.lms-xp-pill strong { color: #7455ef; }
.lms-avatar-pill {
    position: relative;
    cursor: pointer;
}
.avatar-circle {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b4a, #ff937d);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
}
.online-indicator {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #10b981;
    border: 2px solid #ffffff;
}

/* App Body Layout */
.lms-app-body {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) 280px;
    min-height: 560px;
    background: #fbfafd;
}

/* Left Sidebar */
.lms-sidebar {
    padding: 24px 14px;
    background: #12172b;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lms-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 6px;
    margin-bottom: 24px;
}
.brand-logo {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff6b4a, #ff5232);
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}
.brand-text strong {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
}
.brand-text small {
    display: block;
    font-size: 16px;
    color: #8c95b2;
}

.lms-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.lms-nav-item {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    color: #a3abc3;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}
.lms-nav-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}
.lms-nav-item.active {
    background: linear-gradient(90deg, rgba(255, 107, 74, 0.22), rgba(255, 107, 74, 0.08));
    color: #ff9179;
    border-left: 3px solid #ff6b4a;
}
.lms-nav-item .nav-icon {
    font-size: 15px;
    line-height: 1;
}
.lms-nav-item .nav-label {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lms-nav-item .nav-badge {
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}
.lms-nav-item .nav-badge.highlight {
    background: #ff6b4a;
    color: #ffffff;
}

.lms-sidebar-footer {
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.lms-user-mini {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 4px;
}
.lms-user-mini .user-avatar {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #7455ef;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}
.lms-user-mini .user-info strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
.lms-user-mini .user-info small {
    display: block;
    color: #ff937d;
    font-size: 16px;
    font-weight: 600;
}

/* Center Main Content */
.lms-main-content {
    padding: 26px 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #fbfafd;
    overflow: hidden;
}

.lms-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header-greet h3 {
    margin: 0 0 4px;
    font-size: 19px;
    font-weight: 800;
    color: var(--navy);
    letter-spacing: -0.4px;
}
.header-greet p {
    margin: 0;
    color: #717892;
    font-size: 18px;
}

.lms-kpi-group {
    display: flex;
    align-items: center;
    gap: 12px;
}
.kpi-card {
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #eeecf4;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.kpi-icon {
    font-size: 18px;
}
.kpi-card strong {
    display: block;
    font-size: 19px;
    font-weight: 800;
    color: var(--navy);
    line-height: 1.15;
}
.kpi-card small {
    display: block;
    color: #8c93a8;
    font-size: 15px;
    font-weight: 600;
}

/* In-Progress Hero Card */
.lms-continue-card {
    display: grid;
    grid-template-columns: 190px 1fr;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #eeecf4;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(18, 23, 45, 0.05);
}
.continue-cover-photo {
    position: relative;
    background-size: cover;
    background-position: center;
    display: grid;
    place-items: center;
    min-height: 135px;
}
.continue-cover-photo::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(18, 23, 45, 0.35);
}
.play-btn-circle {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: var(--coral);
    font-size: 15px;
    padding-left: 2px;
    position: relative;
    z-index: 2;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    transition: transform .2s ease;
}
.lms-continue-card:hover .play-btn-circle {
    transform: scale(1.1);
}
.live-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 3px 8px;
    border-radius: 6px;
    background: #ff502d;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.continue-content {
    padding: 18px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.continue-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}
.badge-tag {
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.badge-tag.ai {
    background: var(--coral-soft);
    color: var(--coral);
}
.continue-meta .dot { color: #d0cdd8; }
.continue-meta .lesson-count { color: #7f869e; font-weight: 600; }

.continue-content h4 {
    margin: 6px 0 3px;
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
    letter-spacing: -0.3px;
}
.continue-content p {
    margin: 0;
    color: #697089;
    font-size: 17px;
}

.continue-progress-row {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.progress-bar-wrap {
    flex: 1;
    height: 7px;
    border-radius: 999px;
    background: #eeecf4;
    overflow: hidden;
}
.progress-bar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--coral), #ff8f75);
}
.progress-percent {
    font-size: 17px;
    font-weight: 800;
    color: var(--navy);
}
.lms-resume-btn {
    padding: 7px 16px;
    border: 0;
    border-radius: 10px;
    background: var(--navy);
    color: #ffffff;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .2s ease;
}
.lms-resume-btn:hover {
    background: var(--coral);
    transform: translateY(-1px);
}
.lms-resume-btn .arrow { font-size: 15px; }

/* Course Grid Section */
.lms-grid-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.lms-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lms-section-title h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--navy);
}
.lms-section-title a {
    color: var(--coral);
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

.lms-course-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.lms-course-item {
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #eeecf4;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(18, 23, 45, 0.03);
    transition: transform .25s ease, box-shadow .25s ease;
}
.lms-course-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(18, 23, 45, 0.08);
}
.course-thumb {
    height: 95px;
    position: relative;
    background-size: cover;
    background-position: center;
}
.course-cat-pill {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 3px 8px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--navy);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.4px;
}
.course-cat-pill.tech { color: #2563eb; }
.course-cat-pill.career { color: #d97706; }
.course-rating {
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(18, 23, 45, 0.85);
    color: #fbbf24;
    font-size: 15px;
    font-weight: 800;
}

.course-item-body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}
.course-item-body h5 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--navy);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.course-instructor {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #788099;
    margin-bottom: 8px;
}
.course-instructor strong { color: #3d4358; }
.course-instructor small { color: #949cb3; font-size: 15px; }

.course-mini-progress {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mini-bar {
    flex: 1;
    height: 5px;
    border-radius: 999px;
    background: #eceaf2;
    overflow: hidden;
}
.mini-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--coral);
}
.course-mini-progress span {
    font-size: 15px;
    font-weight: 800;
    color: #717892;
}

/* Right Panel */
.lms-right-panel {
    padding: 24px 18px;
    background: #ffffff;
    border-left: 1px solid #eeecf4;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lms-panel-box {
    padding: 16px;
    border-radius: 14px;
    background: #fbfafd;
    border: 1px solid #eeecf4;
}
.box-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.box-head strong {
    font-size: 17px;
    font-weight: 800;
    color: var(--navy);
}
.box-head span {
    font-size: 16px;
    color: var(--coral);
    font-weight: 700;
}
.box-head .live-dot {
    color: #ef4444;
    font-size: 15px;
    font-weight: 800;
}

/* Streak Tracker Days */
.streak-days-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}
.day-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.day-col span {
    font-size: 15px;
    color: #8c93a8;
    font-weight: 600;
}
.day-col i {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #eeecf4;
    color: #a0a6ba;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
}
.day-col.active i {
    background: #dcfce7;
    color: #16a34a;
}
.day-col.current i {
    background: var(--coral);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(255, 107, 74, 0.4);
}

/* Schedule & Tasks */
.lms-task-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.task-row {
    padding: 8px 10px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #eeecf4;
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 8px;
}
.task-time {
    font-size: 15px;
    font-weight: 800;
    color: #7b839c;
    background: #f1eff8;
    padding: 3px 5px;
    border-radius: 5px;
    text-align: center;
}
.task-info strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--navy);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task-info small {
    display: block;
    font-size: 15px;
    color: #8c93a8;
}
.task-status {
    padding: 3px 7px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 800;
}
.task-status.live {
    background: #fee2e2;
    color: #dc2626;
}
.task-status.pending {
    background: #f3f0ff;
    color: #7c3aed;
}

/* AI Mentor Box */
.mentor-box {
    background: linear-gradient(145deg, #161c36, #232c52);
    color: #ffffff;
    border: 0;
    box-shadow: 0 10px 24px rgba(18, 23, 45, 0.15);
}
.mentor-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.mentor-badge {
    color: #ff9179;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.mentor-head small {
    color: #a2aacc;
    font-size: 15px;
}
.mentor-box p {
    margin: 0 0 10px;
    color: #d1d7eb;
    font-size: 16px;
    line-height: 1.55;
}
.mentor-box p strong {
    color: #ffffff;
}
.mentor-box p em {
    font-style: normal;
    color: #ff9c86;
    font-weight: 700;
}
.mentor-cta {
    display: inline-flex;
    color: #ff9179;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease;
}
.mentor-cta:hover {
    transform: translateX(3px);
}

/* Ambient Floating Highlight Badges */
.lms-float-badge {
    position: absolute;
    z-index: 6;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 20px 45px rgba(18, 23, 45, 0.16);
    backdrop-filter: blur(12px);
    animation: float 5s ease-in-out infinite;
}
.lms-float-badge .badge-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: var(--coral-soft);
    font-size: 18px;
}
.lms-float-badge strong {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--navy);
}
.lms-float-badge small {
    display: block;
    font-size: 16px;
    color: #798099;
}
.float-top-left {
    left: -25px;
    top: 60px;
}
.float-bottom-right {
    right: -25px;
    bottom: 40px;
    animation-delay: 1s;
}
.float-bottom-right .badge-icon {
    background: var(--purple-soft);
    color: var(--purple);
}

/* Responsive adjustments for LMS Dashboard */
@media (max-width: 1120px) {
    .lms-app-body {
        grid-template-columns: 70px 1fr 240px;
    }
    .brand-text, .lms-nav-item .nav-label, .lms-nav-item .nav-badge, .lms-user-mini .user-info {
        display: none;
    }
    .lms-brand {
        padding-left: 0;
        justify-content: center;
    }
    .lms-nav-item {
        justify-content: center;
        padding: 12px 0;
    }
}
@media (max-width: 900px) {
    .lms-app-body {
        grid-template-columns: 1fr;
    }
    .lms-sidebar, .lms-right-panel {
        display: none;
    }
    .lms-float-badge {
        display: none;
    }
    .lms-course-cards {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 600px) {
    .lms-topbar-search, .lms-topbar-user .lms-xp-pill {
        display: none;
    }
    .lms-content-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .lms-kpi-group {
        width: 100%;
        justify-content: space-between;
    }
    .lms-continue-card {
        grid-template-columns: 1fr;
    }
    .continue-cover-photo {
        height: 120px;
    }
    .lms-course-cards {
        grid-template-columns: 1fr;
    }
}

/* Hakkımızda ekip bölümü — son okunabilirlik dengesi */
.team-showcase {
    grid-template-columns: .96fr 1.04fr;
    align-items: stretch;
    gap: 24px;
}
.team-photo-card {
    min-height: 520px;
    height: 100%;
}
.team-photo {
    background-position: center 42%;
}
.team-role-grid {
    grid-template-rows: repeat(4, 1fr);
    gap: 12px;
}
.team-role-grid article {
    min-height: 0;
    padding: 24px 25px;
    grid-template-columns: 46px 1fr 22px;
    gap: 18px;
}
.team-role-grid article > span {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    font-size: 16px;
}
.team-role-grid strong {
    font-size: 16px;
    line-height: 1.3;
}
.team-role-grid small {
    max-width: 470px;
    margin-top: 7px;
    color: #74798a;
    font-size: 17.5px;
    line-height: 1.6;
}
.team-role-grid article > b {
    font-size: 17px;
}
.team-photo-caption span { font-size: 15px; }
.team-photo-caption strong { font-size: 26px; }
.team-photo-caption small { font-size: 15px; }

@media (max-width: 1050px) {
    .team-showcase { grid-template-columns: 1fr; }
    .team-photo-card { min-height: 460px; }
    .team-role-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
    .team-role-grid article { min-height: 145px; }
}
@media (max-width: 650px) {
    .team-photo-card { min-height: 390px; }
    .team-role-grid { grid-template-columns: 1fr; }
    .team-role-grid article { min-height: 135px; padding: 20px; }
    .team-role-grid strong { font-size: 15px; }
    .team-role-grid small { font-size: 17px; }
}

/* Akıl Yazılım partner kartı — logo ve aksiyon hizası */
.developer-story {
    grid-template-columns: 185px minmax(0,1fr) auto;
    gap: 34px;
}
.developer-story > a.developer-logo {
    width: 185px;
    height: 112px;
    padding: 16px;
    grid-column: auto;
    justify-self: start;
    overflow: hidden;
    border: 0;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
    transform: none;
}
.developer-story > a.developer-logo:hover {
    border: 0;
    transform: translateY(-3px);
}
.developer-story > a.developer-logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.developer-story h2 { font-size: 30px; }
.developer-story p { font-size: 18px; line-height: 1.7; }
.developer-story > a:last-child {
    min-height: 52px;
    padding: 0 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-color: rgba(255,255,255,.24);
    border-radius: 13px;
    font-size: 18px;
    letter-spacing: 0;
}
.developer-story > a:last-child span { font-size: 17px; }
@media (max-width: 1100px) {
    .developer-story { grid-template-columns: 160px 1fr; }
    .developer-story > a.developer-logo { width: 160px; height: 100px; }
    .developer-story > a:last-child { grid-column: 2; justify-self: start; }
}
@media (max-width: 700px) {
    .developer-story { grid-template-columns: 1fr; gap: 20px; }
    .developer-story > a.developer-logo { width: 175px; height: 106px; }
    .developer-story > a:last-child { grid-column: 1; }
    .developer-story h2 { font-size: 25px; }
}

/* Nasıl Çalışır — yeniden oluşturulan okunaklı dashboard */
.compact-platform-preview {
    grid-template-columns: 1.12fr .88fr;
    align-items: stretch;
}
.compact-dashboard-ui {
    min-height: 530px;
    overflow: hidden;
    border: 1px solid rgba(29,34,65,.1);
    border-radius: 26px;
    background: #f8f8fc;
    box-shadow: 0 28px 70px rgba(26,29,53,.15);
}
.compact-dash-top {
    height: 58px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid #e8e7ee;
    background: #fff;
}
.compact-dash-top > i { width: 9px; height: 9px; border-radius: 50%; background: #ff6258; }
.compact-dash-top > i:nth-child(2) { background: #ffba32; }.compact-dash-top > i:nth-child(3) { background: #2bc853; }
.compact-dash-top > span { height: 35px; margin-left: 15px; padding: 0 14px; flex: 1; display: flex; align-items: center; border-radius: 10px; background: #f4f3f8; color: #777d91; font-size: 17px; }
.compact-dash-top > b { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; background: var(--coral); color: #fff; font-size: 16px; }
.compact-dash-body { min-height: 472px; display: grid; grid-template-columns: 145px 1fr; }
.compact-dash-nav { padding: 22px 14px; display: flex; flex-direction: column; gap: 9px; background: #151b35; color: #fff; }
.compact-dash-nav > strong { width: 42px; height: 42px; margin: 0 0 14px 8px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg,var(--coral),#ff9a70); font-size: 18px; }
.compact-dash-nav > a { min-height: 43px; padding: 0 12px; display: flex; align-items: center; gap: 10px; border-radius: 11px; color: #b2b8c9; font-size: 17px; font-weight: 700; }
.compact-dash-nav > a.active { background: rgba(255,105,73,.14); color: #ff9078; box-shadow: inset 3px 0 var(--coral); }
.compact-dash-nav > small { margin-top: auto; padding: 15px 8px 0; border-top: 1px solid rgba(255,255,255,.1); color: #747d96; font-size: 15px; }
.compact-dash-main { min-width: 0; padding: 25px; }
.compact-dash-main > header { display: flex; justify-content: space-between; gap: 18px; }.compact-dash-main header small { color: var(--coral); font-size: 15px; font-weight: 800; letter-spacing: .8px; }.compact-dash-main header h3 { margin: 5px 0 3px; font-size: 22px; }.compact-dash-main header p { margin: 0; color: var(--muted); font-size: 17px; }.compact-dash-main header > span { height: 32px; padding: 0 11px; display: flex; align-items: center; border-radius: 99px; background: var(--coral-soft); color: var(--coral); font-size: 15px; font-weight: 800; }
.compact-dash-metrics { margin-top: 17px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.compact-dash-metrics > div { padding: 11px 13px; display: flex; flex-direction: column; border: 1px solid #e7e6ed; border-radius: 12px; background: #fff; }.compact-dash-metrics small { color: var(--muted); font-size: 15px; }.compact-dash-metrics strong { margin-top: 4px; font-size: 15px; }
.compact-current-course { margin-top: 13px; min-height: 145px; display: grid; grid-template-columns: 155px 1fr; overflow: hidden; border: 1px solid #e6e5ec; border-radius: 15px; background: #fff; }
.compact-course-image { position: relative; display: grid; place-items: center; background: linear-gradient(rgba(15,20,40,.12),rgba(15,20,40,.2)),url('/images/blog/pexels-ai-workspace.jpg') center/cover; }.compact-course-image > span { width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.92); color:var(--coral); font-size:18px; box-shadow:0 8px 22px rgba(20,23,43,.18); }
.compact-current-course > div:last-child { padding: 15px 16px; }.compact-current-course small { color: var(--coral); font-size: 15px; font-weight: 800; }.compact-current-course h4 { margin: 6px 0 4px; font-size: 16px; line-height: 1.3; }.compact-current-course p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }.compact-current-course > div:last-child > div { margin-top: 12px; display: flex; align-items: center; gap: 8px; }.compact-current-course i { height: 6px; flex: 1; overflow:hidden; border-radius: 9px; background:#ebeaf0; }.compact-current-course i b { width:68%; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--coral),#ff9a7e); animation:compactProgress 1.5s ease both; }.compact-current-course div > strong { font-size: 16px; }.compact-current-course button { min-height:33px; padding:0 12px; border:0; border-radius:9px; background:var(--navy); color:#fff; font-size:15px; font-weight:800; }
.compact-path-head { margin: 16px 0 9px; display:flex; justify-content:space-between; }.compact-path-head strong { font-size:18px; }.compact-path-head span { color:var(--coral); font-size:15px; font-weight:800; }
.compact-paths { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.compact-paths article { padding:10px; display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:8px; border:1px solid #e6e5ed; border-radius:12px; background:#fff; }.compact-paths article > span { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; font-size:15px; font-weight:800; }.path-ai { color:var(--coral); background:var(--coral-soft); }.path-ux { color:var(--purple); background:var(--purple-soft); }.compact-paths article div { display:flex; flex-direction:column; }.compact-paths article strong { font-size:15px; }.compact-paths article small { margin-top:3px; color:var(--muted); font-size:15px; }.compact-paths article > b { color:var(--text); font-size:15px; }
.compact-preview-steps { grid-template-rows: repeat(3,1fr); }.compact-preview-steps article { min-height:0; }.compact-preview-steps strong { font-size:18px; }.compact-preview-steps p { font-size:18px; line-height:1.6; }
@keyframes compactProgress { from{width:0} to{width:68%} }
@media (max-width:1050px) { .compact-platform-preview { grid-template-columns:1fr; }.compact-dashboard-ui { min-height:520px; }.compact-preview-steps { grid-template-columns:repeat(3,1fr); grid-template-rows:none; }.compact-preview-steps article { min-height:150px; } }
@media (max-width:760px) { .compact-dash-body { grid-template-columns:70px 1fr; }.compact-dash-nav { padding-inline:9px; }.compact-dash-nav > a { justify-content:center; }.compact-dash-nav > a span,.compact-dash-nav > small { display:none; }.compact-dash-nav > strong { margin-inline:auto; }.compact-preview-steps { grid-template-columns:1fr; }.compact-current-course { grid-template-columns:1fr; }.compact-course-image { min-height:120px; } }
@media (max-width:520px) { .compact-dashboard-ui { min-height:0; }.compact-dash-main { padding:16px; }.compact-dash-metrics { grid-template-columns:1fr; }.compact-paths { grid-template-columns:1fr; }.compact-dash-main header > span { display:none; } }

/* Hakkımızda hero — fotoğraflı ürün kartı */
.about-product-photo { isolation:isolate; padding:24px; align-items:flex-end; }
.about-product-photo > img { width:100%; height:100%; position:absolute; inset:0; z-index:-2; object-fit:cover; object-position:center 46%; transition:transform .7s cubic-bezier(.2,.75,.25,1); }
.about-product-photo .about-photo-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(15,20,40,.05) 28%,rgba(15,20,40,.88) 100%); }
.about-product-photo::before { display:none; }
.about-product-photo b { padding:7px 10px; border:1px solid rgba(255,255,255,.25); border-radius:10px; background:rgba(18,25,52,.52); backdrop-filter:blur(8px); font-size:27px; letter-spacing:-2px; }
.about-product-photo span { max-width:150px; padding:8px 10px; border-radius:10px; background:rgba(18,25,52,.55); backdrop-filter:blur(8px); font-size:16px; }
.about-visual-premium:hover .about-product-photo > img { transform:scale(1.055); }

/* Ana sayfa — kesintisiz akan kullanıcı kartları */
.testimonial-section { overflow:hidden; padding-block:105px; background:#fffaf5; }
.testimonial-heading { max-width:850px; margin-bottom:52px; text-align:center; }
.testimonial-heading h2 { margin:14px 0 17px; font-size:clamp(38px,4vw,62px); line-height:1.03; letter-spacing:-3px; }
.testimonial-heading h2 em { color:var(--coral); font-style:italic; font-weight:500; }
.testimonial-heading > p { max-width:650px; margin:0 auto; color:var(--muted); font-size:16px; line-height:1.7; }
.testimonial-marquee { width:100%; position:relative; overflow:hidden; padding-block:12px 30px; }
.testimonial-marquee::before,.testimonial-marquee::after { content:''; width:max(55px,8vw); position:absolute; z-index:3; inset-block:0; pointer-events:none; }
.testimonial-marquee::before { left:0; background:linear-gradient(90deg,#fffaf5,rgba(255,250,245,0)); }
.testimonial-marquee::after { right:0; background:linear-gradient(-90deg,#fffaf5,rgba(255,250,245,0)); }
.testimonial-marquee-track { width:max-content; display:flex; will-change:transform; animation:testimonialFlow 42s linear infinite; }
.testimonial-marquee-group { display:flex; gap:22px; padding-right:22px; }
.testimonial-marquee .quote-card { width:410px; min-height:285px; padding:31px; display:flex; flex-direction:column; border:1px solid rgba(27,32,61,.09); border-radius:22px; background:#fff; box-shadow:0 17px 45px rgba(44,37,31,.07); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.testimonial-marquee .quote-card:hover { transform:translateY(-7px); border-color:rgba(255,105,73,.32); box-shadow:0 25px 55px rgba(44,37,31,.12); }
.testimonial-marquee .stars { color:var(--coral); font-size:16px; letter-spacing:3px; }
.testimonial-marquee .quote-card blockquote { min-height:0; margin:24px 0 28px; flex:1; color:var(--navy); font-size:19px; font-weight:650; line-height:1.5; letter-spacing:-.35px; }
.testimonial-marquee .quote-person strong { font-size:17px; }
.testimonial-marquee .quote-person small { font-size:16px; }
.testimonial-marquee:hover .testimonial-marquee-track { animation-play-state:paused; }
@keyframes testimonialFlow { to { transform:translateX(-50%); } }
@media (max-width:700px) {
    .testimonial-section { padding-block:78px; }
    .testimonial-heading { margin-bottom:34px; padding-inline:24px; }
    .testimonial-heading h2 { font-size:36px; letter-spacing:-2px; }
    .testimonial-heading > p { font-size:19px; }
    .testimonial-marquee .quote-card { width:315px; min-height:260px; padding:25px; }
    .testimonial-marquee .quote-card blockquote { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
    .testimonial-marquee { overflow-x:auto; scrollbar-width:none; }
    .testimonial-marquee::-webkit-scrollbar { display:none; }
    .testimonial-marquee-track { animation:none; }
}

/* 2026-08 — kapsamlı mobil yerleşim düzeltmeleri */
@media (max-width:640px) {
    html,body { width:100%; max-width:100%; overflow-x:hidden; }
    .container { width:calc(100% - 32px); }

    /* Mobil menü: sayfa içeriği menünün arkasından görünmesin. */
    body.menu-open::before { content:''; position:fixed; z-index:90; inset:0; background:#fff; }
    body.menu-open .site-header { height:100dvh; border-color:var(--line); background:#fff; }
    body.menu-open .nav-wrap { position:relative; z-index:2; background:#fff; }
    body.menu-open .main-nav { height:calc(100dvh - 80px); z-index:3; inset:80px 0 0; overflow-y:auto; padding:28px 32px 42px; background:#fff; }
    body.menu-open .main-nav a { padding:17px 8px; color:var(--navy); font-size:17px; }
    body.menu-open .main-nav a.active { color:var(--coral); }
    body.menu-open .akil-pet { opacity:0; visibility:hidden; pointer-events:none; }

    /* Ana sayfa platform vitrini: önce metin, sonra taşmayan dashboard. */
    .experience-grid { display:flex; flex-direction:column; gap:38px; }
    .experience-copy { order:1; max-width:none; }
    .experience-visual { order:2; width:100%; min-height:410px; margin:0; transform:none!important; }
    .experience-visual::before { width:300px; height:300px; }
    .premium-learning-window { width:100%; overflow:hidden; border-width:5px; border-radius:22px; transform:none!important; }
    .premium-learning-window::after { display:none; }
    .premium-learning-window .window-top { min-height:39px; padding-inline:10px; }
    .premium-learning-window .window-top span { max-width:72%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .premium-window-body { height:335px; grid-template-columns:43px minmax(0,1fr); border-radius:0 0 16px 16px; }
    .premium-sidebar { width:auto; padding-inline:7px; }
    .catalog-dash-main { min-width:0; padding:14px 10px; }
    .catalog-dash-head { gap:7px; }
    .catalog-dash-head button { min-width:0; padding-inline:10px; }
    .dash-metrics { gap:6px; }
    .dash-metrics > div { min-width:0; padding:8px 6px; }
    .dash-recent { display:none; }
    .premium-category-list { display:none; }
    .premium-mini-card { left:3px; top:58px; padding:9px 10px; }
    .achievement-card { right:3px; bottom:7px; max-width:205px; padding:10px 12px; }
    .experience-copy .button { width:100%; }

    /* Fiyatlandırma avantajları: dar yatay kartlar yerine okunaklı liste. */
    .plan-benefits { grid-template-columns:1fr; gap:12px; }
    .plan-benefits article { min-height:0; padding:21px; display:grid; grid-template-columns:48px 1fr; column-gap:16px; align-items:center; }
    .plan-benefits article > span { grid-row:1 / span 2; }
    .plan-benefits h3 { margin:0 0 6px; font-size:16px; }
    .plan-benefits p { margin:0; font-size:18px; line-height:1.65; }

    /* Kurumsal teklif: dekorlar metinden ayrılarak alt bölüme geçsin. */
    .team-banner { min-height:0; padding:36px 24px 28px; grid-template-columns:1fr; gap:22px; border-radius:22px; }
    .team-banner h2 { margin-top:11px; max-width:100%; font-size:35px; line-height:1.08; letter-spacing:-2px; }
    .team-banner p { margin-bottom:22px; font-size:18px; }
    .team-banner .button { width:100%; }
    .team-visual { width:100%; min-height:245px; margin-top:2px; }
    .team-person { width:72px; height:72px; border-width:5px; font-size:16px; }
    .team-person.p1 { left:0; top:7px; }
    .team-person.p2 { left:50%; top:0; transform:translateX(-50%); }
    .team-person.p3 { right:0; top:7px; }
    .team-chart { width:100%; right:0; bottom:0; padding:16px 18px; }
    .team-chart small { font-size:15px; }
    .team-chart strong { font-size:21px; }

    /* Hakkımızda hero: iki masaüstü sütununu gerçek mobil akışa çevir. */
    .about-hero { min-height:0; padding:125px 0 70px; }
    .about-hero-grid { grid-template-columns:1fr; gap:32px; }
    .about-hero .page-hero-copy { width:100%; }
    .about-hero .page-hero-copy h1 { font-size:clamp(47px,14vw,64px); letter-spacing:-3.5px; }
    .about-hero .page-hero-copy p { font-size:19px; line-height:1.75; }
    .about-visual-premium { width:100%; min-height:500px; left:auto; margin:0; transform:none; }
    .about-product-card { width:min(390px,calc(100% - 22px)); min-height:450px; padding:20px; border-radius:25px; transform:none; }
    .about-product-mark { min-height:255px; margin:19px 0 16px; padding:18px; }
    .about-orbit-lines { width:360px; height:360px; max-width:95vw; max-height:95vw; }
    .about-floating-note { min-width:145px; padding:9px 11px; }
    .about-floating-note > span { width:34px; height:34px; }
    .note-impact { left:0; top:58px; }
    .note-global { right:0; bottom:55px; }
    .about-signature { left:0; bottom:5px; }

    /* Değerler: dört dar sütun yerine rahat okunan kart listesi. */
    .values-section .section-heading { gap:14px; }
    .values-grid { grid-template-columns:1fr; gap:12px; }
    .value-card { min-height:0; padding:22px; display:grid; grid-template-columns:50px 1fr; column-gap:16px; align-items:center; }
    .value-card > span { top:18px; right:20px; }
    .value-icon { grid-row:1 / span 2; }
    .value-card h3 { margin:0 32px 7px 0; font-size:17px; }
    .value-card p { margin:0; font-size:18px; line-height:1.65; }

    /* Pet mobilde ekran sınırları içinde kalsın. */
    .akil-pet { right:12px; bottom:12px; }
    .pet-launcher { transform:scale(.85); transform-origin:bottom right; }
}

@media (max-width:420px) {
    .about-visual-premium { min-height:455px; }
    .about-product-card { width:100%; min-height:425px; }
    .about-product-mark { min-height:235px; }
    .about-floating-note { transform:scale(.86); }
    .note-impact { left:-10px; }
    .note-global { right:-10px; }
}

/* 2026-08 — referansla uyumlu, dengeli ana ekran hero düzeni */
.hero-proof-premium {
    width:fit-content;
    min-height:40px;
    gap:10px;
    color:var(--navy);
    white-space:nowrap;
}
.hero-proof-premium .proof-star { margin:0; color:#f5ad20; font-size:24px; line-height:1; }
.hero-proof-premium strong { font-size:15px; font-weight:850; }
.hero-proof-premium > i { width:4px; height:4px; border-radius:50%; background:#c7c9d2; }
.hero-proof-premium > span:last-child { margin:0; color:#7d8293; font-size:18px; }
.hero-proof-premium > span:last-child b { color:var(--navy); letter-spacing:0; }

.hero-category-strip {
    position:relative;
    z-index:8;
    min-height:106px;
    margin-top:34px;
    padding:16px 20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid rgba(25,30,56,.11);
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 55px rgba(38,37,55,.07);
    backdrop-filter:blur(16px);
}
.hero-category-strip > a {
    min-width:0;
    padding:10px 22px;
    display:grid;
    grid-template-columns:60px minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    border-right:1px solid var(--line);
    transition:transform .25s ease,color .25s ease;
}
.hero-category-strip > a:last-child { border-right:0; }
.hero-category-strip > a:hover { color:var(--coral); transform:translateY(-3px); }
.hero-category-icon { width:60px; height:60px; display:grid; place-items:center; border-radius:17px; font-size:19px; font-weight:850; }
.blue-bg { color:#397bea; background:#edf4ff; }
.hero-category-strip a > span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:5px; }
.hero-category-strip strong { font-size:19px; }
.hero-category-strip small { color:var(--text); font-size:15px; line-height:1.5; }
.hero-category-strip a > b { color:#858a9b; font-size:16px; transition:transform .25s ease; }
.hero-category-strip a:hover > b { color:var(--coral); transform:translateX(4px); }

/* 3D maskot temel ayarları */
.pet-step-leg { display:none; }
.pet-robot img { clip-path:none; image-rendering:auto; }

@media (min-width:1051px) {
    .hero { min-height:835px; padding-top:142px; }
    .hero .hero-grid,
    .hero .hero-category-strip { width:min(1480px,calc(100% - clamp(40px,6.25vw,120px))); }
    .hero-grid { grid-template-columns:.92fr 1.08fr; gap:36px; }
    .hero-copy { padding:0 4px 0 0; }
    .hero h1 { max-width:680px; }
    .hero-visual { min-height:545px; width:100%; margin-left:0; }
    .hero-video-card { inset:8px 8px 0 8px; border-radius:38px; }
    .visual-backdrop { width:94%; height:92%; right:1%; bottom:0; }
    .progress-card { top:24px; right:0; transform:scale(1.03); }
    .lesson-card { left:0; bottom:14px; transform:scale(1.02); }
    .floating-badge { right:0; }
}

@media (max-width:820px) {
    .hero-category-strip { grid-template-columns:1fr; margin-top:20px; }
    .hero-category-strip > a { border-right:0; border-bottom:1px solid var(--line); }
    .hero-category-strip > a:last-child { border-bottom:0; }
}

@media (max-width:560px) {
    .hero-proof-premium { margin-inline:auto; }
    .hero-proof-premium .proof-star { font-size:21px; }
    .hero-proof-premium strong { font-size:19px; }
    .hero-proof-premium > span:last-child { font-size:17px; }
    .hero-category-strip { padding:8px 14px; border-radius:18px; }
    .hero-category-strip > a { padding:14px 4px; grid-template-columns:49px minmax(0,1fr) auto; gap:12px; }
    .hero-category-icon { width:49px; height:49px; border-radius:14px; font-size:16px; }
    .hero-category-strip strong { font-size:18px; }
    .hero-category-strip small { font-size:15px; }
}