.harthos-page{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:32px;color:#eef7ff;background:radial-gradient(circle at 28% 20%,rgba(28,220,90,.16),transparent 26rem),radial-gradient(circle at 75% 72%,rgba(157,232,255,.14),transparent 22rem),linear-gradient(140deg,#05070f,#07111f 52%,#060815)}.harthos-page.is-nat-twenty{background:radial-gradient(circle at 22% 22%,rgba(255,80,80,.2),transparent 22rem),radial-gradient(circle at 78% 22%,rgba(255,222,89,.18),transparent 22rem),radial-gradient(circle at 50% 82%,rgba(62,220,255,.18),transparent 24rem),linear-gradient(140deg,#05070f,#07111f 52%,#060815)}.harthos-stars,.harthos-stars:before,.harthos-stars:after{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff .8px,transparent .8px),radial-gradient(#8dffb0 .7px,transparent .7px);background-position:0 0,42px 64px;background-size:130px 130px,210px 210px;opacity:.32}.harthos-stars:before,.harthos-stars:after{content:""}.harthos-stars:before{transform:rotate(8deg) scale(1.1);opacity:.18}.harthos-stars:after{transform:rotate(-12deg) scale(1.2);opacity:.12}.harthos-back-link{position:absolute;top:24px;left:24px;z-index:1;display:inline-grid;min-height:42px;place-items:center;border:1px solid rgba(157,232,255,.28);border-radius:8px;padding:0 16px;color:#eef7ff;font-weight:900;text-decoration:none;background:#ffffff14;transition:transform .18s ease,border-color .18s ease}.harthos-back-link:hover{transform:translateY(-1px);border-color:#9de8ffcc}.harthos-message{position:relative;z-index:1;display:grid;width:min(100%,900px);gap:18px;justify-items:center;text-align:center}.harthos-text{margin:0;color:#14c714;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.6rem,8vw,5.8rem);font-weight:900;line-height:1;text-shadow:0 0 8px green,0 0 18px greenyellow}.harthos-message span{color:#9de8ff;font-size:.9rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.nat-twenty{animation:nat-twenty 2s linear infinite}@keyframes nat-twenty{0%{color:red}14%{color:orange}28%{color:#ff0}42%{color:green}56%{color:#00f}70%{color:#009c9c}84%{color:pink}93%{color:purple}to{color:red}}@media(max-width:560px){.harthos-page{padding:24px}.harthos-back-link{top:16px;left:16px}}.landing-page{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:32px;color:#eef7ff;background:radial-gradient(circle at 22% 24%,rgba(42,232,183,.2),transparent 25rem),radial-gradient(circle at 76% 18%,rgba(157,232,255,.22),transparent 26rem),linear-gradient(140deg,#060815,#10182d 46%,#07111f)}.landing-stars,.landing-stars:before,.landing-stars:after{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff .8px,transparent .8px),radial-gradient(#9de8ff .7px,transparent .7px);background-position:0 0,42px 64px;background-size:130px 130px,210px 210px;opacity:.32}.landing-stars:before,.landing-stars:after{content:""}.landing-stars:before{transform:rotate(8deg) scale(1.1);opacity:.18}.landing-stars:after{transform:rotate(-12deg) scale(1.2);opacity:.12}.landing-panel{position:relative;z-index:1;display:grid;width:min(100%,440px);gap:32px;justify-items:stretch}.landing-panel h1{margin:0;text-align:center;font-size:clamp(3.25rem,12vw,6.5rem);line-height:.95}.landing-actions{display:grid;gap:14px}.landing-actions a{display:grid;min-height:72px;place-items:center;border:1px solid rgba(157,232,255,.199);border-radius:8px;padding:14px 20px;color:#eef7ff;font-size:1.15rem;font-weight:900;text-align:center;text-decoration:none;background:#ffffff14;transition:transform .18s ease,border-color .18s ease,background .18s ease}.landing-actions a:first-child{border-color:transparent;color:#05101d;background:#9de8ff}.landing-actions a:hover{transform:translateY(-2px);border-color:#9de8ffd9}.landing-actions a:first-child:hover{border-color:transparent}.landing-actions span{display:block;margin-top:4px;color:#c8d9ea;font-size:.78rem;font-weight:800}.games-landing{justify-items:center;text-align:center}.game-list{display:grid;width:100%;gap:14px}.game-list a{display:grid;min-height:84px;place-items:center;border:1px solid rgba(157,232,255,.28);border-radius:8px;padding:16px 20px;color:#eef7ff;font-size:1.15rem;font-weight:900;text-decoration:none;background:#ffffff14;transition:transform .18s ease,border-color .18s ease,background .18s ease}.game-list a:hover{transform:translateY(-2px);border-color:#9de8ffd9}.game-list span{display:block;margin-top:4px;color:#c8d9ea;font-size:.78rem;font-weight:800}.secondary-link{display:inline-grid;min-height:48px;place-items:center;border:1px solid transparent;border-radius:8px;padding:0 18px;color:#05101d;font-weight:900;text-decoration:none;background:#9de8ff}@media(max-width:560px){.landing-page{padding:24px}.landing-actions a{min-height:66px}}#root{min-height:100vh}.portfolio{position:relative;min-height:100vh;overflow:hidden;color:#eef7ff;background:radial-gradient(circle at 12% 18%,rgba(0,198,255,.24),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(77,184,255,.18),transparent 22rem),linear-gradient(140deg,#060815,#10182d 42%,#07111f)}.star-field,.star-field:before,.star-field:after{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff .8px,transparent .8px),radial-gradient(#9de8ff .7px,transparent .7px);background-position:0 0,42px 64px;background-size:130px 130px,210px 210px;opacity:.34}.star-field:before,.star-field:after{content:""}.star-field:before{transform:rotate(8deg) scale(1.1);opacity:.2}.star-field:after{transform:rotate(-12deg) scale(1.2);opacity:.12}.site-header,.hero,.mission-band,.tab-section{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 16px}.brand{display:inline-flex;align-items:center;gap:10px;color:#f8fbff;font-weight:800;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(140,231,255,.55);border-radius:50%;color:#08111f;background:linear-gradient(135deg,#9de8ff,#6669ff);box-shadow:0 0 28px #00c6ff47}.tab-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tab,.primary-action,.secondary-action{min-height:42px;border:1px solid rgba(157,232,255,.24);border-radius:8px;padding:0 16px;color:#eef7ff;font:inherit;font-weight:700;background:#ffffff12;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.tab:hover,.primary-action:hover,.secondary-action:hover{transform:translateY(-1px);border-color:#9de8ffcc}.tab.is-active,.primary-action{color:#05101d;background:#9de8ff}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;min-height:360px;padding:34px 0 56px}.hero-copy{max-width:720px}.eyebrow{margin:0 0 12px;color:#12b8eb;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:22px;font-size:clamp(3rem,8vw,6.6rem);line-height:.95;letter-spacing:0}.hero-text{max-width:660px;color:#c8d9ea;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.orbit-visual{position:relative;display:grid;min-height:460px;place-items:center}.planet{position:relative;width:min(72vw,330px);aspect-ratio:1;overflow:hidden;border:1px solid rgba(157,232,255,.4);border-radius:50%;background:linear-gradient(160deg,rgba(157,232,255,.9),transparent 46%),radial-gradient(circle at 72% 32%,#66e0ff 0 8%,transparent 9%),radial-gradient(circle at 35% 68%,#2ae8b7 0 10%,transparent 11%),linear-gradient(145deg,#163d67,#081527 68%);box-shadow:inset -30px -40px 90px #0000009e,0 0 70px #00c6ff47}.planet:before{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.12);border-radius:40%;transform:rotate(-18deg)}.scan-line{position:absolute;left:-20%;width:140%;height:2px;background:#9de8ffb3;box-shadow:0 0 22px #9de8ff;animation:scan 4s ease-in-out infinite}.scan-line.delay{animation-delay:1.7s}.orbit{position:absolute;border:1px solid rgba(157,232,255,.24);border-radius:50%}.orbit-one{width:410px;height:190px;transform:rotate(-18deg)}.orbit-two{width:250px;height:470px;transform:rotate(34deg)}.satellite{position:absolute;width:16px;height:16px;border-radius:50%;background:#8266ff;box-shadow:0 0 24px #3421dbcc}.satellite-one{top:78px;right:72px}.satellite-two{bottom:94px;left:72px;background:#2ae8b7}.vision-panel{position:absolute;right:18px;bottom:36px;display:grid;gap:4px;width:180px;border:1px solid rgba(157,232,255,.38);border-radius:8px;padding:16px;background:#040a18c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.vision-panel span,.vision-panel small{color:#9de8ff;font-weight:800}.vision-panel strong{font-size:2rem}.mission-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(157,232,255,.18);border-radius:8px;background:#9de8ff29}.mission-band article{padding:24px;background:#07111fcc}.mission-band span,.timeline span,.experience-item span,.resume-panel span,.project-card p{color:#66c7ff;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mission-band h2,.section-heading h2{margin-bottom:10px;font-size:clamp(1.8rem,4vw,3rem)}.mission-band p,.split-layout p,.project-card span,.timeline p,.experience-item p,.resume-panel p,.contact-panel p{color:#c8d9ea;line-height:1.7}.tab-section{padding:24px 0 96px}.section-heading{margin-bottom:18px}.split-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);gap:28px;align-items:start}.split-layout h3,.contact-panel h3{margin-bottom:16px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.12}.metrics-grid,.project-grid,.timeline,.experience-list,.contact-panel{display:grid;gap:14px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid div,.project-card,.timeline article,.experience-item,.resume-panel,.contact-panel{border:1px solid rgba(157,232,255,.2);border-radius:8px;background:#ffffff12;box-shadow:0 20px 60px #0000002e}.metrics-grid div{display:grid;gap:8px;min-height:128px;padding:20px}.metrics-grid strong{color:#9de8ff;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.metrics-grid span{color:#c8d9ea}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card,.timeline article,.experience-item,.resume-panel,.contact-panel{padding:24px}.project-card h3,.timeline h3,.experience-item h3,.resume-panel h3{margin:10px 0;font-size:1.3rem}.resume-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}.resume-panel p{max-width:720px;margin-bottom:0}.resume-panel code{color:#eef7ff;font-size:.95em}.resume-panel a{display:inline-grid;min-height:48px;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:8px;padding:0 18px;color:#05101d;font-weight:900;text-decoration:none;background:#9de8ff;transition:transform .18s ease,background .18s ease}.resume-panel a:hover{transform:translateY(-1px);background:#b7efff}.experience-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.experience-header time{color:#9de8ff;font-size:.9rem;font-weight:900;line-height:1.4;text-align:right;white-space:nowrap}.experience-item p{max-width:820px;margin:6px 0 0}.skill-cloud{display:flex;flex-wrap:wrap;gap:10px}.skill-cloud span{border:1px solid rgba(157,232,255,.28);border-radius:8px;padding:12px 14px;color:#eef7ff;font-weight:800;background:#ffffff14}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.contact-links a{border:1px solid rgba(157,232,255,.28);border-radius:8px;padding:12px 14px;color:#05101d;font-weight:900;text-decoration:none;background:#9de8ff}@keyframes scan{0%{top:16%;opacity:0}20%,80%{opacity:1}to{top:82%;opacity:0}}@media(max-width:900px){.site-header,.hero,.split-layout{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.tab-list{justify-content:flex-start}.hero{min-height:auto;padding-top:28px}.mission-band,.project-grid{grid-template-columns:1fr}.experience-header{grid-template-columns:1fr;gap:4px}.resume-panel{align-items:flex-start;flex-direction:column}.experience-header time{text-align:left;white-space:normal}.orbit-visual{min-height:410px}}@media(max-width:560px){.site-header,.hero,.mission-band,.tab-section{width:min(100% - 28px,1180px)}.tab{flex:1 1 auto;padding:0 12px}.metrics-grid{grid-template-columns:1fr}.orbit-one{width:320px}.orbit-two{height:390px}.vision-panel{right:0;bottom:20px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#060815}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ffd166;outline-offset:3px}