@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.static{position:static}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#edf4fb,#f8fbff);color:#0a1730;font-family:Inter,ui-sans-serif,system-ui,sans-serif}main{padding:16px 12px 50px}.sticky-nav{position:sticky;top:10px;z-index:20;max-width:1500px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#ffffffed;border:1px solid #dce6f2;border-radius:11px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 26px #234a7410}.nav-brand{color:#07152b;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-.06em}.nav-brand span{color:#3762ff}.sticky-nav nav{display:flex;gap:3px}.sticky-nav nav button{border:0;border-bottom:2px solid transparent;background:transparent;color:#435b75;font-size:11px;padding:8px 10px;cursor:pointer}.sticky-nav nav button.active{color:#285cff;border-color:#285cff;font-weight:700}.nav-cta{border:0;border-radius:6px;padding:9px 15px;color:#fff;background:#08172d;font-size:10px;font-weight:700;cursor:pointer}.portfolio-section{max-width:1500px;margin:16px auto 0;padding:48px 42px;background:#fff;border:1px solid #dce6f2;border-radius:13px;scroll-margin-top:76px;box-shadow:0 12px 30px #234a740d}.dark-section{background:#fff;border-color:#dce6f2}.section-number{margin:0 0 22px;color:#10192a;font-size:13px;font-weight:800}.portfolio-section h2{margin:0 0 8px;font-size:clamp(30px,3vw,45px);line-height:1;letter-spacing:-.065em}.portfolio-section h2 em{color:#3261f6;font-family:inherit;font-style:normal}.lead,.section-copy{max-width:590px;color:#536a84;font-size:13px;line-height:1.55}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.facts{display:grid;gap:10px;margin-top:25px}.facts span{color:#314b69;font-size:11px}.about-panel,.skill-grid article,.project-grid article,.cert-grid article{border:1px solid #dce6f2;border-radius:9px;padding:20px;background:#fbfdff;box-shadow:0 6px 14px #27466808}.about-panel p{color:#536a84;font-size:12px;line-height:1.6}.about-panel div{display:flex;gap:7px;flex-wrap:wrap}.about-panel span{padding:6px 9px;border-radius:5px;background:#eef3ff;color:#3963e9;font-size:10px}.skill-grid,.project-grid,.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.skill-grid article>b{display:block;margin-bottom:19px;font-size:13px}.skill-grid article span{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin:13px 0;color:#405b78;font-size:11px}.skill-grid i{height:5px;background:#e6edf6;border-radius:10px;overflow:hidden}.skill-grid i em{display:block;height:100%;background:linear-gradient(90deg,#2f68f5,#8254ed);border-radius:inherit}.timeline{position:relative;margin:35px 0 0 90px;border-left:2px solid #7296ff}.timeline article{position:relative;display:grid;grid-template-columns:145px 1fr;gap:20px;padding:0 0 25px 28px}.timeline article:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#3266fa}.timeline time{margin-left:-173px;color:#4c6685;font-size:10px}.timeline h3{margin:0;font-size:15px}.timeline b{display:block;margin:4px 0;color:#2863fa;font-size:11px}.timeline p{max-width:630px;margin:8px 0;color:#536a84;font-size:11px;line-height:1.55}.project-art{height:125px;display:grid;place-items:center;border-radius:7px;font-size:17px;font-weight:800;letter-spacing:.13em;color:#fff}.violet{background:linear-gradient(135deg,#251168,#8d46f2)}.blue{background:linear-gradient(135deg,#073364,#217cf0)}.cyan{background:linear-gradient(135deg,#064c5f,#20b6b2)}.project-grid h3{margin:14px 0 6px;font-size:14px}.project-grid p,.project-grid span,.cert-grid p{color:#60758e;font-size:10px;line-height:1.55}.project-grid span{display:block;color:#5c55e6;font-weight:600}.cert-grid article{text-align:center;font-size:31px}.cert-grid h3{font-size:13px;color:#0b1830}.architecture-flow{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:35px}.architecture-flow div{min-width:150px;padding:22px 14px;border:1px solid #d8e4f2;border-radius:9px;background:#fbfdff;text-align:center;color:#3262f4;font-weight:700;box-shadow:0 6px 14px #234a7408}.architecture-flow small{color:#647991}.architecture-flow i{font-size:19px;color:#4376ed}.contact-section{background:linear-gradient(135deg,#f8fbff,#edf3ff);border-color:#dce6f2}.email{color:#285bf0;text-decoration:none;font-size:17px;font-weight:700;border-bottom:1px solid #285bf0;padding-bottom:6px}form{display:grid;gap:9px}form input,form textarea{width:100%;padding:11px;border:1px solid #d5e1ee;border-radius:6px;background:#fff;color:#0b1830;font:inherit;font-size:11px}form textarea{min-height:100px;resize:vertical}form button{border:0;border-radius:6px;padding:12px;color:#fff;background:linear-gradient(100deg,#2e6dff,#5a60e9);font-size:11px;font-weight:700;cursor:pointer}@media(max-width:900px){.sticky-nav nav{overflow:auto;max-width:65vw}.sticky-nav nav button{white-space:nowrap}.portfolio-section{padding:38px 27px}.two-column,.skill-grid,.project-grid,.cert-grid{grid-template-columns:1fr}.timeline{margin-left:10px}.timeline article{grid-template-columns:1fr}.timeline time{margin-left:0}.architecture-flow{flex-direction:column}.architecture-flow i{transform:rotate(90deg)}}@media(max-width:600px){main{padding:8px}.sticky-nav{top:5px;padding:0 14px}.nav-cta{display:none}.nav-brand{font-size:13px}.portfolio-section{padding:35px 22px}.lead{font-size:13px}}