:root{--bg:#080b16;--panel:#101629;--panel2:#0d1324;--text:#f3f5ff;--muted:#9ca8c5;--line:rgba(151,169,224,.16);--purple:#9b75ff;--blue:#5aa9ff;--pink:#ed78d7;--green:#7ce7c1;--font:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(100px);opacity:.15;border-radius:50%}.ambient-one{width:440px;height:440px;background:#6235df;top:0;right:-180px}.ambient-two{width:350px;height:350px;background:#1269c8;bottom:0;left:-180px}.section-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{height:82px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:700 17px var(--display);letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(140deg,var(--blue),var(--purple) 65%,var(--pink));color:#fff;font-size:20px;box-shadow:0 6px 25px #8b5cf633}.brand-dot{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{font-size:13px;color:var(--muted);transition:.25s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:5px;margin-top:4px}.top-cta{font-size:13px;font-weight:700;border:1px solid #6978a7;border-radius:30px;padding:10px 15px;display:flex;align-items:center;gap:8px;transition:.25s}.top-cta svg{width:15px}.top-cta:hover{border-color:var(--blue);background:#5aa9ff12;transform:translateY(-2px)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px}.hero{min-height:630px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;position:relative;padding-top:45px;padding-bottom:76px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#9db1d7}.eyebrow{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#ffffff05;border-radius:30px;padding:8px 12px;width:max-content;margin-bottom:24px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #7ce7c1}.hello{font:500 23px var(--display);color:#b7c7e8;margin-bottom:-6px}.hero h1{font:700 clamp(54px,7vw,86px)/1.06 var(--display);letter-spacing:-5px;margin-bottom:16px}.gradient-text{background:linear-gradient(100deg,#78c7ff,#a68aff 48%,#f08edb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-period{color:var(--blue)}.hero h2{font:500 18px var(--display);color:#dce4fa}.divider{color:var(--purple);padding:0 7px}.hero-description{color:var(--muted);font-size:15px;max-width:525px;margin:19px 0 22px;line-height:1.85}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}.hero-tags span,.tech-list span{font-size:11px;color:#c7d5f2;border:1px solid var(--line);background:#ffffff06;border-radius:30px;padding:6px 11px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 17px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#438dff,#a66bff 65%,#d86ed4);box-shadow:0 10px 35px #785bff25;color:#fff}.button-primary:hover{box-shadow:0 13px 35px #785bff45}.button-ghost{border:1px solid #394562;background:#ffffff04}.button-ghost:hover{border-color:var(--purple)}.social-row{display:flex;align-items:center;gap:20px;margin-top:30px;color:var(--muted);font-size:12px}.social-row a,.location{display:flex;align-items:center;gap:7px}.social-row a:hover{color:var(--blue)}.social-row svg{width:15px;height:15px}.hero-art{min-height:430px;display:grid;place-items:center;position:relative}.profile-card{width:min(355px,88%);position:relative;z-index:2;border:1px solid #8ca3e83b;background:linear-gradient(145deg,#18213bdf,#0b1020ee);border-radius:24px;overflow:visible;box-shadow:0 30px 90px #0008,0 0 70px #8b5cf61c;transform:rotate(2deg);animation:float 6s ease-in-out infinite}.profile-top{height:43px;display:flex;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid var(--line)}.mini-dot{width:6px;height:6px;border-radius:50%;background:#7383a9}.profile-label{font:11px monospace;color:#8e9cbb;margin-left:auto}.avatar{height:220px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#8b5cf64d,transparent 55%),linear-gradient(140deg,#10182c,#111a34)}.avatar:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #8d7aff45;border-radius:45%;transform:rotate(35deg)}.avatar:after{content:"";position:absolute;width:185px;height:185px;border:1px solid #5aa9ff40;border-radius:42%;transform:rotate(-30deg)}.avatar-letter{font:700 142px/.9 var(--display);letter-spacing:-12px;background:linear-gradient(140deg,#9edbff,#9a7cff 65%,#f08edb);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1;text-shadow:0 15px 60px #6f73ff2b}.avatar-letter span{color:#e77cdb}.avatar-spark{position:absolute;color:#b99cff;font-size:25px}.spark-one{top:25px;right:46px}.spark-two{bottom:25px;left:45px;color:#75baff}.profile-code{font:12px/2 monospace;color:#d9e4ff;padding:19px 22px 22px;border-top:1px solid var(--line)}.code-muted{color:#8a99ba}.code-purple{color:#c39bff}.code-green{color:#7ce7c1}.cursor{color:var(--blue);animation:blink 1s steps(2) infinite}.floating-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #8199d83a;background:#121b32ef;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 12px 35px #0005;animation:float 5s ease-in-out infinite}.floating-chip svg{width:16px;color:var(--blue)}.chip-python{top:22%;left:-11%;animation-delay:-2s}.chip-web{bottom:22%;right:-10%;animation-delay:-1s}.orbit{position:absolute;border:1px solid #8f7dff2c;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:420px;height:280px}.orbit-two{width:480px;height:330px;transform:rotate(45deg);border-color:#5aa9ff24}.art-note{position:absolute;font:italic 12px var(--display);color:#a8b8dc;letter-spacing:.4px}.note-top{top:11%;right:-1%;transform:rotate(8deg)}.note-top span{color:var(--pink);font-size:20px}.note-bottom{bottom:8%;left:0;display:flex;align-items:center;gap:8px}.note-line{display:inline-block;width:32px;height:1px;background:var(--purple)}.scroll-cue{position:absolute;bottom:16px;left:0;display:flex;align-items:center;gap:10px;color:#7583a3;font-size:10px;letter-spacing:1px}.scroll-mouse{height:20px;width:13px;border:1px solid #69789e;border-radius:9px;position:relative}.scroll-mouse:after{content:"";position:absolute;width:2px;height:4px;background:var(--blue);left:5px;top:4px;border-radius:3px;animation:scroll 1.5s infinite}.section{padding:95px 0 15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-kicker{margin-bottom:8px;color:#8da9e3}.section-heading h2,.contact-copy h2{font:600 clamp(28px,4vw,40px)/1.2 var(--display);letter-spacing:-1.5px}.section-index{font:11px monospace;color:#7482a2;letter-spacing:1px;padding-bottom:5px}.section-intro{color:var(--muted);font-size:14px;max-width:620px;margin-top:-14px;margin-bottom:27px}.glass-card{background:linear-gradient(145deg,#11182b,#0d1220);border:1px solid var(--line);border-radius:18px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-card{padding:28px}.card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#5aa9ff24,#a16cff24);border:1px solid #8f9ce329;color:#a9a5ff;margin-bottom:18px}.card-icon svg{width:21px}.about-card h3{font:600 21px var(--display);margin-bottom:13px}.about-card p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:12px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#9ccaff;font-size:12px;font-weight:700;margin-top:8px}.text-link svg{width:15px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{padding:18px;display:flex;gap:12px;align-items:flex-start;min-width:0}.info-card>svg{width:19px;min-width:19px;color:#9f91ff;margin-top:3px}.info-card div{min-width:0}.info-card span,.info-card small{display:block;color:var(--muted);font-size:11px}.info-card strong,.info-card a{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:4px 0;color:#e7edff}.info-card small{font-size:10px;line-height:1.6}.info-card a{color:#8fcaff}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.skill-card{padding:20px 10px 17px;min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(145deg,#11192c,#0c1220);border:1px solid var(--line);border-radius:16px;transition:transform .25s,border-color .25s,background .25s}.skill-card:hover{transform:translateY(-5px);border-color:#8277d877;background:#151d34}.skill-symbol{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 18px var(--display);margin-bottom:3px}.skill-symbol svg{width:21px;height:21px}.python{background:#f4c84b20;color:#f5d15e}.html{background:#ff79441b;color:#ff875b}.css{background:#4e9eff20;color:#65b3ff}.js{background:#f6dc4b20;color:#f6dc4b;font-size:15px}.wa{background:#45d89c19;color:#59e0a5}.tk{background:#b38aff1b;color:#bda0ff}.pd{background:#6faaff1c;color:#7ebaff}.np{background:#ed86d91c;color:#f19bdf}.da{background:#5aa9ff1b;color:#73bdff}.type{background:#9b8cff1b;color:#b1a2ff}.skill-card strong{font-size:12px;text-align:center}.skill-card>span{font-size:10px;color:var(--muted);text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.project-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#11182a,#0b101d);transition:transform .3s,border-color .3s}.project-card:hover{transform:translateY(-5px);border-color:#8d83e85c}.project-visual{height:155px;position:relative;display:grid;place-items:center;overflow:hidden}.project-visual>svg{width:46px;height:46px;position:relative;z-index:1;stroke-width:1.3}.visual-blue{background:linear-gradient(130deg,#122e51,#11172f)}.visual-green{background:linear-gradient(130deg,#103b35,#111b2a)}.visual-purple{background:linear-gradient(130deg,#31204e,#11172e)}.visual-pink{background:linear-gradient(130deg,#4b204a,#15172f)}.visual-blue>svg{color:#80c6ff}.visual-green>svg{color:#70e4b1}.visual-purple>svg{color:#c0a0ff}.visual-pink>svg{color:#f59cde}.visual-orb{position:absolute;width:175px;height:175px;border-radius:50%;border:1px solid #ffffff24;box-shadow:0 0 0 22px #ffffff05,0 0 0 45px #ffffff03;transform:rotate(25deg)}.visual-label{position:absolute;bottom:15px;left:18px;font:10px monospace;letter-spacing:1.5px;color:#b7c9e7}.project-content{padding:21px}.project-meta{display:flex;justify-content:space-between;align-items:center;color:#8ba6d5;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.project-number{font:11px monospace;color:#667493}.project-content h3{font:600 19px/1.3 var(--display);margin:10px 0}.project-content p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.tech-list{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 17px}.tech-list span{font-size:10px;padding:4px 9px}.project-link{display:flex;align-items:center;justify-content:space-between;color:#a8d4ff;font-size:12px;font-weight:700;border-top:1px solid var(--line);padding-top:14px}.project-link svg{width:16px}.project-note{margin-top:17px;display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px dashed #5d74a347;border-radius:12px;color:var(--muted);font-size:11px}.project-note svg{width:17px;min-width:17px;color:#a895ff}.project-note strong{color:#dce6ff}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.achievement-card{padding:20px;display:flex;align-items:flex-start;gap:13px;position:relative;min-height:155px}.achievement-icon{width:43px;height:43px;min-width:43px;display:grid;place-items:center;border-radius:14px}.achievement-icon svg{width:22px}.icon-trophy{color:#ffcf68;background:#ffcf6819}.icon-sport{color:#6fdbbb;background:#6fdbbb19}.icon-language{color:#bc9cff;background:#bc9cff19}.achievement-label{font-size:9px;letter-spacing:1.5px;color:#8ca7dc}.achievement-card h3{font:600 15px/1.35 var(--display);margin:5px 20px 7px 0}.achievement-card p{font-size:11px;color:var(--muted);line-height:1.8}.achievement-arrow{position:absolute;right:17px;top:14px;color:#7283a7}.contact-section{padding-top:100px;padding-bottom:55px}.contact-panel{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:45px;padding:45px;border:1px solid #9b8cff35;border-radius:24px;overflow:hidden;background:linear-gradient(125deg,#121b31,#0b1020 70%)}.contact-glow{position:absolute;width:350px;height:250px;border-radius:50%;background:#8b5cf61b;filter:blur(70px);top:-150px;left:10%;pointer-events:none}.contact-copy,.contact-details{position:relative;z-index:1}.contact-copy h2{max-width:460px;margin-bottom:17px}.contact-copy>p:not(.section-kicker){color:var(--muted);font-size:13px;max-width:410px;margin-bottom:22px}.contact-details{display:flex;flex-direction:column;justify-content:center;gap:10px}.contact-details>a{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#ffffff04;transition:.25s;min-width:0}.contact-details>a:hover{border-color:#8a85e866;transform:translate(3px)}.contact-icon{width:37px;height:37px;min-width:37px;display:grid;place-items:center;border-radius:11px;background:#8b8cff18;color:#a5a4ff}.contact-icon svg{width:17px}.contact-details a>span:nth-child(2){min-width:0;flex:1}.contact-details small,.contact-details strong{display:block}.contact-details small{font-size:10px;color:var(--muted)}.contact-details strong{font-size:11px;overflow-wrap:anywhere}.detail-arrow{width:15px;color:#8ca5d6}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 28px;border-top:1px solid var(--line);color:#7f8baa;font-size:10px}.footer-brand{font-size:13px;color:#e7edff}.footer-brand .brand-mark{width:28px;height:28px;font-size:16px;border-radius:9px}.heart{color:#ec83d7}.back-to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #8b8cff55;background:#121a30;color:#c4c8ff;border-radius:13px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:8}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top svg{width:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.skills-grid .reveal:nth-child(2),.projects-grid .reveal:nth-child(2),.achievement-grid .reveal:nth-child(2){transition-delay:.08s}.skills-grid .reveal:nth-child(3),.projects-grid .reveal:nth-child(3),.achievement-grid .reveal:nth-child(3){transition-delay:.16s}.skills-grid .reveal:nth-child(4),.projects-grid .reveal:nth-child(4){transition-delay:.24s}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes blink{50%{opacity:0}}@keyframes scroll{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(7px)}}@media(max-width:900px){.nav-links{gap:15px}.hero{gap:10px;min-height:590px}.hero h1{font-size:65px}.hero-art{transform:scale(.9)}.skills-grid{grid-template-columns:repeat(4,1fr)}.contact-panel{padding:32px;gap:25px}.about-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.section-shell,.topbar{width:calc(100% - 34px)}.topbar{height:70px}.menu-toggle{display:grid;place-items:center;margin-left:auto;margin-right:12px}.menu-toggle svg{width:20px}.top-cta{padding:9px 11px;font-size:11px}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;padding:14px;background:#0c1222;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 40px #0008;grid-template-columns:1fr 1fr;gap:5px}.nav-links.open{display:grid}.nav-link{padding:10px 12px;border-radius:9px}.nav-link.active:after{display:none}.nav-link.active{background:#8b8cff19}.hero{grid-template-columns:1fr;padding-top:58px;padding-bottom:76px;gap:12px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(56px,15vw,78px);letter-spacing:-4px}.hello{font-size:20px}.hero h2{font-size:15px}.hero-description{font-size:14px}.hero-art{min-height:355px;transform:none;margin-top:4px}.profile-card{width:290px}.avatar{height:170px}.avatar-letter{font-size:120px}.orbit-one{width:320px;height:220px}.orbit-two{width:350px;height:250px}.chip-python{left:-2%}.chip-web{right:-1%}.note-top{right:0}.note-bottom{left:2%}.scroll-cue{bottom:15px}.section{padding-top:70px}.section-heading{align-items:flex-start}.section-heading h2,.contact-copy h2{font-size:30px}.section-index{font-size:9px;white-space:nowrap}.about-card{padding:22px}.info-grid{grid-template-columns:1fr 1fr}.info-card{padding:14px;gap:8px}.info-card strong,.info-card a{font-size:11px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:9px}.skill-card{min-height:125px}.projects-grid{grid-template-columns:1fr}.project-visual{height:145px}.achievement-grid{grid-template-columns:1fr}.achievement-card{min-height:auto}.contact-section{padding-top:75px;padding-bottom:35px}.contact-panel{grid-template-columns:1fr;padding:25px 20px;gap:25px}.contact-copy h2{font-size:32px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%}.back-to-top{right:14px;bottom:14px}}@media(max-width:380px){.info-grid{grid-template-columns:1fr}.hero h1{font-size:54px}.hero-actions .button{width:100%}.social-row{gap:12px;flex-wrap:wrap}.top-cta{display:none}.menu-toggle{margin-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}