@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.escape-detail{margin:5rem 0 4rem;padding:clamp(1.25rem,4vw,3rem);border:1px solid rgba(148,163,184,.16);border-radius:22px;background:linear-gradient(145deg,#111f30eb,#09111df5)}.escape-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.escape-detail-heading h2{margin:.55rem 0 .8rem;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}.escape-detail-heading h2 span{color:var(--accent, #8b9cff)}.escape-detail-heading p{max-width:650px;color:#a8b4c7;line-height:1.8;margin:0}.escape-gallery{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.25rem;align-items:start}.escape-shot{overflow:hidden;margin:0;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:#080f1b}.escape-shot img{display:block;width:100%;height:auto;object-fit:contain}.escape-shot figcaption{display:flex;gap:.9rem;align-items:center;padding:1rem 1.1rem;border-top:1px solid rgba(148,163,184,.14)}.escape-shot figcaption>span{color:#91a5ff;font:700 .75rem/1 monospace}.escape-shot figcaption div{display:grid;gap:.25rem}.escape-shot figcaption strong{color:#eef3ff;font-size:.95rem}.escape-shot figcaption small{color:#98a6ba;line-height:1.5}.escape-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.escape-features article{padding:1.15rem;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:#08111eb8}.escape-features svg{color:#91a5ff;margin-bottom:.8rem}.escape-features strong{display:block;color:#edf2ff;font-size:.92rem}.escape-features p{color:#9eacc0;font-size:.83rem;line-height:1.65;margin:.55rem 0 0}@media(max-width:800px){.escape-detail-heading{align-items:flex-start;flex-direction:column}.escape-gallery{grid-template-columns:1fr}.escape-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.escape-features{grid-template-columns:1fr}.escape-detail{margin:3rem 0;padding:1rem}}:root{font-family:DM Sans,sans-serif;color:#edf1f8;background:#090d16;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--bg:#090d16;--panel:#101725;--line:#202b3d;--muted:#94a0b4;--accent:#7c9cff;--green:#83e0bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 76% 10%,rgba(42,67,125,.16),transparent 35%),var(--bg)}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.section-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.topbar{height:82px;width:min(1120px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{font:800 25px Manrope,sans-serif;letter-spacing:-2px}.brand span,.section-heading h2 span{color:var(--accent)}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#aab4c6}.nav a:hover,.footer a:hover{color:#fff}.nav-cta{border:1px solid #34415a;border-radius:7px;padding:10px 14px;display:flex;align-items:center;gap:8px;color:#eaf0ff}.menu-toggle{display:none;background:none;border:0;color:#fff}.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:45px;padding-bottom:90px}.eyebrow,.section-kicker,.contact-overline{font:11px DM Mono,monospace;letter-spacing:1.7px;color:#9aa8c0}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 13px #83e0bc77}.hero h1{font:800 clamp(44px,6vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-4px;margin:27px 0 22px}.hero h1 span,.about h2 span,.skills h2 span,.contact h2 span{color:var(--accent)}.hero-lead{font-size:17px;line-height:1.8;color:#aab5c7;max-width:510px}.hero-actions{display:flex;gap:13px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:7px;font-size:13px;font-weight:700;transition:.2s}.button-primary{background:#8aa5ff;color:#09101f}.button-primary:hover{background:#a9bcff;transform:translateY(-2px)}.button-ghost{border:1px solid #34415a;color:#eaf0ff}.button-ghost:hover{border-color:#829bdb}.hero-meta{display:flex;gap:25px;margin-top:48px;color:#8794aa;font:11px DM Mono,monospace}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-visual{height:440px;display:flex;align-items:center;justify-content:center;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:330px;height:330px;background:radial-gradient(circle,#5b7bdd33,#5b7bdd00 68%);right:4%;top:6%}.orb-two{width:180px;height:180px;border:1px solid rgba(120,151,255,.14);right:14%;top:19%}.code-card{z-index:1;width:min(390px,100%);background:linear-gradient(145deg,#151f30,#0e1522);border:1px solid #2c3a53;border-radius:13px;box-shadow:0 30px 100px #0008;transform:rotate(2deg);overflow:hidden}.code-top{height:45px;border-bottom:1px solid #273348;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#71809a;font:10px DM Mono,monospace}.code-top div{display:flex;gap:6px}.code-top i{width:7px;height:7px;border-radius:50%;background:#62708b}.code-top i:first-child{background:#ee827e}.code-top i:nth-child(2){background:#e8c36d}.code-top i:nth-child(3){background:#7dc9a4}.code-card pre{padding:23px 25px 16px;margin:0;font:13px/2 DM Mono,monospace;color:#d7e0ef}.code-purple{color:#c49aff}.code-green{color:#9bd9b9}.code-orange{color:#ffbe79}.code-footer{border-top:1px solid #273348;padding:13px 18px;color:#9aa8bc;font:10px DM Mono,monospace;display:flex;align-items:center;gap:9px}.float-chip{position:absolute;z-index:2;padding:10px 14px;border:1px solid #34415a;background:#111b2b;border-radius:8px;font:11px DM Mono,monospace;box-shadow:0 12px 35px #0006}.chip-java{top:66px;right:6%;color:#ffbd85}.chip-react{bottom:72px;right:0;color:#83d8ed}.chip-spring{bottom:37px;left:3%;color:#a8dfa9}.scroll-cue{position:absolute;bottom:27px;left:0;color:#66748a;font:9px DM Mono,monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.scroll-cue span{height:1px;width:35px;background:#66748a}.section{padding-top:105px;padding-bottom:105px;border-top:1px solid rgba(255,255,255,.07)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:35px}.about h2,.skills h2,.contact h2{font:800 clamp(34px,4.4vw,51px)/1.15 Manrope,sans-serif;letter-spacing:-2px;margin:0}.about-text{color:#aab5c7;font-size:14px;line-height:1.9}.about-text p{margin:0 0 15px}.text-link{display:inline-flex;align-items:center;gap:9px;color:#b6c7ff;font-size:12px;font-weight:700;margin-top:14px}.text-link:hover{color:#fff}.stats-row{display:flex;gap:0;margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.stats-row div{width:33.33%;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);padding-left:25px}.stats-row div:first-child{padding-left:0}.stats-row div:last-child{border:0}.stats-row strong{font:700 20px Manrope;color:#eaf0ff}.stats-row span{font-size:11px;color:#8390a5}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading h2{font:800 48px Manrope;letter-spacing:-2px;margin:12px 0 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-card,.repo-card{background:linear-gradient(145deg,#121c2b,#0e1521);border:1px solid #263247;border-radius:10px;padding:23px;transition:.2s}.project-card:hover,.repo-card:hover{border-color:#526b9c;transform:translateY(-3px)}.project-card-top{display:flex;justify-content:space-between;color:#72809a;font:11px DM Mono,monospace}.project-card-top a{color:#9baecc}.project-type{font:10px DM Mono,monospace;color:#8fa5d8;margin-top:34px}.project-card h3{font:700 21px Manrope;margin:9px 0 12px}.project-card p,.repo-card p{font-size:12px;line-height:1.8;color:#97a4b8;min-height:87px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.tag-list span,.skill-tags span{border:1px solid #2d3a50;border-radius:5px;padding:7px 9px;color:#aebbd0;font:10px DM Mono,monospace}.github-heading{display:flex;align-items:center;justify-content:space-between;margin:55px 0 18px}.github-heading div{display:flex;align-items:center;gap:10px}.github-heading h3{font:700 17px Manrope;margin:0}.github-heading>span,.muted{font-size:11px;color:#8290a5}.repo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.repo-card{padding:18px}.repo-title{display:flex;align-items:center;justify-content:space-between}.repo-title h4{font:600 14px Manrope;text-transform:capitalize;margin:0}.repo-title svg{color:#8397c0}.repo-card p{min-height:43px;margin:12px 0 20px}.repo-meta{display:flex;gap:18px;color:#8795ab;font:10px DM Mono,monospace}.repo-meta span{display:flex;align-items:center;gap:6px}.language-dot{width:7px;height:7px;border-radius:50%;background:#e7c56e}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px;align-items:center}.skills .muted{max-width:340px;line-height:1.8;margin-top:20px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tags span{padding:11px 14px;font-size:11px;background:#101827}.contact-panel{margin-top:28px;border:1px solid #2b3b56;border-radius:13px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;background:radial-gradient(ellipse at 10% 0%,rgba(87,115,197,.18),transparent 55%),#101827}.contact h2{font-size:56px;margin:17px 0}.contact-panel .muted{font-size:13px;line-height:1.8;max-width:390px}.contact-links{display:flex;flex-direction:column;justify-content:center;gap:0}.contact-links a{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #2a374c;color:#b9c6da;font-size:12px}.contact-links a svg:last-child{margin-left:auto;color:#8398c5}.contact-links a:hover{color:#fff}.footer{height:95px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);color:#7f8ca1;font-size:10px}.footer .brand{color:#edf1f8}.footer a:last-child{color:#aab5c7}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:80px;min-height:auto}.hero-visual{height:390px;margin-top:30px}.hero h1{font-size:58px}.scroll-cue{bottom:10px}.about-grid,.skills-grid{grid-template-columns:1fr;gap:30px}.project-grid,.repo-grid{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr;padding:35px}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:560px){.section-wrap,.topbar{width:calc(100% - 36px)}.topbar{height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#101725;padding:22px;z-index:10;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-open{display:flex}.hero{padding-top:65px;padding-bottom:75px}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero-lead{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-meta{flex-direction:column;gap:12px;margin-top:32px}.hero-visual{height:310px}.code-card{width:95%}.code-card pre{font-size:10px;padding:15px}.chip-java{right:0;top:30px}.chip-spring{left:0;bottom:12px}.chip-react{right:0;bottom:35px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}.section-heading h2{font-size:40px}.project-grid,.repo-grid{grid-template-columns:1fr}.project-card p{min-height:auto}.stats-row strong{font-size:16px}.stats-row div{padding-left:12px}.contact-panel{padding:27px 22px}.contact h2{font-size:47px}.footer{gap:12px}.footer span{font-size:9px}}.project-card{position:relative;overflow:hidden;padding:20px 21px 22px}.project-card-top{position:relative;z-index:2;align-items:center;font-size:9px;letter-spacing:1px}.project-visual{height:142px;margin:19px -1px 21px;border:1px solid #2b3b54;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#14243a,#111a2a)}.project-visual:before,.project-visual:after{content:"";position:absolute;border:1px solid rgba(145,174,255,.15);border-radius:50%;width:190px;height:190px}.project-visual:after{width:130px;height:130px}.project-visual-mark{z-index:1;width:76px;height:76px;border:1px solid #536d9e;background:#192b47;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#a9c0ff;font:800 26px Manrope;box-shadow:0 10px 40px #0006}.project-violet .project-visual{background:linear-gradient(135deg,#261b3d,#17172b)}.project-violet .project-visual-mark{background:#30234a;border-color:#6b5695;color:#d2b7ff}.project-green .project-visual{background:linear-gradient(135deg,#16352f,#13241f)}.project-green .project-visual-mark{background:#1c3c34;border-color:#477d6c;color:#a5e7c9}.visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(160,185,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(160,185,255,.15) 1px,transparent 1px);background-size:22px 22px}.project-card .project-type{margin-top:0;letter-spacing:1px}.project-card h3{font-size:19px}.project-card p{min-height:112px}.project-link{display:inline-flex;align-items:center;gap:8px;margin-top:19px;color:#b6c7ff;font-size:11px;font-weight:700}.project-link:hover{color:#fff}@media(max-width:800px){.project-card p{min-height:90px}}@media(max-width:560px){.project-visual{height:125px}.project-card p{min-height:auto}}.project-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.project-actions .project-link{margin-top:19px}
