*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:#fff8ea;color:#243746;overflow-x:hidden;transition:.35s}a{text-decoration:none;color:inherit}.navbar{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;z-index:50;background:rgba(255,248,234,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(36,55,70,.07)}.logo{font-weight:800;font-size:1.35rem;letter-spacing:.08em}.logo span,footer b span{color:#72bfe4}.nav-links{display:flex;gap:30px;font-size:.9rem;font-weight:600}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:2px;background:#72bfe4;transition:.3s}.nav-links a:hover:after{width:100%}.theme-btn,.menu-btn{border:0;background:#dff3fc;color:#243746;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.1rem}.menu-btn{display:none}.section{padding:115px 8%;position:relative}.hero{min-height:100vh;padding-top:150px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.eyebrow{color:#5ba9d0;text-transform:uppercase;font-size:.74rem;font-weight:800;letter-spacing:.16em;margin-bottom:16px}.hero h1{font-size:clamp(3.3rem,7vw,6.6rem);line-height:.95;letter-spacing:-.07em;margin-bottom:20px}.hero h1 span,h2 span{color:#62b6df}.typing-wrap{font-weight:700;font-size:1.15rem;min-height:28px}.caret{animation:blink .7s infinite}.hero-text{max-width:490px;color:#657681;margin:20px 0 30px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:700;font-size:.88rem;transition:.25s}.btn.primary{background:#91d3f0;box-shadow:0 10px 25px rgba(82,171,218,.18)}.btn.ghost{border:1px solid #a9dff6;background:#fff}.btn:hover{transform:translateY(-4px)}.hero-card{width:min(370px,100%);height:450px;background:#a9ddf5;border-radius:45% 45% 28px 28px;justify-self:center;position:relative;transform:rotate(2deg);box-shadow:15px 20px 0 #dff3fc}.photo-placeholder{position:absolute;inset:45px 38px 75px;background:#fff8ea;border-radius:38% 38% 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed #8fcde9;color:#8ba2ae}.avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#dff3fc;color:#62b6df;font-size:4rem;font-weight:800}.sticker{position:absolute;z-index:3;font-size:2.4rem}.sticker-star{top:22px;right:20px}.sticker-heart{bottom:50px;left:15px;font-size:3rem}.mini-note{position:absolute;right:-25px;bottom:20px;background:#fff;padding:13px 17px;border-radius:14px;box-shadow:0 12px 25px rgba(36,55,70,.12);font-size:.72rem;transform:rotate(-5deg)}.cloud{position:absolute;color:#cbeefa;font-size:5rem;opacity:.75;animation:float 5s ease-in-out infinite}.cloud-1{top:19%;left:4%}.cloud-2{right:4%;bottom:18%;font-size:3.5rem;animation-delay:1s}.scroll-note{position:absolute;bottom:30px;left:8%;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#8da0aa}.section-head{max-width:700px;margin-bottom:55px}.section-head h2{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em}.about{background:#eaf8fd}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.about-text{font-size:1.1rem;line-height:1.9;color:#536872}.about-text p+p{margin-top:18px}.quote{margin-top:28px;padding:22px;background:#fff8ea;border-left:4px solid #72bfe4;border-radius:0 18px 18px 0;font-weight:700;color:#354b58}.facts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fact{padding:24px;background:#fff;border-radius:22px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 30px rgba(72,145,178,.08);transition:.3s}.fact:hover{transform:translateY(-7px)}.fact span{font-size:1.8rem}.fact small{color:#80929c}.projects{background:#fff8ea}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{min-height:280px;padding:30px;border:1px solid #d8edf6;border-radius:28px;background:#fff;transition:.35s;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#e8f8fd;right:-50px;top:-50px}.project-card:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:0 18px 40px rgba(75,147,181,.13)}.project-icon{font-size:2.5rem;margin-bottom:45px;position:relative}.project-card p{color:#7b909a;font-size:.76rem;line-height:1.7}.project-card h3{font-size:1.8rem;margin:5px 0 8px;position:relative}.project-link{display:block;margin-top:28px;font-weight:700;font-size:.8rem;color:#5aadd3}.featured{background:#a9ddf5;border-color:#a9ddf5}.featured:before{background:#cceefa}.marquee{overflow:hidden;background:#243746;color:#eaf8fd;padding:16px 0;font-size:.75rem;font-weight:800;letter-spacing:.2em;white-space:nowrap}.marquee div{animation:marquee 18s linear infinite}.skills{background:#eaf8fd}.skills-wrap{max-width:850px;display:grid;gap:18px}.skill{display:grid;grid-template-columns:170px 1fr 50px;align-items:center;gap:15px;font-weight:700}.skill i{height:10px;background:#fff;border-radius:99px;overflow:hidden;position:relative}.skill i:after{content:"";position:absolute;inset:0;width:var(--level);background:#7bc4e7;border-radius:99px;transform:scaleX(0);transform-origin:left;transition:1.2s ease}.skill.visible i:after{transform:scaleX(1)}.skill b{font-size:.75rem;color:#6599b0}.journey{background:#fff8ea}.timeline{max-width:850px;border-left:2px solid #a9dff6;padding-left:35px;display:grid;gap:40px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-44px;top:5px;width:15px;height:15px;border-radius:50%;background:#72bfe4;border:4px solid #fff8ea}.timeline-item>span{font-size:.72rem;font-weight:800;color:#5aadd3;letter-spacing:.15em}.timeline-item h3{margin:5px 0;font-size:1.4rem}.timeline-item p{color:#71838c;line-height:1.7}.contact{background:#eaf8fd}.contact-box{text-align:center;background:#a9ddf5;border-radius:40px;padding:75px 20px;overflow:hidden;position:relative}.contact-box h2{font-size:clamp(2.5rem,6vw,5.5rem);letter-spacing:-.07em;line-height:1}.contact-box>p:not(.eyebrow){margin:20px auto 30px;color:#47606d}.contact-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}footer{padding:35px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;color:#60747e;font-size:.75rem}footer b{font-size:1.1rem;color:#243746}footer small{opacity:.7}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:1000;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:#62b6df}.cursor-ring{width:28px;height:28px;border:1px solid #62b6df;transition:width .2s,height .2s}.dark{background:#172832;color:#eaf8fd}.dark .navbar,.dark .projects,.dark .journey,.dark footer{background:#172832}.dark .hero-text,.dark .about-text,.dark .timeline-item p{color:#b4c8d0}.dark .btn.ghost,.dark .project-card,.dark .fact,.dark footer{color:#eaf8fd;background:#203943}.dark .about,.dark .skills,.dark .contact{background:#1e3540}.dark .project-card{border-color:#355361}.dark .quote{background:#203943}.dark .theme-btn{background:#294956;color:#fff}.dark .navbar{border-color:#294956}.dark .scroll-note{color:#9eb4bd}@keyframes float{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes blink{50%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:760px){.navbar{height:68px;padding:0 5%}.nav-links{position:absolute;top:68px;left:0;right:0;background:#fff8ea;padding:20px 7%;display:flex;flex-direction:column;gap:18px;transform:translateY(-150%);transition:.35s;box-shadow:0 15px 25px rgba(0,0,0,.06)}.nav-links.open{transform:translateY(0)}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-btn span{width:17px;height:2px;background:#243746}.theme-btn{width:36px;height:36px}.hero{padding-top:125px;grid-template-columns:1fr;gap:45px;text-align:center}.hero-text{margin:20px auto 30px}.hero-actions{justify-content:center}.hero-card{width:285px;height:345px}.photo-placeholder{inset:35px 30px 60px}.avatar{width:75px;height:75px;font-size:3rem}.scroll-note{display:none}.cloud{font-size:3rem}.section{padding:85px 6%}.about-grid,.project-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.skill{grid-template-columns:115px 1fr 42px;font-size:.8rem;gap:9px}.contact-box{padding:55px 18px}footer{flex-direction:column;text-align:center}.cursor-dot,.cursor-ring{display:none}}