*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:#e6ecf5;background-color:#090a0f;margin:0;font-family:Nunito,sans-serif}img{max-width:100%;display:block}h1,h2,h3,nav a{font-family:"Baloo 2",sans-serif}nav{z-index:10;background-color:#729bca33;border-radius:0 0 3px 3px;justify-content:space-between;align-items:center;padding:16px 96px;transition:background-color .3s;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0003}nav.scrolled{background-color:#fff}nav ul{gap:32px;margin:0;padding:0;list-style:none;display:flex}nav a{color:#fff;font-size:20px;font-weight:700;text-decoration:none}nav a:hover{text-decoration:underline}nav.scrolled a,nav.scrolled .menu-button{color:#13175c}.menu-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;display:none}.hero{justify-content:center;align-items:center;gap:48px;padding:80px 48px;display:flex}.hero-text{flex:1;max-width:640px}.hero h1{color:#fff;margin:0;font-size:64px;line-height:1.1}.hero h2{color:#9fc0ff}.hero-buttons{grid-template-columns:repeat(2,max-content);justify-items:start;gap:16px;display:grid}.hero-buttons .btn{min-width:200px}.btn{color:#111;background-color:#fff;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #0003}.btn:hover{background-color:#729bca}.btn svg{font-size:22px}.hero-photo{width:400px;position:relative}.hero-photo img{border-radius:32px}.photo-drawing{object-fit:cover;width:100%;height:100%;animation:1.5s 3s forwards reveal-photo;position:absolute;top:0;left:0}@keyframes reveal-photo{0%{opacity:1}to{opacity:0}}.hero-photo:hover .photo-drawing{opacity:1;animation:none}section{padding:60px 48px}section>h2{color:#fff;border-bottom:4px solid #fff;margin-top:0;padding-bottom:4px;font-size:32px;display:inline-block}.scene{color:#fff;perspective:900px;place-items:center;min-height:100vh;margin:0;padding:24px;display:grid;overflow:hidden}.scene-card{width:100%;max-width:420px;transition:transform .15s ease-out;position:relative}.front{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#ffffff14;border:1px solid #ffffff40;border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.chip{background:linear-gradient(135deg,#f7d774,#e0a526);border-radius:8px;width:48px;height:36px;margin-bottom:32px}.front p{letter-spacing:4px;color:#9fc0ff;margin:0;font-size:12px}.front h1{margin:6px 0 24px;font-size:32px}.start-button button{color:#13175c;font:inherit;cursor:pointer;background-color:#fff;border:none;border-radius:99px;padding:12px 28px;font-weight:700}.start-button button:hover{background-color:#9fc0ff}.tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:99px;padding:6px 16px;font-size:14px;font-weight:700;animation:3s ease-in-out infinite alternate bob;position:absolute}.tag-h{top:-18px;left:-24px}.tag-c{animation-delay:.5s;top:30%;right:-36px}.tag-j{animation-delay:1s;bottom:-16px;left:40%}.tag-p{animation-delay:1.5s;bottom:30%;left:-40px}.shine{pointer-events:none;opacity:0;border-radius:24px;transition:opacity .3s;position:absolute;inset:0}.scene-card:hover .shine,.contact-cv:hover .shine{opacity:1}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (width<=768px){.front h1{font-size:26px}.tag-h,.tag-p{left:0}.tag-c{right:0}}@media (prefers-reduced-motion:reduce){.tag{animation:none}.shine{display:none}.scene-card,.contact-cv{transform:none!important}}.about-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f1f3f5a4;border-radius:32px;align-items:center;gap:32px;padding:32px;display:flex}.about-photo{object-fit:cover;background-color:#fff;border-radius:24px;width:300px;min-height:340px;box-shadow:0 4px 10px #0003}.about-info{flex:1}.about-info h3{color:#13175c;margin:0}.about-info h4{margin:16px 0 4px}.about-info,.about-info a{color:#13175c;font-weight:700}.about-info .btn{margin-top:24px;display:inline-block}.about-info .about-text{max-width:600px;margin:12px 0 24px;font-weight:400;line-height:1.7}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.info-item{background-color:#fff;border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px 10px #0000001a}.info-item svg{color:#729bca;flex-shrink:0;font-size:28px}.info-item h4{margin:0 0 2px}.skills-grid{gap:32px;display:flex}.skill-card{color:#111;background-color:#fff;border:12px solid #eef2f7;border-radius:32px;flex:1;padding:24px 32px;box-shadow:0 4px 10px #0003}.skill-card h3{color:#13175c;margin-top:0}.skill-card ul{margin:0;padding:0;list-style:none}.skill-card li{margin-bottom:16px;font-weight:700}.skill-card svg{color:#13175c;font-size:22px}.project-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.projects-card{color:#111;background-color:#fff;border-radius:24px;text-decoration:none;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 4px 10px #0003}.projects-card:hover{transform:translateY(-6px)}.projects-card img{object-fit:cover;width:100%;height:250px}.projects-card h3{color:#13175c;margin:16px 24px 8px}.projects-card p{margin:0 24px 24px}.contact{grid-template-columns:1fr 1fr;gap:32px 48px;display:grid}.contact>h2{grid-column:1/-1;justify-self:start}.cv-card h3{color:#fff;margin:6px 0 8px;font-size:28px}.cv-card .cv-text{letter-spacing:normal;color:#e6ecf5;margin:0 0 24px;font-size:16px}.cv-buttons{flex-wrap:wrap;gap:12px;display:flex}.contact-cv{transition:transform .15s ease-out;position:relative}.tag-pdf{top:-14px;right:24px}.tag-talk{animation-delay:1s;bottom:-14px;left:24px}.footer{color:#fff;background-color:#000;padding:40px 48px 16px}.footer-columns{justify-content:space-between;gap:32px;display:flex}.footer ul{padding:0;list-style:none}.footer a{color:#ccc;text-decoration:none}.footer a:hover{text-decoration:underline}.copyright{color:#ccc}.footer-bottom{border-top:1px solid #fff3;justify-content:space-between;align-items:center;margin-top:32px;padding-top:16px;display:flex}.footer-social,.back-to-top{align-items:center;gap:8px;display:inline-flex}.footer-social{color:#fff;border:2px solid #fff;border-radius:99px;padding:10px 20px;font-weight:700}.footer-social:hover{color:#13175c;background-color:#fff;text-decoration:none}@media (width<=768px){section,.hero{padding:40px 24px}nav{flex-wrap:wrap;padding:16px 24px}nav ul{flex-direction:column;align-items:center;gap:16px;width:100%;padding:16px;display:none}nav ul.open{display:flex}.menu-button{display:block}.hero,.about-card,.skills-grid,.footer-columns{flex-direction:column}.hero h1{font-size:44px}.hero-photo,.about-photo{width:100%}.project-grid,.contact{grid-template-columns:1fr}.hero-buttons{grid-template-columns:1fr;justify-items:stretch}}.background{z-index:-1;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);position:fixed;inset:0;overflow:hidden}.night{width:100%;height:100%;position:relative;transform:rotate(45deg)}.shooting-star{filter:drop-shadow(0 0 6px #699bff);background:linear-gradient(-45deg,#5f91ff,#00f0);border-radius:999px;height:2px;animation:3s ease-in-out infinite tail,3s ease-in-out infinite shooting;position:absolute;top:50%;left:50%}.shooting-star:before,.shooting-star:after{content:"";animation:3s ease-in-out infinite shining;animation-delay:inherit;background:linear-gradient(-45deg,#00f0,#5f91ff,#00f0);border-radius:100%;height:2px;position:absolute;top:calc(50% - 1px);right:0}.shooting-star:before{transform:translate(50%)rotate(45deg)}.shooting-star:after{transform:translate(50%)rotate(-45deg)}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}@keyframes shooting{0%{transform:translate(0)}to{transform:translate(300px)}}.shooting-star:first-child{animation-delay:0s;top:20%;left:30%}.shooting-star:nth-child(2){animation-delay:1.2s;top:30%;left:55%}.shooting-star:nth-child(3){animation-delay:2.4s;top:40%;left:20%}.shooting-star:nth-child(4){animation-delay:.6s;top:50%;left:45%}.shooting-star:nth-child(5){animation-delay:1.8s;top:60%;left:30%}.shooting-star:nth-child(6){animation-delay:2.8s;top:25%;left:65%}.shooting-star:nth-child(7){animation-delay:.3s;top:45%;left:60%}.shooting-star:nth-child(8){animation-delay:1.5s;top:65%;left:20%}.shooting-star:nth-child(9){animation-delay:2.1s;top:75%;left:40%}.shooting-star:nth-child(10){animation-delay:.9s;top:55%;left:15%}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text>*{animation:.8s both fade-up}.hero-text h2{animation-delay:.2s}.hero-text p{animation-delay:.4s}.hero-buttons{animation-delay:.6s}.badge{transform-origin:top;flex-direction:column;align-self:flex-start;align-items:center;margin-top:-80px;animation:4s ease-in-out infinite alternate swing;display:flex}.badge-strap{background-color:#fff;width:36px;height:120px}.badge-clip{z-index:1;background-color:#fff;border-radius:50%;width:44px;height:44px;margin-top:-10px;margin-bottom:-22px;position:relative}.badge-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#eef2f7b3;border-radius:48px;padding:28px;box-shadow:0 8px 24px #00000026}@keyframes swing{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@media (width<=768px){.badge{align-self:center;margin-top:0}.badge-strap,.badge-clip{display:none}}section:not(.hero){opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}section.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.night{display:none}.hero-text>*,.badge{animation:none}section:not(.hero){opacity:1;transition:none;transform:none}}