:root{color:#eef7ff;background:#06080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #06080d;--bg-panel: rgba(10, 15, 24, .82);--bg-panel-strong: rgba(12, 20, 30, .94);--line: rgba(132, 159, 178, .2);--line-bright: rgba(110, 231, 218, .48);--text: #eef7ff;--text-soft: #b8c6d8;--text-muted: #8090a4;--cyan: #6ee7da;--sky: #8ccaff;--green: #9ae66e;--amber: #f3ca69;--red: #fb7185;--shadow: 0 24px 90px rgba(0, 0, 0, .42);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 11% 8%,rgba(110,231,218,.16),transparent 26rem),radial-gradient(circle at 84% 14%,rgba(243,202,105,.1),transparent 24rem),radial-gradient(circle at 58% 92%,rgba(140,202,255,.1),transparent 30rem),linear-gradient(145deg,#06080d,#091019 42%,#070a11)}body:before,body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;content:""}body:before{background-image:linear-gradient(rgba(132,159,178,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(132,159,178,.08) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 100%)}body:after{z-index:-1;background:linear-gradient(90deg,transparent,rgba(110,231,218,.08),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 6px);opacity:.55}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p,li,a,span,strong{overflow-wrap:anywhere}h1,h2,h3,p{margin-top:0}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#06080d00,#06080db8 47%,#06080d),radial-gradient(circle at 50% -18rem,rgba(110,231,218,.08),transparent 38rem)}.app-shell:before{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:5;width:116px;height:28px;border:1px solid rgba(110,231,218,.24);border-radius:999px;background:radial-gradient(circle at 18px 50%,var(--green) 0 4px,transparent 5px),linear-gradient(90deg,#091019d1,#141f2bb3);box-shadow:0 0 32px #6ee7da1f;color:var(--text-soft);content:"ONLINE";font-size:.62rem;font-weight:800;letter-spacing:0;line-height:26px;padding-left:34px;pointer-events:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:clamp(28px,5vw,64px);min-height:92vh;align-items:center;padding:72px clamp(20px,6vw,96px) 54px}.hero:before{position:absolute;inset:7% clamp(18px,5vw,76px) auto auto;width:min(34vw,470px);height:min(34vw,470px);border:1px solid rgba(110,231,218,.14);border-radius:50%;background:linear-gradient(90deg,transparent 49.8%,rgba(110,231,218,.2) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(110,231,218,.18) 50%,transparent 50.2%);box-shadow:inset 0 0 80px #6ee7da0a;content:"";opacity:.8;pointer-events:none}.hero:after{position:absolute;right:clamp(18px,5vw,82px);bottom:7%;width:min(46vw,680px);height:1px;background:linear-gradient(90deg,transparent,rgba(243,202,105,.8),transparent);box-shadow:0 0 24px #f3ca6959;content:"";opacity:.72}.hero-content,.hero-panel,.page-section{position:relative;z-index:1}.hero-content{max-width:780px}.eyebrow,.category{display:inline-flex;min-height:24px;align-items:center;gap:8px;margin:0;color:var(--cyan);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow:before,.category:before{display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);content:""}h1{margin:14px 0 12px;color:#fff;font-size:clamp(3.5rem,12vw,8.6rem);letter-spacing:0;line-height:.92;text-shadow:0 0 18px rgba(110,231,218,.2),0 18px 60px rgba(0,0,0,.7)}h2{margin:10px 0 0;color:#fff;font-size:clamp(2rem,4.6vw,3.8rem);letter-spacing:0;line-height:1.04}h3{margin:0;color:#fff;font-size:clamp(1rem,1.35vw,1.18rem);letter-spacing:0;line-height:1.35}.hero-kicker{margin:0;color:#dcefff;font-size:clamp(1.18rem,2.7vw,1.95rem);font-weight:800;line-height:1.22}.hero-summary,.section-heading p,.skill-card p,.portfolio-card p,.timeline-item p,.about-grid,.contact-panel{color:var(--text-soft);line-height:1.72}.hero-summary{max-width:700px;margin:24px 0 0;font-size:clamp(1rem,1.4vw,1.08rem)}.hero-actions,.card-actions,.contact-links,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.hero-actions{margin-top:32px}.button,.card-actions a,.contact-links a{position:relative;display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(110,231,218,.34);border-radius:var(--radius);padding:10px 16px;background:linear-gradient(135deg,#6ee7da1f,#0c141ec7 56%),#0a121fd1;box-shadow:inset 0 1px #ffffff14;color:#f2fbff;font-size:.92rem;font-weight:800;line-height:1.2;transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease}.button:after,.card-actions a:after,.contact-links a:after{width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;margin-left:10px;content:"";opacity:.72;transform:rotate(45deg)}.button:hover,.card-actions a:hover,.contact-links a:hover{border-color:#9ae66eb8;background:linear-gradient(135deg,#9ae66e24,#0c141ed1 56%),#0d1920e6;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000003d;transform:translateY(-2px)}.hero-panel,.skill-card,.portfolio-card,.timeline-item,.contact-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),var(--bg-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{display:grid;align-self:center;gap:13px;min-height:360px;padding:24px;overflow:hidden}.hero-panel:before{height:34px;border-bottom:1px solid rgba(132,159,178,.18);margin:-24px -24px 4px;background:radial-gradient(circle at 24px 50%,var(--red) 0 4px,transparent 5px),radial-gradient(circle at 44px 50%,var(--amber) 0 4px,transparent 5px),radial-gradient(circle at 64px 50%,var(--green) 0 4px,transparent 5px),linear-gradient(90deg,rgba(255,255,255,.045),transparent);content:""}.hero-panel:after{position:absolute;top:34px;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(110,231,218,.09),transparent),repeating-linear-gradient(180deg,transparent 0,transparent 39px,rgba(132,159,178,.08) 40px);content:"";pointer-events:none}.hero-panel span,.hero-panel strong{position:relative;z-index:1}.hero-panel span{width:fit-content;border:1px solid rgba(110,231,218,.22);border-radius:999px;padding:3px 9px;background:#0c141ed6;color:var(--cyan);font-size:.76rem;font-weight:900}.hero-panel strong{display:block;min-height:52px;border-left:2px solid var(--cyan);padding:7px 0 7px 14px;color:#f8fbff;font-size:1rem;line-height:1.42}.hero-panel strong:nth-of-type(2){border-left-color:var(--amber)}.hero-panel strong:nth-of-type(3){border-left-color:var(--green)}.animated-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-image:linear-gradient(rgba(132,159,178,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(132,159,178,.09) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black 48%,transparent 100%);mask-image:linear-gradient(to bottom,black 48%,transparent 100%)}.animated-bg:before{position:absolute;inset:14% 8% auto;height:52%;border:1px solid rgba(110,231,218,.1);background:linear-gradient(120deg,transparent 0 44%,rgba(110,231,218,.12) 45% 45.5%,transparent 46%),linear-gradient(36deg,transparent 0 54%,rgba(243,202,105,.12) 55% 55.4%,transparent 56%);content:"";opacity:.9}.signal{position:absolute;height:1px;width:44vw;min-width:260px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px #6ee7da7a;animation:signal-slide 8s linear infinite}.signal-one{top:24%;left:-26%}.signal-two{top:52%;left:-38%;background:linear-gradient(90deg,transparent,var(--amber),transparent);box-shadow:0 0 18px #f3ca696b;animation-delay:1.9s}.signal-three{top:70%;left:-18%;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 18px #9ae66e6b;animation-delay:3.4s}.node{position:absolute;width:10px;height:10px;border:1px solid rgba(238,247,255,.8);border-radius:50%;background:var(--cyan);box-shadow:0 0 28px #6ee7dadb;animation:pulse-node 2.8s ease-in-out infinite}.node:after{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid rgba(110,231,218,.2);border-radius:inherit;content:""}.node-a{top:30%;left:18%}.node-b{top:48%;left:74%;background:var(--amber);box-shadow:0 0 28px #f3ca69b8;animation-delay:.8s}.node-c{top:72%;left:42%;background:var(--green);box-shadow:0 0 28px #9ae66eb8;animation-delay:1.4s}.page-section{padding:86px clamp(20px,6vw,96px)}.page-section:before{display:block;width:100%;max-width:1180px;height:1px;margin:0 auto 48px;background:linear-gradient(90deg,transparent,rgba(132,159,178,.34),transparent);content:""}.page-section:nth-of-type(odd){background:radial-gradient(circle at 8% 40%,rgba(140,202,255,.07),transparent 26rem),linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.section-heading{max-width:780px;margin:0 0 34px}.section-heading p:last-child{margin:16px 0 0;font-size:clamp(.98rem,1.4vw,1.06rem)}.skill-grid,.portfolio-grid{display:grid;gap:18px}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-card,.portfolio-card,.timeline-item,.contact-panel{position:relative;overflow:hidden;padding:20px}.skill-card:before,.portfolio-card:before,.timeline-item:before,.contact-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(110,231,218,.08),transparent 34%),linear-gradient(315deg,rgba(243,202,105,.055),transparent 42%);content:"";pointer-events:none}.skill-card{display:grid;min-height:268px;align-content:start;gap:15px}.skill-card h3,.skill-card p,.skill-card .tag-row,.portfolio-card-body,.timeline-item>*,.contact-panel>*{position:relative;z-index:1}.skill-card p,.portfolio-card p,.timeline-item p{margin-bottom:0}.tag-row{align-content:flex-start}.tag{display:inline-flex;min-height:28px;align-items:center;border:1px solid rgba(110,231,218,.2);border-radius:999px;padding:5px 10px;background:#0891b21c;color:#d8fffb;font-size:.78rem;font-weight:750;line-height:1.2}.about-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:24px;max-width:1180px}.about-grid p,.about-grid ul{min-height:100%;border:1px solid var(--line);border-radius:var(--radius);margin:0;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),#090e18ad;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-grid p{padding:22px}.about-grid ul{display:grid;gap:14px;align-content:center;padding:22px 22px 22px 42px}.about-grid li::marker{color:var(--cyan)}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.portfolio-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 24px}.portfolio-filter-button{min-height:40px;border:1px solid rgba(110,231,218,.2);border-radius:999px;padding:8px 15px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),#0a121fa3;color:var(--text-soft);cursor:pointer;font-size:.86rem;font-weight:850;line-height:1;transition:transform .17s ease,border-color .17s ease,background .17s ease,color .17s ease,box-shadow .17s ease}.portfolio-filter-button:hover,.portfolio-filter-button[aria-pressed=true]{border-color:#6ee7da94;background:linear-gradient(135deg,#6ee7da2e,#9ae66e14),#09121ee0;box-shadow:inset 0 1px #ffffff14,0 0 30px #6ee7da1a;color:#f4fffd;transform:translateY(-1px)}.portfolio-card{display:grid;grid-template-rows:auto 1fr;padding:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.portfolio-card:hover{border-color:#6ee7da7a;box-shadow:var(--shadow),0 0 42px #6ee7da14;transform:translateY(-6px)}.portfolio-card img{aspect-ratio:16 / 9;width:100%;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(110,231,218,.18),transparent),#101826;object-fit:cover}.portfolio-video-shell{position:relative;width:min(100% - 40px,320px);border:1px solid rgba(110,231,218,.18);border-radius:var(--radius);margin:20px auto 0;background:radial-gradient(circle at 50% 18%,rgba(110,231,218,.12),transparent 42%),#03070d;box-shadow:0 18px 46px #00000057,inset 0 0 0 1px #ffffff0a;overflow:hidden}.portfolio-video-shell.is-portrait{aspect-ratio:9 / 16}.portfolio-video-shell video{display:block;width:100%;height:100%;background:#07111f;object-fit:contain}.video-watermark{position:absolute;right:14px;top:12px;z-index:2;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;background:#07090f94;color:#edf4ffc7;font-size:.72rem;font-weight:850;line-height:1;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.5)}.portfolio-card-body{display:grid;grid-template-rows:auto auto auto auto auto 1fr auto;gap:14px;padding:20px}.portfolio-explanation{display:grid;gap:12px}.mini-label{display:inline-flex;margin-bottom:6px;color:var(--cyan);font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.portfolio-card ul{margin:0;padding-left:18px;color:#c8d6e9;line-height:1.55}.portfolio-card li+li{margin-top:8px}.portfolio-card li::marker{color:var(--amber)}.flow-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-preview span{position:relative;min-height:36px;border:1px solid rgba(110,231,218,.18);border-radius:var(--radius);padding:8px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#0f172ad1;color:#c8fffb;font-size:.78rem;font-weight:850;line-height:1.2;text-align:center}.flow-preview span:not(:last-child):after{position:absolute;top:50%;right:-8px;width:8px;height:1px;background:#6ee7da6b;content:""}.timeline{position:relative;display:grid;gap:16px;max-width:1050px}.timeline:before{position:absolute;top:18px;bottom:18px;left:139px;width:1px;background:linear-gradient(180deg,transparent,rgba(110,231,218,.42),transparent);content:""}.timeline-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px}.timeline-item time{position:relative;z-index:1;width:fit-content;height:fit-content;border:1px solid rgba(110,231,218,.24);border-radius:999px;padding:5px 10px;background:#090e18e0;color:var(--cyan);font-size:.82rem;font-weight:900}.timeline-item p{margin:10px 0 14px}.contact-panel{display:flex;max-width:1180px;align-items:center;justify-content:space-between;gap:18px}.contact-links{justify-content:flex-end}@keyframes signal-slide{0%{transform:translate(0)}to{transform:translate(145vw)}}@keyframes pulse-node{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.55)}}@media(max-width:1080px){.skill-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.app-shell:before{display:none}.hero,.about-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:58px}.hero:before{width:420px;height:420px;opacity:.32}.hero-panel{max-width:640px;min-height:0}.contact-panel{align-items:flex-start;flex-direction:column}.contact-links{justify-content:flex-start}}@media(max-width:700px){.hero{gap:26px;padding-inline:18px}.hero-actions,.card-actions,.contact-links,.button,.card-actions a,.contact-links a{width:100%}.page-section{padding:58px 18px}.page-section:before{margin-bottom:34px}.skill-grid,.portfolio-grid,.timeline-item{grid-template-columns:1fr}.skill-card{min-height:0}.timeline:before{left:14px}.timeline-item{gap:14px;padding-left:28px}.timeline-item time{margin-left:-28px}.flow-preview{grid-template-columns:1fr}.flow-preview span:not(:last-child):after{top:auto;right:50%;bottom:-8px;width:1px;height:8px}}@media(max-width:420px){h1{font-size:clamp(3rem,22vw,4.8rem)}.hero-panel,.skill-card,.portfolio-card-body,.timeline-item,.contact-panel,.about-grid p,.about-grid ul{padding:16px}.about-grid ul{padding-left:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}