@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--bg0:#05070b;--bg1:#070b14;--panel:#0c101a85;--panel2:#0c101a52;--border:#ffffff1a;--border2:#ffffff0f;--text:#f8fafc;--muted:#a0afc2;--muted2:#7d8aa2;--a:#1f6bff;--b:#35d3ff;--ok:#4ade80;--rXL:28px;--rL:22px;--rM:16px;--shadow:0 22px 70px #00000094;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sans:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 15% -10%,#1f6bff29,transparent 60%),radial-gradient(900px 520px at 95% 10%,#35d3ff1a,transparent 58%),linear-gradient(180deg,var(--bg0),var(--bg1));margin:0;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.page{min-height:100%}.bg{z-index:-6;filter:saturate(1.05)contrast(1.05);background-color:#0000;background-image:linear-gradient(#02030659,#020306c7,#020306fa),url(https://cdn.tmcdn.de/api/cdn/fbbadba8/4.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.noise{z-index:-5;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}.grid{z-index:-4;pointer-events:none;opacity:.12;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:90px 90px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(closest-side at 50% 18%,#000 12%,#0000 70%);mask-image:radial-gradient(closest-side at 50% 18%,#000 12%,#0000 70%)}.wrap{width:min(1180px,100% - 44px);margin:0 auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border2);background:#02030685;position:sticky;top:0}.row{justify-content:space-between;align-items:center;gap:14px;height:78px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-weight:900;display:flex}.brand.small{font-size:1.02rem}.brandText{font-size:1.22rem}.dot{background:radial-gradient(circle at 30% 30%,var(--b),var(--a));border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 7px #1f6bff1a,0 0 26px #1f6bff59}.accent{background:linear-gradient(90deg,var(--a),var(--b));color:#0000;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:26px;display:flex}.nav a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);padding:10px 0;font-size:.78rem;transition:all .18s;position:relative}.nav a:after{content:"";background:linear-gradient(90deg,var(--a),var(--b));transform-origin:0;opacity:.85;border-radius:2px;height:2px;transition:all .2s;position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.nav a:hover{color:var(--text)}.nav a:hover:after{transform:scaleX(1)}.headerRight{align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--border2);height:44px;color:var(--text);letter-spacing:.01em;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-weight:900;transition:all .16s;display:inline-flex}.btn:hover{border-color:#1f6bff66;transform:translateY(-1px);box-shadow:0 18px 55px #00000073}.btn.primary{background:linear-gradient(90deg,#1f6bff42,#35d3ff24);border-color:#1f6bff8c}.btn.ghost{background:#00000024}.mono{font-family:var(--mono);color:var(--muted)}.hero{padding:86px 0 0}.heroGrid{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:14px;display:grid}.heroMain{border-radius:var(--rXL);border:1px solid var(--border2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:linear-gradient(#0c101a8f,#0c101a4d);padding:34px 26px;position:relative;overflow:hidden}.heroMain:before{content:"";pointer-events:none;background:radial-gradient(900px 420px at 20% 10%,#1f6bff33,#0000 60%),radial-gradient(700px 420px at 95% 30%,#35d3ff24,#0000 60%);position:absolute;inset:-2px}.heroMain>*{z-index:1;position:relative}.pill{border:1px solid var(--border2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);color:var(--muted);background:#00000029;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:.76rem;display:inline-flex}.pillDot{background:var(--ok);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #4ade80d9}.h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.04}.shine{background:linear-gradient(90deg,var(--a),var(--b));color:#0000;text-shadow:0 0 34px #35d3ff1a;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:62ch;margin:0 0 20px;font-size:1.06rem}.cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.micro{color:#ffffffb8;font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:.78rem;display:flex}.microDot{background:#ffffff59;border-radius:999px;width:5px;height:5px}.heroAside{display:flex}.heroCard{border-radius:var(--rXL);border:1px solid var(--border2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c101a4d;width:100%;padding:22px;box-shadow:0 18px 70px #00000059}.heroCardTitle{letter-spacing:-.03em;font-size:1.2rem;font-weight:900}.heroCardText{color:var(--muted);margin-top:10px;line-height:1.7}.heroCardActions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.section{padding:96px 0 0;scroll-margin-top:96px}.head{text-align:center;margin-bottom:18px}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#35d3fff2;font-size:.74rem}.head h2{letter-spacing:-.04em;margin:12px 0 8px;font-size:clamp(1.9rem,3.2vw,2.8rem)}.head p{color:var(--muted);margin:0}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.card{border:1px solid var(--border2);border-radius:var(--rXL);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c101a4d;transition:all .18s;overflow:hidden;box-shadow:0 18px 70px #00000059}.card:hover{border-color:#1f6bff59;transform:translateY(-6px);box-shadow:0 30px 90px #00000073}.cardMedia{filter:saturate(1.05)contrast(1.05);background-position:50%;background-size:cover;height:200px;position:relative}.cardOverlay{background:linear-gradient(#0000000f,#0009);position:absolute;inset:0}.cardBody{padding:16px 16px 18px}.cardTop{gap:10px;display:grid}.cardTitle{letter-spacing:-.02em;font-size:1.12rem;font-weight:900}.tagRow{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);color:#fffc;background:#00000029;border-radius:999px;padding:8px 10px;font-size:.72rem}.cardDesc{color:var(--muted);margin-top:10px;font-size:.92rem}.cardActions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.link{font-family:var(--mono);letter-spacing:.04em;border-bottom:2px solid #1f6bff8c;padding-bottom:3px;font-size:.82rem;font-weight:900}.link.ghost{color:#ffffffd1;border-bottom-color:#ffffff1f}.link.muted{color:#ffffff8c;border-bottom-color:#ffffff1a}.skillGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.skillCard{border:1px solid var(--border2);border-radius:var(--rXL);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c101a4d;padding:18px 18px 16px;box-shadow:0 18px 70px #00000047}.skillTitle{letter-spacing:-.02em;margin-bottom:10px;font-weight:900}.skillList{color:var(--muted);margin:0;padding-left:18px}.skillList li{margin:8px 0}.aboutGrid{grid-template-columns:1.05fr .95fr;align-items:start;gap:14px;margin-top:18px;display:grid}.aboutMain{border:1px solid var(--border2);border-radius:var(--rXL);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c101a4d;padding:22px;box-shadow:0 18px 70px #00000047}.aboutMain p{color:var(--muted)}.aboutPoints{gap:10px;margin-top:14px;display:grid}.point{color:var(--muted);align-items:center;gap:10px;display:flex}.bullet{background:#35d3fff2;border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #35d3ff59}.aboutSide{gap:12px;display:grid}.aboutCard{border:1px solid var(--border2);border-radius:var(--rXL);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c101a42;padding:18px}.aboutCardT{letter-spacing:-.02em;font-weight:900}.aboutCardD{color:var(--muted);margin-top:10px;line-height:1.7}.footer{border-top:1px solid var(--border2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02030699;margin-top:100px;padding:26px 0}.foot{justify-content:space-between;align-items:center;gap:14px;display:flex}.footLeft{gap:6px;display:grid}.footRight{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.muted{color:var(--muted)}@media (max-width:980px){.nav{display:none}.heroGrid,.cards,.skillGrid,.aboutGrid{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}.footRight{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bg{background-attachment:initial}}