:root{--bg-main:#000000e6;--text-main:#f8fafc;--text-soft:#ffffffb8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 0 0,#ffffff0f,#0000 22%),radial-gradient(circle at 100% 0,#ffffff0a,#0000 18%),linear-gradient(135deg,#000000f5 0%,#000000e6 55%,#080808f5 100%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit}:root{--bg-panel:#0c0c0cd1;--border-soft:#ffffff14;--accent:#f4f4f5;--accent-strong:#fff;--shadow-lg:0 18px 50px #00000059}.site-header{z-index:100;border:1px solid var(--border-soft);background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(1120px,100% - 2rem);box-shadow:var(--shadow-lg);border-radius:22px;justify-content:space-between;align-items:center;gap:1.5rem;margin:1rem auto 0;padding:1rem 1.4rem;display:flex;position:sticky;top:0}.header-brand{flex-direction:column;gap:.2rem;display:flex}.header-brand__identity{align-items:center;gap:.9rem;display:flex}.header-brand__text{flex-direction:column;gap:.2rem;display:flex}.header-avatar{object-fit:cover;border:1px solid #ffffff1f;border-radius:50%;width:52px;height:52px;box-shadow:0 10px 24px #0000003d}.header-brand h1{letter-spacing:.04em;color:#83c2ff;margin:0;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.1}.brand-kicker{letter-spacing:.24em;text-transform:uppercase;color:#fff9;font-size:.78rem;font-weight:700}.header-nav{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.header-nav a{color:var(--text-soft);border:1px solid #0000;border-radius:999px;padding:.75rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s,color .2s,border-color .2s,box-shadow .2s;position:relative}.header-nav a:hover{color:var(--text-main);background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 24px #00000047}.header-nav a.active{color:#050505;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);box-shadow:0 10px 24px #ffffff24}@media (width<=720px){.site-header{flex-direction:column;align-items:stretch;width:calc(100% - 1rem);margin-top:.5rem;padding:1rem}.header-brand{text-align:center}.header-brand__identity,.header-nav{justify-content:center}.header-nav a{text-align:center;flex:100%}}.home-page{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.home-hero{background:radial-gradient(circle at 100% 0,#ffffff14,#0000 24%),linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:32px;margin-top:1.5rem;padding:clamp(2rem,5vw,4rem);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000047}.home-hero__orbit{pointer-events:none;position:absolute;inset:0}.tech-float{color:#ffffffc7;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:.6rem 1rem;font-size:.82rem;font-weight:700;position:absolute;box-shadow:0 12px 30px #00000038}.tech-float--1{top:1.2rem;right:16rem}.tech-float--2{top:3rem;right:1.5rem}.tech-float--3{top:8rem;right:17rem}.tech-float--4{bottom:7rem;right:2rem}.tech-float--5{bottom:2rem;right:15rem}.tech-float--6{top:1.4rem;left:54%}.tech-float--7{bottom:8rem;left:70%}.home-hero__content{z-index:1;max-width:760px;position:relative}.home-hero__layout{z-index:1;display:block;position:relative}.home-hero__eyebrow{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:1rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-block}.home-hero h1{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.98}.home-hero__intro{max-width:62ch;color:var(--text-soft);margin:0;font-size:1.08rem;line-height:1.8}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.home-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:1.6rem;box-shadow:0 16px 40px #0003}.home-card--wide{grid-column:1/-1}.home-card h2{margin:0 0 .9rem;font-size:1.25rem}.home-card p{color:var(--text-soft);margin:0;line-height:1.8}.tech-stack{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.tech-pill{color:#ffffffe0;letter-spacing:.03em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.65rem 1rem;font-size:.88rem;font-weight:700;display:inline-flex}@media (width<=768px){.home-page{width:calc(100% - 1rem);padding-bottom:2.5rem}.home-hero{border-radius:24px;margin-top:1rem;padding:1.5rem}.home-grid{grid-template-columns:1fr}.home-card--wide{grid-column:auto}.home-hero__orbit{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex;position:relative}.tech-float{box-shadow:none;font-size:.78rem;position:static}}.project-page{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.project-hero{background:radial-gradient(circle at 100% 0,#83c2ff2e,#0000 26%),linear-gradient(150deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:32px;padding:clamp(2rem,5vw,3.5rem);box-shadow:0 20px 60px #00000047}.project-hero__eyebrow{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:1rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-block}.project-hero h1{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1}.project-hero p{max-width:64ch;color:var(--text-soft);margin:0;font-size:1.05rem;line-height:1.8}.project-timeline{gap:1.5rem;margin-top:2rem;display:grid;position:relative}.project-timeline:before{content:"";background:linear-gradient(#83c2ff8c,#ffffff14);width:2px;position:absolute;top:0;bottom:0;left:104px}.timeline-card{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid;position:relative}.timeline-card__content:hover{cursor:pointer;transition:transform .2s;transform:translateY(-2px);box-shadow:0 4px 12px #dff1ff,0 8px 24px #ffffff1a}.timeline-card__year-block{padding-top:1rem;position:relative}.timeline-card__year{color:#dff1ff;letter-spacing:.08em;background:#83c2ff1a;border:1px solid #83c2ff47;border-radius:999px;padding:.45rem .8rem;font-size:.92rem;font-weight:800;display:inline-block}.timeline-card__dot{background:#83c2ff;border:3px solid #0e121b;border-radius:50%;width:14px;height:14px;position:absolute;top:1.55rem;right:17px;box-shadow:0 0 0 6px #83c2ff1f}.timeline-card__content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 100% 0,#83c2ff14,#0000 22%),#ffffff08;border:1px solid #ffffff14;border-radius:28px;padding:1.5rem;box-shadow:0 16px 40px #0003}.timeline-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.timeline-card__status{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;font-size:.78rem;font-weight:700;display:inline-block}.timeline-card__header h2{letter-spacing:-.03em;color:#83c2ff;margin:0;font-size:clamp(1.5rem,4vw,2rem)}.timeline-card__links{flex-wrap:wrap;gap:.75rem;display:flex}.timeline-card__links a{color:var(--text-main);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:.7rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s}.timeline-card__links a:hover{background:#83c2ff1f;border-color:#83c2ff66;transform:translateY(-2px)}.timeline-card__intro{color:var(--text-main);margin:1rem 0 0;font-size:1.02rem;line-height:1.8}.timeline-card__stack{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.timeline-card__stack span{color:#ffffffd6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:.45rem .8rem;font-size:.88rem;font-weight:700}@media (width<=768px){.project-page{width:calc(100% - 1rem);padding-bottom:2.5rem}.project-hero{border-radius:24px;padding:1.5rem}.project-timeline:before{left:16px}.timeline-card{grid-template-columns:1fr;gap:.8rem;padding-left:2rem}.timeline-card__year-block{padding-top:0}.timeline-card__dot{top:.85rem;left:-22px;right:auto}.timeline-card__content{border-radius:24px;padding:1.25rem}.timeline-card__header{flex-direction:column}}.contact-page{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.contact-hero{background:radial-gradient(circle at 100% 0,#ffffff14,#0000 24%),linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:32px;padding:clamp(2rem,5vw,3.5rem);box-shadow:0 20px 60px #00000047}.contact-hero__eyebrow{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:1rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-block}.contact-hero h1{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1}.contact-hero p{max-width:62ch;color:var(--text-soft);margin:0;font-size:1.05rem;line-height:1.8}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:flex;box-shadow:0 16px 40px #0003}.contact-card:hover{background:#ffffff0d;border-color:#ffffff24;transform:translateY(-4px);box-shadow:0 20px 48px #00000047}.contact-card__icon{background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:20px;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.contact-card__icon img{object-fit:contain;width:30px;height:30px}.contact-card__fallback{color:#ffffffeb;letter-spacing:.08em;font-size:1rem;font-weight:800}.contact-card__content{min-width:0}.contact-card__label{color:#fff9;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:700;display:block}.contact-card__value{color:var(--text-main);word-break:break-word;font-size:1rem;font-weight:700;line-height:1.5;display:block}@media (width<=768px){.contact-page{width:calc(100% - 1rem);padding-bottom:2.5rem}.contact-hero{border-radius:24px;padding:1.5rem}.contact-grid{grid-template-columns:1fr}.contact-card{align-items:flex-start}}.details-project-page{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.details-back-link{color:#ffffffc7;align-items:center;width:fit-content;margin-bottom:1rem;font-size:.94rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.details-back-link:hover{color:#dff1ff;transform:translate(-3px)}.details-hero{background:radial-gradient(circle at 100% 0,#83c2ff2e,#0000 26%),linear-gradient(150deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:32px;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3.5rem);display:flex;box-shadow:0 20px 60px #00000047}.details-hero__eyebrow,.details-section__label{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:1rem;padding:.45rem .9rem;font-size:.78rem;font-weight:700;display:inline-block}.details-hero h1{color:#83c2ff;margin:0 0 1rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1}.details-hero p{max-width:64ch;color:var(--text-soft);margin:0;font-size:1.05rem;line-height:1.8}.details-hero__meta{flex-direction:column;gap:.75rem;min-width:160px;display:flex}.details-hero__meta span{color:#dff1ff;text-align:center;background:#83c2ff14;border:1px solid #83c2ff40;border-radius:18px;padding:.75rem 1rem;font-weight:800}.details-layout{grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;margin-top:1.5rem;display:grid}.details-content{gap:1rem;display:grid}.details-section,.details-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 100% 0,#83c2ff14,#0000 24%),#ffffff08;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 16px 40px #0003}.details-section{padding:1.5rem}.details-section h2,.details-sidebar h2{color:var(--text-main);margin:0 0 .85rem;font-size:1.35rem}.details-section p{color:var(--text-soft);margin:0;font-size:1rem;line-height:1.8}.details-sidebar{align-self:start;gap:1.25rem;padding:1.5rem;display:grid;position:sticky;top:6rem}.details-sidebar__block+.details-sidebar__block{border-top:1px solid #ffffff14;padding-top:1.25rem}.details-stack,.details-links{flex-wrap:wrap;gap:.7rem;display:flex}.details-stack span{color:#ffffffd6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:.45rem .8rem;font-size:.88rem;font-weight:700}.details-link,.details-links a{color:var(--text-main);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.details-link--primary,.details-links a:first-child{background:#83c2ff1f;border-color:#83c2ff47}.details-link:hover,.details-links a:hover{background:#83c2ff1f;border-color:#83c2ff66;transform:translateY(-2px)}@media (width<=860px){.details-hero,.details-layout{grid-template-columns:1fr}.details-hero{flex-direction:column}.details-hero__meta{flex-flow:wrap}.details-hero__meta span{flex:150px}.details-sidebar{position:static}}@media (width<=520px){.details-project-page{width:calc(100% - 1rem);padding-bottom:2.5rem}.details-hero,.details-section,.details-sidebar{border-radius:24px}.details-hero{padding:1.5rem}.details-section,.details-sidebar{padding:1.25rem}}