/* Shared BozanDigital refresh. App workspaces and printed documents keep their own layouts. */
@media screen {
  :root{--bozan-ink:#08243e;--bozan-accent:#247dac;--bozan-aqua:#39bdcf;--bozan-line:#dbe7ef;--bozan-ease:cubic-bezier(.22,.8,.25,1);--bozan-glass:rgba(255,255,255,.74)}
  .bozan-modern{font-family:'Segoe UI',Inter,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
  .bozan-modern[data-bozan-surface="hub"]{background:radial-gradient(ellipse at 95% 15%,#edf6fb 0,transparent 40%),#fff}
  .bozan-modern[data-bozan-surface="hub"] .section{padding-block:clamp(42px,6vw,86px)}
  .bozan-modern[data-bozan-surface="hub"] h1{font-size:clamp(2.45rem,5.4vw,4.5rem);line-height:1.08;letter-spacing:-.045em;max-width:20ch}
  .bozan-modern[data-bozan-surface="hub"] h2{font-size:clamp(1.65rem,3.5vw,2.65rem);line-height:1.17;letter-spacing:-.035em}
  .bozan-modern[data-bozan-surface="hub"] h3{font-size:clamp(1.3rem,2.9vw,2.15rem);line-height:1.2;letter-spacing:-.025em}
  .bozan-modern[data-bozan-surface="hub"] .section>p{max-width:72ch;font-size:1.05rem;line-height:1.8}
  .bozan-modern .eyebrow{font-size:.75rem;letter-spacing:.13em;line-height:1.5}
  .bozan-modern[data-bozan-surface="hub"]>header{height:80px;border-bottom:1px solid #dbe7efb0;background:#ffffffdc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #08243e04}
  .bozan-modern[data-bozan-surface="hub"] nav a{font-size:.9rem;transition:color .2s var(--bozan-ease),text-shadow .2s var(--bozan-ease)}
  .bozan-modern[data-bozan-surface="hub"] nav a:hover{color:#176a95;text-shadow:0 0 22px #39bdcf45}
  .bozan-modern :where(.button,.nav-cta,.quick-links a){min-height:46px;border-radius:12px;font-size:.95rem;line-height:1.4;transition:transform .22s var(--bozan-ease),box-shadow .22s var(--bozan-ease),background-color .22s var(--bozan-ease),border-color .22s var(--bozan-ease)}
  .bozan-modern :where(.button.navy,.quick-links a){background:linear-gradient(135deg,#08243e,#154966);color:white;box-shadow:0 5px 16px #08243e12;border:1px solid #234c67}
  .bozan-modern :where(.button.light){background:#f1f9ff;color:#08243e;border:1px solid #c9e7f3}
  .bozan-modern :where(.button.outline,.nav-cta){background:#ffffffb8;border-color:#afc9d9;color:#08243e}
  .bozan-modern :where(.button,.nav-cta,.quick-links a):hover{transform:translateY(-2px);box-shadow:0 8px 24px #248fb329,0 0 0 3px #39bdcf0c}
  .bozan-modern :where(.button,.nav-cta,.quick-links a):active{transform:translateY(0) scale(.98)}
  .bozan-modern :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #2483b1;outline-offset:4px}
  .bozan-modern :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){transition:border-color .2s,box-shadow .2s}
  .bozan-modern :where(input,textarea,select):focus{border-color:#2988b2;box-shadow:0 0 0 4px #2483b110}
  .bozan-modern .plain-link,.bozan-modern .project-details{position:relative;transition:color .2s,border-color .2s}
  .bozan-modern .plain-link:hover,.bozan-modern .project-details:hover{color:#247dac;border-color:#247dac}
  .bozan-modern .surface{border-radius:20px;border-color:var(--bozan-line);background:linear-gradient(145deg,#fff,#f6fafd);box-shadow:0 9px 28px #08243e05}
  .bozan-modern[data-bozan-surface="hub"] .quick-start{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(110deg,#f0f6fa,#fff);padding:24px clamp(20px,6vw,90px);border-bottom-color:#dbe7ef}
  .bozan-modern .quick-start .eyebrow{margin-bottom:5px}.bozan-modern .quick-start h2{font-size:1.35rem;margin:0}.bozan-modern .quick-links{gap:10px}.bozan-modern .quick-links a{padding:12px 16px;font-size:.9rem}
  .bozan-modern .hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:26px 50px;align-items:center;padding:68px 7% 42px;min-height:540px;overflow:hidden;background:radial-gradient(ellipse at 92% 12%,#143f5c 0,transparent 55%),linear-gradient(145deg,#070d17,#08243e);color:white}
  .bozan-modern .hero-bottom{display:contents}.bozan-modern .hero-bottom>div:first-child{grid-column:1;grid-row:1;align-self:end}.bozan-modern .hero-description{grid-column:1;grid-row:2;align-self:start;max-width:43ch}.bozan-modern .hero-description p{font-size:1.05rem;line-height:1.8;color:#bfd0df}.bozan-modern .hero .eyebrow{color:#88c8e2}.bozan-modern .hero h1{color:#f4faff}
  .bozan-modern .hero-brand{grid-column:2;grid-row:1/3;height:350px;width:100%;max-width:470px;justify-self:end;margin:0;background:linear-gradient(145deg,#ffffff0d,#4dbdd50a);border:1px solid #8fcde431;border-radius:28px;box-shadow:0 28px 70px #020c1845,0 0 75px #319fc91a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}
  .bozan-modern .hero-brand img{width:145px;height:155px}.bozan-modern .hero-brand span{font-size:clamp(2rem,3.5vw,3.15rem);color:#7cc6e6;letter-spacing:-.04em;position:relative;z-index:1}.bozan-modern .hero-brand>img{position:relative;z-index:1}.bozan-modern .scroll-hint{grid-column:1;grid-row:3;font-size:.8rem;letter-spacing:.035em;margin:0;color:#9bb4ca}
  .bozan-modern .higgs-background{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3}.bozan-modern .higgs-background::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070d17e8,#08243e80)}
  .bozan-modern .media-frame{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c3e0ed70;border-radius:24px;background:linear-gradient(135deg,#ffffff90,#dceff74d);box-shadow:0 20px 60px #123e6410,0 0 48px #39bdcf08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s var(--bozan-ease),border-color .3s var(--bozan-ease)}
  .bozan-modern .higgs-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.bozan-modern .higgs-media[hidden]{display:none}.bozan-modern .media-frame>.higgs-media{z-index:0}.bozan-modern .media-frame:not(.hero-brand)>:not(.higgs-media){position:relative;z-index:1}
  .bozan-modern .media-frame:hover{box-shadow:0 24px 65px #123e641c,0 0 55px #39bdcf16;border-color:#77b9d088}.bozan-modern .higgs-media{transition:transform .7s var(--bozan-ease)}.bozan-modern .media-frame:hover .higgs-media{transform:scale(1.035)}
  .bozan-modern .media-play{position:absolute!important;right:12px;bottom:12px;z-index:5!important;border:1px solid #afcadb80;border-radius:999px;padding:9px 12px;background:#08243ed9;color:white;font:600 .875rem/1.3 system-ui;cursor:pointer;backdrop-filter:blur(8px)}
  .bozan-modern .featured{border-radius:24px;border-color:#d3e4ef;background:linear-gradient(120deg,#f9fcfe,#edf5fa);box-shadow:0 18px 54px #08243e08}.bozan-modern .featured-copy{padding:44px 9%}.bozan-modern .cv-visual.media-frame{border:0;border-radius:0;box-shadow:none;background:linear-gradient(140deg,#dfedf5,#c6dce9)}
  .bozan-modern .language-section{background:linear-gradient(125deg,#edf5fb,#f6fbfe);border-block:1px solid #dceaf2}.bozan-modern .language-type.media-frame{padding:38px;min-height:330px;display:flex;flex-direction:column;justify-content:center}.bozan-modern .language-type span{font-size:clamp(1.65rem,3vw,2.5rem)}
  .bozan-modern .project-card{border-radius:22px;border-color:#d6e5ee;background:linear-gradient(150deg,#fff,#f8fbfe);box-shadow:0 12px 34px #08243e06;transition:transform .25s var(--bozan-ease),box-shadow .25s var(--bozan-ease),border-color .25s var(--bozan-ease);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px))}
  .bozan-modern .project-card:hover{--lift:-4px;border-color:#8cbed6;box-shadow:0 20px 50px #163f6815,0 0 0 1px #8ed1e517}.bozan-modern .project-card .project-image{height:220px;transition:transform .5s var(--bozan-ease)}.bozan-modern .project-card:hover .project-image{transform:scale(1.025)}.bozan-modern .project-card .project-content{padding:24px}.bozan-modern .project-card h2{font-size:1.55rem}.bozan-modern .project-content p{font-size:1rem;line-height:1.75;color:#536c80}.bozan-modern .project-content small{font-size:.8rem;letter-spacing:.06em;color:#397293}
  .bozan-modern .catalog-controls{gap:16px;padding:20px;background:#f0f6faa8;border:1px solid #dce8f0;border-radius:18px}.bozan-modern .catalog-controls label{font-size:.9rem}.bozan-modern .catalog-controls input,.bozan-modern .catalog-controls select{border-color:#c4d8e6;border-radius:10px;min-height:46px;background:#fff}
  .bozan-modern .dashboard-card{border-radius:20px;background:linear-gradient(140deg,#fff,#f0f7fc);border-color:#d8e7f0}.bozan-modern .dashboard-card h3{font-size:1.35rem}.bozan-modern[data-bozan-surface="hub"] footer{margin-top:24px;background:#071d31;color:#d6e5f0;border-top:1px solid #274358;padding-block:46px;gap:28px}.bozan-modern[data-bozan-surface="hub"] footer a{color:#d6e5f0;font-size:.9rem}.bozan-modern[data-bozan-surface="hub"] footer p,.bozan-modern[data-bozan-surface="hub"] footer small{color:#a3bbce}
  .bozan-modern[data-bozan-surface="workspace"] .pdf-toolbar,.bozan-modern[data-bozan-surface="workspace"] .pdf-sidebar,.bozan-modern[data-bozan-surface="workspace"] .pdf-inspector,.bozan-modern[data-bozan-surface="workspace"] .mentor-card,.bozan-modern[data-bozan-surface="workspace"] .quest-panel{box-shadow:0 10px 35px #08243e07;border-color:#d5e5ee}
  .bozan-modern[data-bozan-surface="workspace"] .learn-card,.bozan-modern[data-bozan-surface="workspace"] .lesson-card{border-radius:18px;border-color:#cfe2ee;box-shadow:0 10px 25px #08243e05}
  .bozan-modern .bozan-mika-trigger{background:linear-gradient(135deg,#08243e,#176b8c);border:1px solid #80c6df55;box-shadow:0 12px 32px #08243e24;font-size:.875rem;min-height:44px;border-radius:999px}
  @media(hover:hover) and (pointer:fine){.bozan-modern .media-frame[data-tilt]{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s var(--bozan-ease),box-shadow .3s var(--bozan-ease)}}
  @media(max-width:1000px){.bozan-modern[data-bozan-surface="hub"] .quick-start{align-items:flex-start;flex-direction:column}.bozan-modern .hero{gap:22px;padding-top:48px}.bozan-modern .hero-brand{height:300px}.bozan-modern .hero-brand span{font-size:2rem}.bozan-modern .language-type.media-frame{padding:26px}}
  @media(max-width:700px){.bozan-modern .hero{grid-template-columns:1fr;padding:40px 6% 30px;gap:24px;min-height:0}.bozan-modern .hero-bottom>div:first-child{grid-column:1;grid-row:1}.bozan-modern .hero-description{grid-column:1;grid-row:2}.bozan-modern .hero-brand{grid-column:1;grid-row:3;height:245px;width:100%;max-width:none}.bozan-modern .hero-brand img{width:105px;height:115px}.bozan-modern .scroll-hint{grid-row:4}.bozan-modern .featured-copy{padding:30px 24px}.bozan-modern .language-type.media-frame{min-height:240px}.bozan-modern .catalog-controls{padding:16px}.bozan-modern .quick-links{width:100%}.bozan-modern .quick-links a{min-height:48px}.bozan-modern[data-bozan-surface="hub"]>header{height:74px}.bozan-modern[data-bozan-surface="hub"] footer{padding-block:32px}}
  @media(prefers-reduced-motion:reduce){.bozan-modern .project-card,.bozan-modern .media-frame[data-tilt],.bozan-modern .higgs-media{transform:none!important}.bozan-modern :where(.button,.nav-cta,.quick-links a):hover{transform:none}}
  .bozan-fx-off .project-card,.bozan-fx-off .media-frame[data-tilt],.bozan-fx-off .higgs-media{transform:none!important}
}

@media screen{.bozan-modern .hero-brand>.higgs-media{width:100%;height:100%;z-index:0}.bozan-modern .featured{position:relative}}

@media screen{.bozan-modern .language-section,.bozan-modern .language-section h2{color:#08243e}.bozan-modern .language-section p{color:#536c80}.bozan-modern .language-type span{color:#247dac}.bozan-modern .language-type small{color:#52728c}.bozan-modern .cv-visual .floating-chip{position:absolute}}

/* Language section uses a light surface; preserve readable CTA in every state. */
@media screen{
  .bozan-modern .language-layout .button.outline{color:#08243e;background:#fff;border-color:#afc9d9}
  .bozan-modern .language-layout .button.outline:hover,
  .bozan-modern .language-layout .button.outline:focus-visible{color:#08243e;background:#e7f3fa;border-color:#247dac}
  .bozan-modern .language-layout .button.outline:active{color:#08243e;background:#d8edf7}
}