:root{--bg:#020403;--bg-deep:#000;--bg-elevated:#07110a;--bg-soft:#0b160e;--panel:#07110ab8;--panel-strong:#091c0ee0;--panel-glass:#08140c94;--panel-hover:#0c2612eb;--text:#dcebdd;--text-soft:#9aaf9c;--text-muted:#6f806f;--text-h:#f2fff1;--text-inverse:#061008;--accent:#49d615;--accent-strong:#8cff5a;--accent-soft:#b9ff9e;--accent-deep:#143f20;--accent-dark:#0a2411;--danger:#ff1f1f;--danger-strong:#ff3b2f;--danger-soft:#ff6a5e;--danger-deep:#4a0707;--danger-dark:#210303;--steel:#aeb9ad;--steel-soft:#6e7b70;--carbon:#111611;--carbon-light:#1a221a;--border:#69ff322e;--border-strong:#69ff3257;--border-soft:#dcebdd14;--border-hot:#ff1f1f47;--border-hot-strong:#ff1f1f6b;--shadow:0 28px 90px #000000c2;--shadow-tight:0 12px 40px #0000009e;--focus-ring:0 0 0 3px #69ff3238;--focus-ring-hot:0 0 0 3px #ff1f1f38;--selection-bg:#69ff3247;--selection-text:#f2fff1;--surface-code:#050906;--surface-tag:#69ff3214;--surface-tag-hot:#ff1f1f1a;--success:#69ff32;--warning:#f5c84c;--error:#ff1f1f;--sans:Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-base:18px;--line-base:1.45;--letter-tight:0;--letter-wide:.08em;--page-max:1120px;--section-gap:clamp(72px, 10vw, 132px);--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-xl:36px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-sharp:cubic-bezier(.7, 0, .2, 1);--duration-fast:.16s;--duration-base:.24s;--duration-slow:.42s;--mask-gradient:radial-gradient(ellipse at center, #000 0%, #000 45%, #0000 75%);font:var(--font-base) / var(--line-base) var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500}*{box-sizing:border-box}::selection{color:var(--selection-text);background:var(--selection-bg)}html{background:var(--bg-deep);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg-deep);margin:0;overflow-x:hidden}.gradient-title{color:var(--accent);background:linear-gradient(90deg, var(--accent) 0%, var(--accent-strong) 45%, var(--accent-soft) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#app{max-width:940px;margin:0 auto;padding:7dvh max(1rem,2dvw)}#hero{flex-direction:column;margin-bottom:6dvh;display:flex}.hero__title{letter-spacing:var(--letter-tight);align-items:center;margin:0;padding:0;font-size:3.1rem;font-weight:800;display:flex}.hero__logo{width:4rem;height:auto;margin-right:-.4rem}.hero__description{color:var(--text);margin:0;padding:0 .6rem;font-size:.9rem;line-height:1.2em}.hero__nav{gap:1.4rem;margin-top:1.5rem;padding:0 .6rem;display:flex}.hero__nav a{color:var(--text-muted);transition:all var(--duration-base) var(--ease-sharp);font-size:.85rem;font-weight:600;text-decoration:none;position:relative}.hero__nav a:hover{color:var(--text)}.hero__nav a.active{color:var(--accent)}#description{margin-bottom:6dvh}.description__skill-cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-bottom:3dvh;display:grid}.description__skill-card{background-color:var(--bg);border:1px solid var(--bg-soft);white-space:pre-line;border-radius:25px;flex-direction:column;grid-column:span 6;justify-content:flex-end;padding:7rem 20px 20px;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 10px #0009}.description__skill-card img{z-index:0;opacity:.5;width:7rem;position:absolute;top:20px;left:20px}.description__skill-card .blur{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;width:min(1000px,120vw);height:420px;-webkit-mask-image:var(--mask-gradient);-webkit-mask-image:var(--mask-gradient);mask-image:var(--mask-gradient);background:#0000004d;position:absolute;top:10%;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.description__skill-card .description__skill-card__content{z-index:1;flex-direction:column;display:flex;position:relative}.description__skill-card h2{margin:0 0 .5rem;padding:0;font-size:1.2rem;font-weight:800}.description__skill-card p{color:var(--text-muted);margin:0;padding:0;font-size:1rem;line-height:1.2em}.description__skill-card:nth-child(4n+1),.description__skill-card:nth-child(4n+4){grid-column:span 7}.description__skill-card:nth-child(4n+2),.description__skill-card:nth-child(4n+3){grid-column:span 5}.description__option-cards{background-color:var(--bg);border:1px solid var(--bg-soft);border-radius:25px;grid-template-columns:repeat(4,minmax(7rem,1fr));justify-content:space-between;align-items:center;gap:1rem;padding:20px 25px;display:grid;box-shadow:0 6px 10px #0000009e}.description__option-cards span{background-color:var(--bg-deep);border:1px solid var(--border-soft);color:var(--text);border-radius:20px;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:700;display:flex;box-shadow:0 6px 10px #0000009e}#projects{margin-bottom:6dvh}.projects__cards{flex-direction:column;gap:.25rem;display:flex}.projects__card{background-color:var(--bg);border:1px solid var(--bg-soft);transition:all var(--duration-base) var(--ease-sharp);border-radius:25px;position:relative;box-shadow:0 6px 10px #0000009e}.projects__card:hover{opacity:.6}.projects__card a{cursor:pointer;border-radius:inherit;color:var(--text);flex-direction:column;padding:6rem 20px 20px;text-decoration:none;display:flex}.projects__card-arrow{width:1.6rem;position:absolute;top:20px;right:20px}.projects__card-logo{width:6rem;position:absolute;top:0;left:0}.projects__card-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.projects__card-description{color:var(--text-soft);max-width:35rem;margin:0;font-size:1.2rem}#cta{text-align:center}.cta__title{color:var(--text);margin:0 0 .5rem;font-size:1.5rem}.cta__subtitle{color:var(--text-soft);margin:0 0 2.5rem;font-size:1.2rem}.cta__list{justify-content:center;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.cta__list a{color:var(--link);transition:all var(--duration-base) var(--ease-sharp);align-items:center;gap:.3rem;font-size:1.2rem;text-decoration:none;display:flex}.cta__list a img{width:1.5rem}.cta__list a:hover{opacity:.6}#career{margin-bottom:6dvh}.career__intro{margin-bottom:4dvh}.career__summary{color:var(--text);margin:0 0 1rem;font-size:1rem;line-height:1.6em}.career__section-title{color:var(--text-h);margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.career__skills{margin-bottom:4dvh}.career__skill-groups{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.career__skill-group{background-color:var(--bg);border:1px solid var(--bg-soft);border-radius:20px;padding:1.25rem;box-shadow:0 6px 10px #0000009e}.career__skill-group h4{color:var(--accent);margin:0 0 .75rem;font-size:1rem;font-weight:700}.career__skill-group p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.5em}.career__experience{margin-bottom:4dvh}.career__job{background-color:var(--bg);border:1px solid var(--bg-soft);border-radius:25px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 6px 10px #0000009e}.career__job-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.career__job-title{color:var(--text-h);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.career__company{color:var(--accent);margin:0;font-size:1rem;font-weight:600}.career__period{color:var(--text-muted);white-space:nowrap;margin:0;font-size:.9rem}.career__stack{background-color:var(--bg-deep);border:1px solid var(--border-soft);color:var(--text-soft);border-radius:12px;margin:0 0 1rem;padding:.75rem;font-size:.85rem;line-height:1.5em}.career__description{color:var(--text);margin-bottom:0;font-size:.95rem;line-height:1.6em}.career__achievements h5{color:var(--text-h);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.career__achievements ul{margin:0;padding-left:1.25rem;list-style:outside}.career__achievements ul li{color:var(--text-soft);margin-bottom:.5rem;font-size:.9rem;line-height:1.5em}.career__achievements ul li:last-child{margin-bottom:0}@media (max-width:768px){#app{padding-block-start:5dvh;padding-block-end:5dvh}.hero__title{font-size:2.4rem}.hero__logo{width:3.2rem}.hero__nav{gap:1rem}.description__skill-cards{grid-template-columns:1fr}.description__skill-card,.description__skill-card:nth-child(4n+1),.description__skill-card:nth-child(4n+2),.description__skill-card:nth-child(4n+3),.description__skill-card:nth-child(4n+4){grid-column:1}.description__option-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.description__option-cards span{text-align:center;overflow-wrap:anywhere;min-width:0;padding-inline-start:.75rem;padding-inline-end:.75rem;font-size:.8rem}.projects__card-title{font-size:1.25rem}.projects__card-description,.cta__title,.cta__subtitle{font-size:1rem}.cta__list{flex-wrap:wrap;gap:1rem 1.25rem}.cta__list a{font-size:1rem}.cta__list a img{width:1.2rem}.career__section-title{font-size:1.25rem}.career__skill-groups{grid-template-columns:1fr}.career__job-header{flex-direction:column;align-items:flex-start}.career__job-title{font-size:1.1rem}}
