@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg:#070b14;--line:rgba(152,180,224,.14);--text:#eef4ff;--muted:#94a3ba;--blue:#55a7ff;--cyan:#5de4ff;--violet:#a18aff}*{box-sizing:border-box;scroll-behavior:smooth}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 75% 0,rgba(26,83,154,.15),transparent 34%),var(--bg);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 56px));margin:auto}.nav{height:88px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;font-size:11px;letter-spacing:.13em;font-weight:800}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3979b6;border-radius:11px;color:var(--cyan);font-size:15px;letter-spacing:-.08em;background:linear-gradient(145deg,#162b46,#0b1220)}.mark span{color:#fff}.brand small{display:block;color:#6f809b;font:8px DM Mono,monospace;letter-spacing:.14em;margin-top:5px}.navlinks{display:flex;align-items:center;gap:28px;color:#9eacc2;font-size:12px}.navlinks a:hover{color:#fff}.navbtn{border:1px solid var(--line);padding:11px 14px;border-radius:7px;color:#eaf3ff}.hero{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding:65px 0 100px;gap:36px}.contactbox>small,.core small,.eyebrow,.footer>a:last-child,.herofoot,.label,.projectbody>small,.projecttop,.skilltop small,.visualfoot{font:9px DM Mono,monospace;letter-spacing:.12em}.eyebrow{color:#a5b7d1}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66edb0;box-shadow:0 0 12px #66edb077;margin-right:8px}h1{font-size:clamp(42px,5.5vw,70px);line-height:1.08;letter-spacing:-.065em;margin:26px 0 22px;font-weight:700}em{font-style:normal;background:linear-gradient(100deg,#f4f8ff 4%,#72c6ff 48%,#9b91ff);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{max-width:490px;color:#9eacc2;line-height:1.85;font-size:14px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.ghost,.primary{display:inline-flex;align-items:center;gap:9px;border-radius:7px;padding:13px 16px;font-size:12px;font-weight:700}.primary{color:#07101d;background:linear-gradient(110deg,#8dd8ff,#69a9ff);box-shadow:0 6px 28px #3e91ff29}.ghost{border:1px solid var(--line);color:#d7e4f8;background:#ffffff04}.ghost:hover,.primary:hover{transform:translateY(-2px)}.metas{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#8292ac;font-size:10px}.metas span:first-child{color:#7ec9ff}.metas span:last-child{color:#b0a0ff}.visual{min-height:425px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #6fa3e826;border-radius:18px;background:radial-gradient(ellipse at 50% 50%,#266dbf2e,transparent 47%),linear-gradient(145deg,#101f36bf,#080d1873)}.gridbg{inset:0;background-image:linear-gradient(#80a9df0e 1px,transparent 0),linear-gradient(90deg,#80a9df0e 1px,transparent 0);background-size:32px 32px}.gridbg,.orbit{position:absolute}.orbit{border:1px solid #61abff40;border-radius:50%;transform:rotate(-27deg)}.o1{width:270px;height:130px}.o2{width:330px;height:190px;transform:rotate(50deg);border-color:#a18aff3d}.o3{width:230px;height:230px;border-style:dashed;border-color:#5de4ff30}.core{z-index:2;display:grid;place-items:center;gap:16px;color:#9fe7ff}.core svg{width:108px;height:108px;padding:29px;border-radius:29px;background:linear-gradient(145deg,#4697f03b,#7e68ff1f);border:1px solid #74c0ff7a;box-shadow:0 0 70px #3887f038;transform:rotate(-7deg)}.core small{color:#7992b5;font-size:8px}.float{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:8px;background:#0a1220e0;border:1px solid #8bb5ec38;box-shadow:0 12px 36px #0003;font-size:10px;color:#c9d9ef}.float svg{color:var(--cyan)}.float b{color:#627997;font:9px DM Mono,monospace}.f1{top:19%;left:7%}.f2{right:6%;top:35%}.f3{bottom:20%;left:12%}.visualfoot{bottom:16px;left:18px;right:18px;color:#526884}.herofoot,.visualfoot{position:absolute;display:flex;justify-content:space-between;font-size:8px}.herofoot{bottom:27px;left:0;right:0;border-top:1px solid var(--line);padding-top:16px;color:#61728d}.section{padding-top:110px}.label{color:#8499b7;display:flex;align-items:center;gap:12px}.label span{color:var(--cyan)}.label i{width:42px;height:1px;background:linear-gradient(90deg,#4c9ef6,transparent)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:36px}h2{font-size:clamp(34px,4vw,48px);line-height:1.14;letter-spacing:-.055em;margin:0;font-weight:700}.contactbox p,.headingrow>p,.projectbody p,.twocol p,.workcard p{color:#9aa9bf;font-size:13px;line-height:1.9;margin:0 0 16px}.focus{border-top:1px solid var(--line);margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:19px}.focus b,.focus small{display:block}.focus b{font:9px DM Mono,monospace;color:#dce8fa}.focus small{font-size:10px;color:#71839f;margin-top:7px;line-height:1.5}.workcard{display:grid;grid-template-columns:54px 1fr 110px;gap:20px;align-items:start;padding:27px;margin-top:28px;background:linear-gradient(110deg,#0f1d31e6,#0a111ecc);border:1px solid var(--line);border-radius:12px}.workicon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #5de4ff38;border-radius:10px;color:var(--cyan);background:#4092e014}.current{color:#86d9b6;margin-left:10px}.workcard h3{font-size:21px;margin:11px 0 8px}.workcard p{font-size:12px;margin:0;max-width:650px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.tags span{font:9px DM Mono,monospace;color:#9bb9dc;padding:7px 9px;border:1px solid #76a0d526;background:#5088cb0f;border-radius:5px}.workcard aside{display:flex;flex-direction:column;align-items:flex-end;gap:12px;color:#7890b2;font:9px DM Mono,monospace}.workcard aside strong{color:#9fdfff}.note{color:#596c87;font-size:10px;line-height:1.7;margin-top:12px}.headingrow{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:34px 0 29px}.headingrow>p{max-width:370px;margin-bottom:4px}.skillgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill{padding:23px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#101b2dbb,#080d1880);min-height:205px}.skilltop{display:flex;justify-content:space-between;align-items:center;color:var(--cyan)}.skilltop small{color:#4c5f7b}.skill h3{font-size:14px;margin:24px 0 16px}.skill .tags span{color:#93a5bf;background:#111e31;border-color:#84a9db1f}.projectgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0e1829eb,#080d17e6)}.projecttop{padding:18px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#6b819f;font-size:8px}.projecttop span{color:#7fc5ff;font-size:8px}.projectart{height:190px;position:relative;display:grid;place-items:center;color:#9bdeff;background-image:linear-gradient(#87b1e312 1px,transparent 0),linear-gradient(90deg,#87b1e312 1px,transparent 0),radial-gradient(ellipse at 50% 50%,#3684df33,transparent 50%),linear-gradient(130deg,#101f35,#0b1220);background-size:22px 22px,22px 22px,auto,auto;border-block:1px solid #8eb5e914}.projectart svg{padding:20px;width:80px;height:80px;border:1px solid #67baff66;border-radius:20px;background:#3170b82b;box-shadow:0 0 50px #4190ee26}.projectbody{padding:23px}.projectbody>small{color:#7189a8;font-size:8px}.projectbody h3{font-size:21px;margin:10px 0;letter-spacing:-.04em}.projectbody p{font-size:12px;margin:0}.mutedlink{color:#7489a7;font-size:10px;margin-top:22px}.placeholder{border-style:dashed;opacity:.82}.notice{display:flex;align-items:flex-start;gap:10px;color:#7489a5;background:#5c88c30d;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-top:17px;font-size:10px;line-height:1.7}.notice svg{color:var(--cyan);flex-shrink:0}.notice p{margin:0}.notice b{color:#c4d4ea}.contact{padding-bottom:100px}.contactbox{position:relative;overflow:hidden;margin-top:28px;padding:55px;border:1px solid #639ee93b;border-radius:15px;background:radial-gradient(ellipse at 90% 0,#347fe22e,transparent 45%),linear-gradient(115deg,#0e1e33f2,#090f1bf2)}.contactbox>small{color:#7189a8}.contactbox h2{margin-top:18px}.contactbox p{max-width:500px;margin:18px 0 0}.email{gap:8px;color:#7189a7;font:10px DM Mono,monospace;margin-top:23px}.email,.footer{display:flex;align-items:center}.footer{min-height:95px;border-top:1px solid var(--line);justify-content:space-between;gap:20px;color:#667993;font-size:10px}.footer>a:last-child{color:#91a5c0}@media(max-width:850px){.shell{width:min(100% - 36px,650px)}.nav{height:75px}.navlinks{gap:15px}.navlinks>a:not(.navbtn){display:none}.hero{grid-template-columns:1fr;padding-top:65px;gap:35px}.visual{min-height:360px}.herofoot{bottom:15px}.hero{padding-bottom:78px}.twocol{grid-template-columns:1fr;gap:25px}.section{padding-top:82px}.headingrow{align-items:flex-start;flex-direction:column;gap:17px}.headingrow>p{max-width:550px}.workcard{grid-template-columns:48px 1fr}.workcard aside{grid-column:2;align-items:flex-start;flex-direction:row}.skillgrid{grid-template-columns:1fr 1fr}.contactbox{padding:35px}.footer{flex-wrap:wrap;padding:22px 0}.footer>span{order:3;width:100%}}@media(max-width:520px){.shell{width:calc(100% - 32px)}.brand{font-size:9px;gap:9px}.mark{width:34px;height:34px}.navbtn{padding:9px 10px;font-size:10px}.hero{padding-top:48px;gap:27px}.eyebrow{font-size:8px}h1{font-size:45px}.intro{font-size:13px}.metas{flex-direction:column;gap:10px}.visual{min-height:320px}.o1{width:220px}.o2{width:260px}.o3{width:190px;height:190px}.f1{left:4%;top:17%}.f2{right:3%;top:35%}.f3{left:5%;bottom:17%}.herofoot,.visualfoot{font-size:7px}.herofoot{gap:8px}.section{padding-top:70px}.focus{grid-template-columns:1fr}.workcard{padding:18px;gap:12px}.workcard h3{font-size:19px}.workcard p{font-size:11px}.projectgrid,.skillgrid{grid-template-columns:1fr}.skill{min-height:170px}.projectart{height:160px}.contactbox{padding:27px 21px}.contactbox h2{font-size:38px}.contactbox .actions{align-items:stretch;flex-direction:column}.contactbox .actions a{justify-content:center}.email{font-size:9px}.footer{align-items:flex-start}.footer>a:last-child{margin-left:auto}}