:focus-visible { outline:3px solid #06b6d4; outline-offset:4px; }
.navbar-mk .nav-link { white-space:nowrap; }
.navbar-mk .navbar-brand { font-size:1.08rem; }
.navbar-mk .btn-mk { padding:.65rem 1rem; white-space:nowrap; }
.language-links { display:flex; align-items:center; gap:.35rem; margin-inline:.8rem; white-space:nowrap; color:#dbeafe; }
.language-links a { color:#dbeafe; text-decoration:none; padding:.5rem .15rem; }
.language-links [aria-current] { color:#fff; font-weight:800; text-decoration:underline; text-underline-offset:5px; }
.navbar-mk.scrolled .language-links,.navbar-mk.scrolled .language-links a { color:var(--ink-2); }
.navbar-mk.scrolled .language-links [aria-current] { color:var(--brand); }
.navbar-mk.scrolled .navbar-toggler i { color:var(--ink) !important; }
.hero .hero-detail { color:#b9c5dc; max-width:660px; line-height:1.65; font-size:.98rem; }
.hero .text-gradient { background-image:linear-gradient(90deg,#67e8f9,#93c5fd 55%,#c4b5fd); }
.hero .resume-link { display:inline-block; color:#dbeafe; text-underline-offset:4px; margin-top:1.25rem; }
.hero .experience-line { color:#c4d0e6; margin:1.2rem 0 0; font-size:.88rem; }
.hero-card a.sticker { color:inherit; text-decoration:none; }
.result-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.result-card { display:flex; flex-direction:column; padding:1.5rem; background:#fff; border:1px solid var(--line); border-radius:20px; text-decoration:none; color:var(--ink); transition:transform .2s,box-shadow .2s; }
.result-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.result-card strong { font:800 clamp(1.45rem,2.2vw,2rem)/1.2 'Manrope',sans-serif; color:var(--brand); margin-bottom:.7rem; }
.result-card span { line-height:1.5; }
.result-card small { color:var(--brand); margin-top:auto; padding-top:1rem; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.service-card { display:flex; flex-direction:column; }
.service-card h3 { font-size:1.2rem; font-weight:800; }
.service-card p { font-size:.95rem; }
.service-card p+p { color:var(--ink-2); margin-top:.8rem; }
.service-card .service-links { margin-top:auto; display:flex; align-items:center; flex-wrap:wrap; gap:.9rem; padding-top:1rem; }
.service-links a:first-child { font-size:.9rem; text-underline-offset:4px; }
.service-card:last-child { grid-column:span 3; }
.capability-list { display:flex; flex-wrap:wrap; gap:.65rem; padding:0; list-style:none; }
.capability-list li { padding:.65rem .85rem; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink-2); }
.proof-panel { background:var(--soft); border:1px solid var(--line); border-radius:24px; padding:2rem; height:100%; }
.maintenance-panel { border-radius:28px; padding:clamp(1.5rem,4vw,3.5rem); background:linear-gradient(135deg,#0b1226,#192754); color:white; }
.maintenance-panel .capability-list li { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#dbeafe; }
.maintenance-panel p { color:#c8d3ea; }
.entry-offer { padding:1.75rem; border:1px solid #bfdbfe; background:#eff6ff; border-radius:20px; margin-bottom:1.5rem; }
.entry-offer h3 { font-size:1.25rem; font-weight:800; }
.profile-hero { padding-bottom:4rem; }
.profile-hero h1 { max-width:940px; }
.profile-hero .lead { max-width:780px !important; }
.profile-nav { background:rgba(11,18,38,.96); }
.skill-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.skill-card { background:var(--soft); padding:1.5rem; border:1px solid var(--line); border-radius:18px; }
.skill-card h3 { font-size:1rem; font-weight:800; color:var(--brand); }
.project-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.project-summary { border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.project-summary img { width:100%; height:190px; object-fit:cover; object-position:top; background:var(--soft); border-bottom:1px solid var(--line); }
.project-summary .project-text { padding:1.7rem; display:flex; flex-direction:column; flex:1; }
.project-summary h3 { font-size:1.35rem; font-weight:800; }
.project-summary p { font-size:.94rem; line-height:1.65; }
.project-summary .project-stack { color:var(--muted); font-size:.85rem; }
.project-summary .project-link { margin-top:auto; font-weight:700; text-underline-offset:4px; }
.profile-footer { padding:2rem 0; background:#0b1226; color:#c4d0e6; }
.profile-footer a { color:#dbeafe; }
.work-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; }
.work-steps h3 { font-size:1.15rem; font-weight:800; }
.work-steps span { color:var(--brand); font-weight:800; display:block; margin-bottom:.5rem; }
@media (max-width:1199.98px) { .navbar-mk { background:rgba(11,18,38,.97); } .navbar-mk .navbar-collapse { padding:1rem 0; } .language-links { margin:0; } }
@media (max-width:991.98px) { .result-grid,.service-grid,.skill-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-card:last-child { grid-column:span 2; } .work-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575.98px) { .hero h1 { font-size:2.15rem; line-height:1.13; } .hero { padding-top:7rem; } .result-grid,.service-grid,.skill-grid,.project-list,.work-steps { grid-template-columns:1fr; } .service-card:last-child { grid-column:auto; } .result-card { padding:1.3rem; } .section-padding { padding:3.5rem 0; } .profile-hero { padding-bottom:3rem; } .navbar-mk .navbar-brand { font-size:.94rem; } .project-summary .project-text { padding:1.3rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } .reveal { opacity:1 !important; transform:none !important; } }