.home-scale{display:flex;justify-content:center;transform:scale(.9);transform-origin:top center;padding-top:.5rem}.home{--surface-overlay: color-mix(in srgb, var(--color-surface) 22%, transparent);--surface-card: color-mix(in srgb, var(--color-surface-alt) 32%, transparent);--surface-card-border: color-mix(in srgb, var(--color-text-inverse) 18%, transparent);--shadow-soft: color-mix(in srgb, var(--color-surface) 28%, transparent);--shadow-strong: color-mix(in srgb, var(--color-surface) 38%, transparent);--accent-soft: color-mix(in srgb, var(--color-accent) 14%, transparent);--accent-medium: color-mix(in srgb, var(--color-accent) 24%, transparent);--accent-strong: color-mix(in srgb, var(--color-accent) 36%, transparent);--accent-highlight: color-mix(in srgb, var(--color-accent) 52%, transparent);--modal-backdrop: color-mix(in srgb, var(--color-surface) 68%, transparent);--modal-surface: color-mix(in srgb, var(--color-surface) 92%, transparent);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;padding:4rem 2rem 5rem;width:85%;max-width:1400px;margin:0 auto}.overview{display:flex;flex-direction:column;gap:1.75rem}.viewbox{padding:clamp(1.75rem,3.5vw,2.6rem);border-radius:24px;background:var(--surface-overlay);border:1px solid var(--surface-card-border);box-shadow:0 24px 60px var(--shadow-soft);color:var(--color-text-inverse);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:100%;min-height:clamp(500px,70vh,720px);display:flex;align-items:stretch}.hero-image{display:block;border-radius:16px;overflow:hidden;min-height:clamp(200px,35vw,280px);border:1px solid var(--surface-card-border);backdrop-filter:blur(2px);box-shadow:0 25px 45px var(--shadow-soft)}.hero-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar{display:flex;flex-direction:column;gap:1.6rem}@media (max-width: 1100px){.home-scale{transform:none}.home{grid-template-columns:1fr;width:calc(100% - 3rem);max-width:100%}}@media (max-width: 720px){.home{padding:3rem 1.25rem 4rem;width:100%}.overview{gap:1.5rem}.sidebar{gap:1.25rem}}.summary-card{display:flex;flex-direction:column;gap:1.5rem;padding:1.9rem;border-radius:20px;border:1px solid var(--surface-card-border);background:var(--surface-card);backdrop-filter:blur(14px);color:var(--color-text-inverse);box-shadow:0 25px 55px var(--shadow-strong)}.summary-header{display:grid;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-card-border)}.summary-overline{margin:0;font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-inverse-soft)}.summary-title{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.6rem;font-weight:600;letter-spacing:.03em}.summary-title-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);line-height:0}.summary-title-icon svg{width:32px;height:32px}.summary-text{margin:0;color:var(--color-text-inverse-soft);line-height:1.6}.summary-text--with-icon{display:flex;align-items:center;gap:.6rem}.summary-role-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.summary-role-icon svg{width:20px;height:20px}.summary-section{display:grid;gap:.35rem}.summary-label{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1rem;font-weight:600;color:var(--color-text-inverse);letter-spacing:.02em}.summary-label-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.summary-label-icon svg{width:28px;height:28px}.summary-card__resume{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:999px;background:transparent;border:1px solid var(--accent-medium);color:var(--color-text-inverse);font-weight:600;letter-spacing:.02em;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.summary-card__resume:hover,.summary-card__resume:focus-visible{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 12px 30px var(--accent-strong)}@media (max-width: 720px){.summary-card{gap:1.3rem;padding:1.6rem}.summary-title{font-size:1.4rem}.summary-card__resume{width:100%;justify-content:center}}.context-heading{margin:2rem auto 1.15rem;display:flex;align-items:center;justify-content:center;gap:.65rem;font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-inverse-soft);text-align:center}.context-heading-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.context-heading-icon svg{width:32px;height:32px}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.context-card{padding:1.6rem;border-radius:18px;border:1px solid var(--surface-card-border);background:var(--surface-card);color:var(--color-text-inverse);box-shadow:0 18px 40px var(--shadow-soft)}.context-title{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;font-size:1.05rem;letter-spacing:.04em;color:var(--color-text-inverse)}.context-title-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.context-title-icon svg{width:32px;height:32px}.context-text,.context-list{margin:0;color:var(--color-text-inverse-soft)}.context-list{padding:0;list-style:none;display:grid;gap:.55rem}.context-list li{display:flex;gap:.35rem;line-height:1.5}.context-label{font-weight:600;color:var(--color-accent)}@media (max-width: 720px){.context-grid{gap:1.1rem}}.home-card{border-radius:20px;padding:1.6rem;border:1px solid var(--surface-card-border);background:var(--surface-card);color:var(--color-text-inverse);box-shadow:0 20px 50px var(--shadow-soft)}.home-card__title{margin:0 0 1.25rem;font-size:1.15rem;font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.65rem;color:var(--color-text-inverse)}.home-card__title-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.home-card__title-icon svg{width:26px;height:26px}.tools-card{display:flex;flex-direction:column;gap:1.1rem}.tools-card__highlight{padding:1.15rem 1.35rem;border-radius:18px;border:1px solid var(--accent-medium);background:var(--accent-soft)}.tools-card__grid{display:grid;gap:1.1rem}.tools-card__grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-card__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:14px;color:var(--color-text-inverse);transition:transform .18s ease,filter .2s ease}.tools-card__iconGraphic{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 0 0 transparent)}.tools-card__icon:hover .tools-card__iconGraphic,.tools-card__icon:focus-visible .tools-card__iconGraphic{transform:translateY(-2px);filter:drop-shadow(0 0 14px var(--accent-highlight))}@media (max-width: 720px){.tools-card__grid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}}.cert-card__list{display:flex;flex-direction:column;gap:1rem;padding:0;margin:0;list-style:none}.cert-card__item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.05rem;border-radius:16px;background:var(--accent-soft);border:1px solid var(--accent-medium);transition:border-color .18s ease}.cert-card__item:hover,.cert-card__item:focus-within{border-color:var(--accent-strong)}.cert-card__item--interactive{padding-right:.4rem}.cert-card__link{flex:1;display:inline-flex;align-items:center;justify-content:space-between;gap:.65rem;padding:0;border:none;background:transparent;color:var(--color-text-inverse-soft);font:inherit;text-align:left;cursor:pointer}.cert-card__link span:first-child{flex:1}.cert-card__link:focus-visible{outline:2px solid var(--accent-highlight);outline-offset:3px}.cert-card__link-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease;color:var(--color-accent)}.cert-card__link:hover .cert-card__link-icon,.cert-card__link:focus-visible .cert-card__link-icon{transform:translate(2px)}.cert-card__label{font-size:.95rem;color:var(--color-text-inverse-soft);letter-spacing:.01em}.cert-modal{border:none;padding:0;width:min(92vw,760px);background:transparent}.cert-modal::backdrop{background:#000c;backdrop-filter:blur(10px)}.cert-modal__content{background:var(--color-surface, #18181b);border-radius:20px;border:2px solid var(--color-accent, #7df5f5);box-shadow:0 20px 50px var(--shadow-soft);overflow:hidden}.cert-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 2rem 1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.cert-modal__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-inverse, #ffffff)}.cert-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-inverse, #ffffff);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .15s ease}.cert-modal__close:hover{background:#ffffff1a}.cert-modal__body{padding:0 2rem 2rem;display:grid;gap:1rem}.cert-modal__frame{width:100%;min-height:clamp(320px,60vh,640px);border:none;border-radius:14px;background:var(--surface-overlay)}.cert-modal__frame[hidden],.cert-modal__placeholder[hidden]{display:none}.cert-modal__placeholder{margin:0;font-size:.95rem;color:var(--color-text-inverse-soft);text-align:center}@media (max-width: 720px){.cert-card__item{gap:.65rem}}.roadmap{width:100%;max-width:800px;margin:2rem auto;border-radius:20px;padding:1.6rem;border:1px solid var(--surface-card-border);background:var(--surface-card);color:var(--color-text-inverse);box-shadow:0 20px 50px var(--shadow-soft)}.roadmap-header{margin:0 0 1.25rem;font-size:1.15rem;font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.65rem;color:var(--color-text-inverse)}.roadmap-header svg{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);width:26px;height:26px}.roadmap-header h2{margin:0;font-size:inherit;font-weight:inherit;color:inherit}.roadmap-scroll{width:100%;height:600px;overflow-y:auto;overflow-x:hidden;border-radius:0;padding:2rem;background:transparent}.roadmap-scroll::-webkit-scrollbar{width:8px}.roadmap-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.roadmap-scroll::-webkit-scrollbar-thumb{background:var(--color-accent, #7df5f5);border-radius:4px;opacity:.6}.roadmap-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent-strong, #48fcfc);opacity:.8}.roadmap-scroll{scrollbar-width:thin;scrollbar-color:var(--color-accent, #7df5f5) rgba(255,255,255,.05)}.roadmap-plane{position:relative;min-height:900px;width:100%}.roadmap-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.roadmap-connector{fill:none;stroke:var(--color-accent, #7df5f5);stroke-width:4;stroke-linecap:round;opacity:.7;transition:stroke .3s ease,opacity .3s ease}.roadmap-node{position:absolute;padding:1.5rem;background:var(--color-surface, #18181b);border:2px solid var(--color-accent, #7df5f5);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;min-width:140px;min-height:120px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.roadmap-node svg{color:var(--color-accent, #7df5f5);flex-shrink:0;transition:transform .3s ease,color .3s ease}.roadmap-node span{color:var(--color-text-inverse, #ffffff);font-weight:600;font-size:.9rem;line-height:1.3;transition:color .3s ease}.roadmap-node:hover,.roadmap-node.active{transform:translateY(-6px) scale(1.02);border-color:var(--color-accent-strong, #48fcfc);box-shadow:0 10px 40px #7df5f54d}.roadmap-node:hover svg,.roadmap-node.active svg{color:var(--color-accent-strong, #48fcfc);transform:scale(1.1)}.roadmap-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;backdrop-filter:blur(10px)}.roadmap-modal.active{opacity:1;visibility:visible}.roadmap-modal-content{background:var(--color-surface, #18181b);border:2px solid var(--color-accent, #7df5f5);border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .15s cubic-bezier(.2,0,.2,1)}.roadmap-modal.active .roadmap-modal-content{transform:scale(1)}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header svg{color:var(--color-accent, #7df5f5);flex-shrink:0}.modal-header h3{color:var(--color-text-inverse, #ffffff);font-size:1.25rem;font-weight:700;margin:0}.modal-info{display:flex;flex-direction:column;gap:1.5rem}.modal-row{display:flex;align-items:center;gap:1rem}.modal-row label{color:var(--color-accent, #7df5f5);font-weight:600;min-width:80px}.modal-row span{color:var(--color-text-inverse, #ffffff);font-weight:500}.modal-progress-container{display:flex;align-items:center;gap:1rem;flex:1}.modal-progress-bar{flex:1;max-width:120px}.modal-progress-bar svg{width:100%;height:auto;color:var(--color-accent, #7df5f5)}.modal-progress-bar svg path{fill:currentColor}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-inverse, #ffffff);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .15s ease}.modal-close:hover{background:#ffffff1a}@media (max-width: 640px){.roadmap{padding:1.5rem .5rem;margin:1.5rem auto}.roadmap-header h2{font-size:1.25rem}.roadmap-scroll{padding:1.5rem;height:550px}.roadmap-plane{min-height:800px}.roadmap-node{padding:1rem;min-width:120px;min-height:100px}.roadmap-node span{font-size:.825rem}.roadmap-modal-content{padding:1.5rem;margin:1rem;max-width:95%}.modal-header{flex-direction:column;text-align:center}.modal-row{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-progress-container{flex-direction:column;align-items:flex-start}.modal-progress-bar{max-width:200px}}