*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#3b82f652}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#4f8cff59;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--cobalt)}:root{--cobalt:#4f8cff;--cobalt-2:#22d3ee;--cobalt-dark:#2563eb;--cobalt-light:#1e3a8a;--cobalt-soft:#172554;--gradient:linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%);--gradient-strong:linear-gradient(120deg, #2563eb 0%, #06b6d4 60%, #22d3ee 100%);--gradient-soft:linear-gradient(135deg, #3b82f629 0%, #22d3ee24 100%);--glow-blue:#3b82f68c;--glow-cyan:#22d3ee66;--navy:#0a1120;--navy-light:#0f1a30;--background:#0b1220;--background-light:#0f1a2e;--surface:#111c31;--surface-light:#142038;--heading:#eef6ff;--text:#a9c0dc;--text-soft:#9fb7d6;--muted:#6d84a3;--border:#94a3b821;--shadow-xs:0 2px 10px #0000004d;--shadow-sm:0 12px 32px #00000059;--shadow-md:0 22px 55px #00000073;--shadow-lg:0 32px 75px #0000008c;--shadow-glow:0 16px 45px #2563eb73;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-full:999px;--font-heading:"Space Grotesk", "Inter", system-ui, sans-serif;--transition:all .3s cubic-bezier(.22, 1, .36, 1)}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:min(1180px,100% - 40px);margin:0 auto}.section{padding:105px 0}.section-soft{background:linear-gradient(180deg, var(--background-light) 0%, #17255459 100%)}.section-heading{max-width:760px;margin-bottom:55px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--heading);margin-bottom:18px;font-size:clamp(34px,4vw,46px);font-weight:600;line-height:1.12}.section-heading p{color:var(--text-soft);font-size:18px}.section-label{color:var(--cobalt-2);font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:13.5px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--gradient-strong);border-radius:2px;width:26px;height:2px}.section-heading.center .section-label{justify-content:center}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#c9e9ffe6;border-bottom:1px solid #1d4ed824;position:sticky;top:0;box-shadow:0 10px 35px #0b16261f}.nav-container{justify-content:space-between;align-items:center;gap:40px;min-height:74px;display:flex}.logo{color:#0b3a5c;font-family:var(--font-heading);letter-spacing:-1px;font-size:30px;font-weight:700}.logo span{background:var(--gradient-strong);color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:#12466e;letter-spacing:.1px;border-radius:var(--radius-full);transition:var(--transition);padding:8px 14px;font-size:15.5px;font-weight:600;position:relative}.nav-links a:hover{color:#082c47;background:#0b3a5c14}.nav-links a .active{color:#082c47}.nav-links a:has(.active){background:#1d4ed81f}.nav-links a:has(.active):after{content:"";background:var(--gradient-strong);border-radius:2px;height:2px;position:absolute;bottom:4px;left:14px;right:14px}.hero{background:radial-gradient(900px 500px at 85% -10%,#22d3ee2e,#0000 60%),radial-gradient(720px 480px at -10% 110%,#3b82f64d,#0000 60%),radial-gradient(500px 320px at 50% 60%,#2563eb1a,#0000 70%),linear-gradient(160deg,#0a1120 0%,#0d1a33 55%,#0a1120 100%);align-items:center;min-height:calc(100vh - 74px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#4f8cff0d 1px,#0000 1px),linear-gradient(90deg,#4f8cff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 75%)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;padding-top:80px;padding-bottom:80px;display:grid;position:relative}.hero-content{max-width:700px}.hero-title{margin-bottom:26px}.hero-badge,.hero-name,.hero-role{opacity:0;animation:.7s forwards heroTextIn;display:block}.hero-badge{font-family:var(--font-heading);letter-spacing:1.4px;text-transform:uppercase;color:#bcd6ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background:#0f1a30b3;border:1px solid #4f8cff4d;align-items:center;gap:9px;margin-bottom:22px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e38,0 0 12px #22c55ecc}.hero-name{font-family:var(--font-heading);color:var(--heading);letter-spacing:-.03em;font-size:clamp(50px,6vw,76px);line-height:1.04;animation-delay:80ms}.hero-role{font-family:var(--font-heading);letter-spacing:-.02em;background:var(--gradient-strong);color:#0000;filter:drop-shadow(0 0 28px #22d3ee40);-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:clamp(40px,5vw,62px);font-weight:700;line-height:1.06;animation-delay:.35s}@keyframes heroTextIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-description{max-width:640px;color:var(--text-soft);margin-bottom:34px;font-size:19px}.hero-buttons{flex-wrap:wrap;gap:14px;margin-bottom:32px;display:flex}.btn{border-radius:var(--radius-full);font-family:var(--font-heading);transition:var(--transition);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:15.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-strong);color:#fff;box-shadow:var(--shadow-glow);border:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 55px #3b82f68c}.btn-outline{color:#bcd6ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1a3080;border:1.5px solid #4f8cff80}.btn-outline:hover{background:var(--gradient-strong);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000;transform:translateY(-3px)}.social-links{align-items:center;gap:13px;display:flex}.social-links a{color:#bcd6ff;width:46px;height:46px;box-shadow:var(--shadow-xs);transition:var(--transition);background:#0f1a30b3;border:1px solid #4f8cff40;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-links a:hover{background:var(--gradient-strong);color:#fff;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.hero-image-wrapper{justify-content:flex-end;align-items:center;display:flex}.hero-image-card{border-radius:var(--radius-lg);width:min(430px,100%);height:540px;box-shadow:var(--shadow-lg);background:linear-gradient(160deg,#1a2b4a 0%,#10223c 100%);padding:10px;transition:transform .4s;position:relative;overflow:hidden}.hero-image-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#22d3ee38,#0000 60%);position:absolute;inset:-40%}.hero-image-card:hover{transform:translateY(-8px)}.hero-image{z-index:1;object-fit:cover;object-position:center top;border-radius:calc(var(--radius-lg) - 8px);width:100%;height:100%;display:block;position:relative}.home-intro{background:var(--background-light)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);padding:34px;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-strong);transform-origin:0;height:3px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#22d3ee47;transform:translateY(-7px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:var(--gradient-soft);width:58px;height:58px;color:var(--cobalt-2);border-radius:15px;justify-content:center;align-items:center;margin-bottom:22px;font-size:26px;display:flex}.feature-card h3{font-family:var(--font-heading);color:var(--heading);margin-bottom:12px;font-size:22px}.feature-card p{color:var(--text-soft)}.page-hero{border-bottom:1px solid var(--border);background:radial-gradient(700px 380px at 90% -20%,#22d3ee29,#0000 60%),radial-gradient(600px 360px at -5% 110%,#3b82f642,#0000 60%),linear-gradient(160deg,#0d1830 0%,#0a1120 100%);padding:100px 0 82px;position:relative}.page-hero h1{max-width:900px;font-family:var(--font-heading);color:var(--heading);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(42px,5vw,60px);line-height:1.08}.page-hero p:not(.section-label){max-width:760px;color:var(--text-soft);font-size:19px}.about-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;display:grid}.about-image-card{border-radius:var(--radius-lg);width:min(450px,100%);height:560px;box-shadow:var(--shadow-md);background:linear-gradient(160deg,#1a2b4a 0%,#10223c 100%);margin:0 auto;padding:10px;position:relative;overflow:hidden}.about-image{object-fit:cover;object-position:center top;border-radius:calc(var(--radius-lg) - 8px);width:100%;height:100%;display:block}.about-content h2{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--heading);margin-bottom:24px;font-size:clamp(32px,4vw,44px);line-height:1.12}.about-content p{color:var(--text-soft);margin-bottom:18px;font-size:18px}.about-highlights{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.about-highlights div{background:var(--gradient-soft);color:#bcd6ff;border-radius:var(--radius-sm);font-family:var(--font-heading);transition:var(--transition);align-items:center;gap:10px;padding:14px 15px;font-size:14.5px;font-weight:600;display:flex}.about-highlights div:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.hobbies-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.hobby-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);padding:34px;position:relative;overflow:hidden}.hobby-card:before{content:"";background:var(--gradient-strong);transform-origin:0;height:3px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hobby-card:hover{box-shadow:var(--shadow-md);border-color:#22d3ee47;transform:translateY(-6px)}.hobby-card:hover:before{transform:scaleX(1)}.hobby-card>svg{color:var(--cobalt-2);background:var(--gradient-soft);border-radius:14px;margin-bottom:20px;padding:12px;font-size:32px}.hobby-card h3{font-family:var(--font-heading);color:var(--heading);margin-bottom:10px;font-size:23px}.hobby-card p{color:var(--text-soft)}.article-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#131f38 0%,#10203c 100%);align-items:center;gap:25px;padding:30px;display:flex}.article-icon{background:var(--gradient-strong);color:#fff;width:62px;height:62px;box-shadow:var(--shadow-glow);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:flex}.article-date{color:var(--cobalt-2);font-family:var(--font-heading);margin-bottom:5px;font-weight:600}.article-card h3{font-family:var(--font-heading);color:var(--heading);margin-bottom:8px;font-size:25px}.article-card p{color:var(--text-soft)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:var(--transition);align-items:center;gap:18px;padding:25px;display:flex}.skill-card:hover{box-shadow:var(--shadow-md);border-color:#22d3ee47;transform:translateY(-5px)}.skill-icon{background:var(--gradient-soft);width:54px;height:54px;color:var(--cobalt-2);transition:var(--transition);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.skill-card:hover .skill-icon{background:var(--gradient-strong);color:#fff;box-shadow:var(--shadow-glow)}.skill-card h3{font-family:var(--font-heading);color:var(--heading);margin-bottom:3px;font-size:20px}.skill-card p{color:var(--muted);font-size:15px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:var(--transition);padding:34px}.project-card:hover{box-shadow:var(--shadow-md);border-color:#22d3ee47;transform:translateY(-7px)}.project-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-top>svg{color:var(--cobalt-2);background:var(--gradient-soft);border-radius:12px;padding:10px;font-size:25px}.project-type{color:var(--cobalt-2);border-radius:var(--radius-full);font-family:var(--font-heading);letter-spacing:.4px;text-transform:uppercase;background:#3b82f629;padding:7px 13px;font-size:12.5px;font-weight:600}.project-card h2{font-family:var(--font-heading);color:var(--heading);margin-bottom:15px;font-size:26px}.project-description{color:var(--text-soft);margin-bottom:20px;font-size:17px}.project-tech{color:var(--muted);margin-bottom:25px;font-size:15px}.project-tech strong{color:var(--heading);font-family:var(--font-heading)}.project-links{flex-wrap:wrap;gap:12px;display:flex}.project-links a{color:#bcd6ff;border-radius:var(--radius-full);font-family:var(--font-heading);transition:var(--transition);border:1px solid #4f8cff59;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.project-links a:hover{background:var(--gradient-strong);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000;transform:translateY(-2px)}.timeline{max-width:900px;position:relative}.timeline:before{content:"";background:linear-gradient(#3b82f699,#22d3ee2e);width:2px;position:absolute;top:0;bottom:0;left:28px}.timeline-item{grid-template-columns:58px 1fr;gap:25px;margin-bottom:50px;display:grid;position:relative}.timeline-icon{z-index:2;background:var(--gradient-strong);color:#fff;width:58px;height:58px;box-shadow:0 0 0 7px var(--background), 0 8px 22px #3b82f680;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.timeline-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:var(--transition);padding:28px}.timeline-content:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.timeline-date{color:var(--cobalt-2);border-radius:var(--radius-full);font-family:var(--font-heading);background:#3b82f629;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.timeline-content h2{font-family:var(--font-heading);color:var(--heading);margin:12px 0 3px;font-size:26px}.timeline-content h3{color:var(--cobalt-2);margin-bottom:14px;font-size:17px;font-weight:600}.timeline-content p{color:var(--text-soft)}.contact-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.contact-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:var(--transition);background:linear-gradient(160deg,#13203a 0%,#101b30 100%);padding:34px}.contact-card:hover{box-shadow:var(--shadow-md);border-color:#22d3ee47;transform:translateY(-5px)}.contact-icon{background:var(--gradient-soft);width:60px;height:60px;color:var(--cobalt-2);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;font-size:26px;display:flex}.contact-card h2{font-family:var(--font-heading);color:var(--heading);margin-bottom:8px;font-size:24px}.contact-card p{color:var(--text-soft);margin-bottom:14px}.contact-card a,.contact-card span{color:var(--cobalt-2);font-family:var(--font-heading);word-break:break-word;font-weight:600}.contact-card a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.footer{color:#12466e;background:#c9e9ff;margin-top:auto;position:relative}.footer:before{content:"";background:var(--gradient-strong);height:3px;position:absolute;top:0;left:0;right:0}.footer-content{justify-content:space-between;align-items:center;gap:40px;padding:60px 0 42px;display:flex}.footer-logo{color:#0b3a5c;font-family:var(--font-heading);font-size:30px;font-weight:700}.footer-logo span{background:var(--gradient-strong);color:#0000;-webkit-background-clip:text;background-clip:text}.footer-content p{color:#1a5080;max-width:500px;margin-top:10px}.footer-socials{gap:12px;display:flex}.footer-socials a{color:#12466e;width:46px;height:46px;transition:var(--transition);background:#ffffffb3;border:1px solid #1d4ed829;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-socials a:hover{background:var(--gradient-strong);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #1d4ed824;padding:22px 0}.footer-bottom p{color:#1a5080;font-size:14px}@media (width<=950px){.nav-container{flex-direction:column;justify-content:center;gap:15px;padding:18px 0}.nav-links{flex-wrap:wrap;justify-content:center;gap:4px}.hero{min-height:auto}.hero-grid{text-align:center;grid-template-columns:1fr;gap:55px}.hero-content{max-width:800px;margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.social-links,.hero-image-wrapper{justify-content:center}.hero-image-card{width:390px;height:500px;margin:0 auto}.feature-grid,.hobbies-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:50px}.about-image-card{width:390px;height:500px;margin:0 auto}.projects-grid{grid-template-columns:1fr}}@media (width<=650px){.container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.nav-container{min-height:auto}.nav-links a{padding:6px 10px;font-size:14px}.hero-grid{padding-top:60px;padding-bottom:65px}.hero-name{letter-spacing:-.02em;font-size:43px}.hero-role{letter-spacing:-.01em;font-size:36px}.hero-description{font-size:17px}.hero-buttons{flex-direction:column}.btn{width:100%}.hero-image-card{border-radius:22px;width:min(360px,100%);height:450px;padding:8px}.hero-image{border-radius:16px}.feature-grid,.hobbies-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}.page-hero{padding:75px 0 60px}.page-hero h1{font-size:40px}.about-image-card{border-radius:22px;width:min(360px,100%);height:450px;padding:8px}.about-image{border-radius:16px}.about-highlights{grid-template-columns:1fr}.article-card{flex-direction:column;align-items:flex-start}.project-card{padding:26px}.project-card h2{font-size:23px}.timeline:before{left:22px}.timeline-item{grid-template-columns:45px 1fr;gap:18px}.timeline-icon{width:45px;height:45px}.timeline-content{padding:22px}.timeline-content h2{font-size:22px}.footer-content{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.11ms!important;animation-duration:.11ms!important;animation-iteration-count:1!important}}