@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;background:#07111f;font-family:Poppins,sans-serif;line-height:1.7}nav{background:#0b1728;border-bottom:1px solid #1e3350;justify-content:space-between;align-items:center;width:100%;padding:22px 8%;display:flex}nav h2{color:#38bdf8;font-size:28px}section{padding:80px 8%;scroll-margin-top:20px}section h2{color:#38bdf8;margin-bottom:24px;font-size:32px}#home{flex-direction:column;justify-content:center;align-items:flex-start;min-height:75vh;display:flex}#home p{color:#cbd5e1;max-width:650px;margin:10px 0}#home h1{font-size:clamp(38px,6vw,65px);line-height:1.3}#home h1 span{color:#38bdf8}#home h2{color:#cbd5e1;margin:10px 0}#home a{color:#fff;background:#0284c7;border-radius:8px;margin-top:20px;padding:12px 26px;text-decoration:none;transition:all .3s;display:inline-block}#home a:hover{color:#07111f;background:#38bdf8;transform:translateY(-3px)}#about p{color:#cbd5e1;max-width:750px}.skills-list,.projects-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.skill-card,.project-card{background:#101f33;border:1px solid #223b59;border-radius:12px;padding:24px;transition:all .3s}.skill-card{text-align:center;color:#7dd3fc;font-weight:600}.skill-card:hover,.project-card:hover{border-color:#38bdf8;transform:translateY(-5px)}.project-card h3{color:#7dd3fc;margin-bottom:10px}.project-card p{color:#cbd5e1}#contact p{color:#cbd5e1;margin-bottom:15px}#contact a{color:#38bdf8;margin-right:8px;text-decoration:none}#contact a:hover{text-decoration:underline}footer{text-align:center;color:#94a3b8;background:#0b1728;border-top:1px solid #1e3350;padding:24px}@media (width<=600px){nav{padding:18px 6%}section{padding:60px 6%}section h2{font-size:27px}}.profile-pic{object-fit:cover;border:4px solid #38bdf8;border-radius:50%;width:180px;height:180px;margin-bottom:25px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1728f5;border-bottom:1px solid #1e3350;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:20px 8%;display:flex;position:sticky;top:0}.logo{color:#38bdf8;font-size:28px;font-weight:800}.nav-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.nav-links a{color:#e2e8f0;font-size:14px;text-decoration:none;transition:all .3s}@media (width<=600px){.navbar{justify-content:center;padding:18px 5%}.nav-links{justify-content:center;gap:14px}}@keyframes blueGlow{0%,to{box-shadow:0 0 10px #0284c755}50%{box-shadow:0 0 30px #38bdf8aa}}.profile-pic{animation:3s ease-in-out infinite blueGlow}#home h1 span{text-shadow:0 0 20px #38bdf855}.skill-card:hover,.project-card:hover{box-shadow:0 0 25px #0284c744}.social-buttons{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.social-buttons a{color:#38bdf8;border:1px solid #38bdf8;border-radius:8px;padding:10px 24px;text-decoration:none;transition:all .3s}.social-buttons a:hover{color:#07111f;background:#38bdf8;box-shadow:0 0 20px #38bdf855}.contact-btn{background:#0284c7;border-radius:8px;margin-top:20px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;color:#fff!important}.contact-btn:hover{background:#38bdf8;transform:translateY(-3px);box-shadow:0 0 20px #38bdf855;color:#07111f!important}@media (width<=768px){.navbar{flex-direction:column;gap:15px;padding:18px 5%}.nav-links{justify-content:center;gap:15px}#home{text-align:center;align-items:center;min-height:65vh}#home h1{font-size:40px}#home p{font-size:14px}.profile-pic{width:160px;height:160px}.social-buttons{justify-content:center}section{padding:55px 6%}.skills-list,.projects-list{grid-template-columns:1fr}#contact{text-align:center}}section h2{transition:color .3s}section h2:hover{color:#7dd3fc}.skill-card,.project-card,.contact-btn{transition:transform .3s,box-shadow .3s,background .3s}.skill-card:hover,.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0284c733}#about p,#contact p{line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.hero-buttons a{border-radius:12px;justify-content:center;align-items:center;padding:14px 25px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border:1px solid #0000;box-shadow:0 8px 25px #2563eb33}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #38bdf866}.secondary-btn{color:#7dd3fc;background:0 0;border:1px solid #38bdf8}.secondary-btn:hover{background:#10243a;transform:translateY(-4px)}.social-buttons{gap:20px;margin-top:22px;display:flex}.social-buttons a{color:#cbd5e1;text-decoration:none;transition:color .3s}.social-buttons a:hover{color:#38bdf8}.developer-card{text-align:left;background:linear-gradient(145deg,#101f33,#091423);border:1px solid #244260;border-radius:18px;width:min(100%,460px);margin:35px auto 0;padding:25px;box-shadow:0 15px 45px #00000030}.status-dot{background:#38bdf8;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #38bdf8}.developer-card p{color:#94a3b8;margin:10px 0 20px;font-size:14px}@media (width<=600px){.developer-card{padding:18px}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:90vh;padding:70px 20px;display:flex;overflow:hidden}.hero-image{justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative}.image-glow{filter:blur(65px);opacity:.35;background:#0ea5e9;border-radius:50%;width:220px;height:220px;animation:4s ease-in-out infinite glowPulse;position:absolute}.hero .profile-pic{z-index:1;object-fit:cover;object-position:center 25%;border:3px solid #38bdf8;border-radius:50%;width:190px;height:190px;animation:4s ease-in-out infinite floatPhoto;position:relative;box-shadow:0 0 25px #0284c755}.floating-badge{z-index:2;color:#e0f2fe;white-space:nowrap;background:#101f33;border:1px solid #38bdf8;border-radius:30px;padding:10px 14px;font-size:12px;position:absolute;bottom:5px;right:-30px;box-shadow:0 5px 25px #00000040}.badge-dot,.status-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #38bdf8}.hero-content{width:100%;max-width:760px}.hero-tag{color:#7dd3fc;letter-spacing:3px;justify-content:center;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.tag-line{background:#38bdf8;width:25px;height:2px}.hero-intro{color:#94a3b8;margin:22px 0 5px;font-size:19px}.hero h1{color:#f8fafc;letter-spacing:-2px;margin:0;font-size:clamp(42px,7vw,76px);font-weight:800;line-height:1.15}.hero h1 span{color:#38bdf8;text-shadow:0 0 25px #0ea5e940}.hero h2{color:#cbd5e1;margin:14px 0;font-size:clamp(20px,3vw,28px)}.typing-cursor{color:#38bdf8;animation:1s steps(2,end) infinite cursorBlink}.hero .hero-description{color:#94a3b8;max-width:620px;margin:18px auto;font-size:16px;line-height:1.9}.hero-buttons,.social-buttons,.hero-tech{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hero-buttons{margin-top:28px}.hero-buttons a,.social-buttons a{text-decoration:none;transition:all .3s}.hero-buttons .primary-btn{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;border-radius:10px;padding:14px 22px;font-weight:700;box-shadow:0 0 20px #0284c730}.hero-buttons .primary-btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #0284c770}.hero-buttons .secondary-btn{color:#e2e8f0;background:#101f33;border:1px solid #334155;border-radius:10px;padding:14px 22px}.hero-buttons .secondary-btn:hover{color:#7dd3fc;border-color:#38bdf8;transform:translateY(-3px)}.social-buttons{margin-top:22px}.social-buttons a{color:#94a3b8;border:1px solid #24364b;border-radius:8px;padding:8px 14px;font-size:13px}.social-buttons a:hover{color:#7dd3fc;border-color:#38bdf8}.hero-tech{gap:10px;margin-top:25px}.hero-tech span{color:#cbd5e1;background:#0d1b2d;border:1px solid #24364b;border-radius:8px;padding:8px 13px;font-size:12px;transition:all .3s}.hero-tech span:hover{color:#7dd3fc;border-color:#38bdf8;transform:translateY(-3px)}.developer-card{text-align:left;background:linear-gradient(145deg,#101f33,#091423);border:1px solid #244260;border-radius:18px;width:min(100%,460px);margin:35px auto 0;padding:25px;transition:border-color .3s,transform .3s;box-shadow:0 15px 45px #00000030}.developer-card:hover{border-color:#38bdf8;transform:translateY(-4px)}.card-top{color:#7dd3fc;letter-spacing:2px;align-items:center;gap:10px;font-size:11px;display:flex}.developer-card h3{color:#f1f5f9;margin-top:22px;font-size:22px}.developer-card p{color:#94a3b8;margin:10px 0 20px;font-size:14px;line-height:1.8}.code-preview{color:#cbd5e1;overflow-wrap:anywhere;background:#060d18;border:1px solid #1e3350;border-radius:10px;padding:18px;font-family:monospace;font-size:12px;line-height:2}.code-purple{color:#c084fc}.code-blue{color:#7dd3fc}.code-green{color:#86efac}.code-orange{color:#fdba74}@keyframes floatPhoto{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,to{opacity:.25}50%{opacity:.45}}@keyframes cursorBlink{50%{opacity:0}}@media (width<=600px){.hero{padding:50px 18px}.hero .profile-pic{width:155px;height:155px}.image-glow{width:175px;height:175px}.floating-badge{padding:8px 10px;font-size:10px;right:-20px}.hero h1{letter-spacing:-1px}.hero .hero-description{font-size:14px}.developer-card{padding:18px}.code-preview{padding:12px;font-size:10px}}.projects-section{padding:90px 7%;scroll-margin-top:80px}.projects-heading{text-align:center;margin-bottom:45px}.section-tag{color:#38bdf8;letter-spacing:3px;font-size:11px;font-weight:700}.projects-heading h2{color:#f8fafc;margin:15px 0;font-size:clamp(32px,5vw,48px);font-weight:800}.projects-heading h2 span{color:#38bdf8}.projects-subtitle{color:#94a3b8;line-height:1.8}.projects-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:0 auto;display:grid}.project-card{background:linear-gradient(145deg,#101f33,#091423);border:1px solid #223750;border-radius:18px;flex-direction:column;min-width:0;padding:26px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.project-number{color:#38bdf8;letter-spacing:2px;font-size:13px}.project-icon{background:#0c253b;border:1px solid #244260;border-radius:14px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.project-card h3{color:#f1f5f9;margin:0 0 12px;font-size:21px}.project-description{color:#94a3b8;flex-grow:1;font-size:14px;line-height:1.8}.project-tech{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.project-tech span{color:#7dd3fc;background:#0b2032;border:1px solid #203d56;border-radius:6px;padding:6px 9px;font-size:11px}.project-card-bottom{border-top:1px solid #223750;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.project-link{color:#7dd3fc;font-size:13px;font-weight:700;text-decoration:none}.project-link:hover{color:#fff}.project-coming-soon{color:#64748b;font-size:11px}.project-arrow{color:#38bdf8;font-size:20px}@media (width<=900px){.projects-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.projects-section{padding:65px 18px}.projects-list{grid-template-columns:1fr}.project-card{padding:22px}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#07111ff0;border-bottom:1px solid #1e334b;justify-content:space-between;align-items:center;gap:20px;padding:20px 7%;display:flex;position:sticky;top:0}.nav-logo{color:#f8fafc;letter-spacing:1px;white-space:nowrap;font-size:20px;font-weight:800;text-decoration:none}.nav-logo span:first-of-type{color:#38bdf8}.nav-logo .logo-dot{color:#7dd3fc}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#38bdf8}.nav-links .nav-contact{color:#7dd3fc;background:#0c253b;border:1px solid #24506d;border-radius:9px;padding:10px 15px}.nav-links .nav-contact:hover{background:#123650;border-color:#38bdf8}@media (width<=650px){.navbar{flex-wrap:wrap;padding:15px 18px}.nav-links{flex-wrap:wrap;gap:12px}.nav-links a{font-size:11px}}.about-section{padding:90px 7%;scroll-margin-top:85px}.about-heading{text-align:center;margin-bottom:50px}.about-heading h2{color:#f8fafc;margin-top:12px;font-size:clamp(34px,5vw,48px);font-weight:800}.about-heading h2 span{color:#38bdf8}.about-container{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:55px;max-width:1150px;margin:0 auto;display:grid}.about-visual{justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.about-glow{filter:blur(90px);opacity:.25;background:#0284c7;width:250px;height:250px;position:absolute}.about-card{z-index:1;background:linear-gradient(145deg,#12243a,#091423);border:1px solid #29435e;border-radius:20px;width:100%;max-width:370px;padding:25px;transition:transform .3s,border-color .3s;position:relative;box-shadow:0 20px 55px #00000035}.about-card:hover{border-color:#38bdf8;transform:translateY(-5px)}.about-card-top{border-bottom:1px solid #263a50;align-items:center;gap:6px;padding-bottom:20px;display:flex}.about-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px}.about-dot:nth-child(2){background:#818cf8}.about-dot:nth-child(3){background:#c084fc}.about-card-label{color:#94a3b8;letter-spacing:1px;margin-left:auto;font-size:10px}.about-avatar{color:#7dd3fc;background:#0b2941;border:2px solid #38bdf8;border-radius:50%;place-items:center;width:90px;height:90px;margin:25px auto 15px;font-size:27px;font-weight:800;display:grid;box-shadow:0 0 25px #0284c730}.about-card>h3,.about-role{text-align:center}.about-card>h3{color:#f8fafc;font-size:22px}.about-role{color:#7dd3fc;margin-top:7px;font-size:13px}.about-divider{background:#263a50;height:1px;margin:22px 0}.about-fact{justify-content:space-between;gap:12px;margin:17px 0;font-size:12px;display:flex}.about-fact span{color:#94a3b8}.about-fact strong{color:#e2e8f0;text-align:right}.about-content{min-width:0}.about-greeting{color:#38bdf8;font-size:14px;font-weight:700}.about-content>h3{color:#f8fafc;margin:14px 0 20px;font-size:clamp(26px,3vw,36px);line-height:1.4}.about-content>h3 span{color:#38bdf8}.about-content>p:not(.about-greeting){color:#94a3b8;margin:15px 0;font-size:14px;line-height:1.9}.about-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0;display:grid}.about-highlight{background:#0d1b2d;border:1px solid #223750;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex}.highlight-icon{color:#38bdf8;font-size:22px}.about-highlight h4{color:#e2e8f0;font-size:12px}.about-highlight p{color:#94a3b8;margin-top:6px;font-size:11px;line-height:1.6}.about-button{color:#7dd3fc;background:#0c253b;border:1px solid #24506d;border-radius:9px;align-items:center;gap:12px;padding:13px 19px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.about-button:hover{background:#123650;border-color:#38bdf8;transform:translateY(-3px)}@media (width<=800px){.about-container{grid-template-columns:1fr;gap:35px}.about-content{max-width:600px;margin:0 auto}}@media (width<=480px){.about-section{padding:65px 18px}.about-card{padding:20px}.about-highlights{grid-template-columns:1fr}.about-fact{font-size:11px}}.skills-section{padding:90px 7%;scroll-margin-top:80px}.skills-heading{text-align:center;margin-bottom:45px}.skills-heading h2{color:#f8fafc;margin:14px 0;font-size:clamp(32px,5vw,48px);font-weight:800}.skills-heading h2 span{color:#38bdf8}.skills-heading>p:last-child{color:#94a3b8;font-size:14px;line-height:1.8}.skills-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1150px;margin:0 auto;display:grid}.skill-card{background:linear-gradient(145deg,#101f33,#091423);border:1px solid #223750;border-radius:16px;padding:24px;transition:transform .3s,border-color .3s,box-shadow .3s}.skill-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.skill-icon{background:#0c253b;border:1px solid #244260;border-radius:12px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.skill-number{color:#52667e;letter-spacing:2px;font-size:12px}.skill-card h3{color:#f1f5f9;margin-bottom:8px;font-size:19px}.skill-card>p{color:#94a3b8;min-height:36px;font-size:12px;line-height:1.6}.skill-line{background:#1e334b;border-radius:10px;height:4px;margin-top:22px;overflow:hidden}.skill-line span{transform-origin:0;background:linear-gradient(90deg,#0284c7,#7dd3fc);border-radius:10px;width:100%;height:100%;animation:1.2s forwards skillReveal;display:block;transform:scaleX(0)}@keyframes skillReveal{to{transform:scaleX(1)}}@media (width<=850px){.skills-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.skills-section{padding:65px 18px}.skills-list{grid-template-columns:1fr}.skill-card{padding:21px}}.contact-section{text-align:center;background:linear-gradient(#080d1b 0%,#0b1224 100%);padding:100px 8%;position:relative;overflow:hidden}.contact-container{max-width:760px;margin:0 auto}.contact-section .section-tag{color:#00e5ff;letter-spacing:3px;margin-bottom:18px;font-size:12px;font-weight:700}.contact-section h2{color:#fff;margin-bottom:22px;font-size:clamp(32px,5vw,52px);font-weight:800}.contact-section h2 span{color:#00e5ff;text-shadow:0 0 20px #00e5ff40}.contact-description{color:#aab6cc;max-width:580px;margin:0 auto 35px;font-size:16px;line-height:1.9}.contact-email-card{background:#0f1b31bf;border:1px solid #00e5ff33;border-radius:16px;justify-content:center;align-items:center;gap:18px;max-width:440px;margin:0 auto 30px;padding:22px;transition:all .3s;display:flex}.contact-email-card:hover{border-color:#00e5ff;transform:translateY(-4px);box-shadow:0 0 25px #00e5ff1a}.contact-email-icon{color:#00e5ff;background:#00e5ff1a;border-radius:12px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.contact-email-info{text-align:left;flex-direction:column;gap:8px;display:flex}.contact-email-info span{color:#8494ae;letter-spacing:2px;font-size:10px;font-weight:700}.contact-email-info a{color:#fff;overflow-wrap:anywhere;font-size:14px;text-decoration:none}.contact-email-info a:hover{color:#00e5ff}.contact-section .contact-btn{color:#07111f;background:#00e5ff;border-radius:9px;align-items:center;gap:12px;padding:14px 28px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.contact-section .contact-btn:hover{transform:translateY(-3px);box-shadow:0 0 25px #00e5ff4d}.contact-socials{margin-top:28px}.contact-socials a{color:#aab6cc;font-size:14px;text-decoration:none;transition:all .3s}.contact-socials a:hover{color:#00e5ff}@media (width<=480px){.contact-section{padding:75px 6%}.contact-email-card{gap:12px;padding:16px 12px}.contact-email-info a{font-size:12px}}.site-footer{text-align:center;background:#070b16;border-top:1px solid #00e5ff26;padding:35px 8% 20px}.footer-logo{color:#00e5ff;letter-spacing:1px;margin-bottom:14px;font-size:20px;font-weight:800;text-decoration:none;display:inline-block}.footer-logo span{color:#fff}.site-footer>p{color:#9aa8bf;margin-bottom:18px;font-size:13px}.site-footer>p span{color:#00e5ff}.back-to-top{color:#00e5ff;font-size:13px;text-decoration:none;transition:all .3s;display:inline-block}.back-to-top:hover{text-shadow:0 0 12px #00e5ff}.footer-bottom{color:#68758c;border-top:1px solid #ffffff14;margin-top:25px;padding-top:18px;font-size:12px}@media (width<=480px){.site-footer{padding:30px 5% 18px}}.hero-image{isolation:isolate;animation:4s ease-in-out infinite profileFloat;position:relative}.profile-pic{z-index:2;object-fit:cover;border:3px solid #00e5ff;border-radius:50%;transition:filter .4s;animation:3s ease-in-out infinite imagePulse;position:relative;box-shadow:0 0 15px #00e5ff99,0 0 35px #00e5ff59,inset 0 0 20px #00e5ff33}.profile-pic:hover{filter:brightness(1.12)contrast(1.05)}.hero-image:before{content:"";z-index:1;pointer-events:none;border:2px dashed #00e5ffa6;border-radius:50%;animation:12s linear infinite rotateRing;position:absolute;inset:-14px}.hero-image:after{content:"";filter:blur(18px);z-index:-1;pointer-events:none;background:conic-gradient(#0000,#00e5ff59,#0000 35%,#5050ff40,#0000 70%);border-radius:50%;animation:8s linear infinite rotateRing;position:absolute;inset:-25px}@keyframes profileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes imagePulse{0%,to{box-shadow:0 0 15px #00e5ff80,0 0 30px #00e5ff40}50%{box-shadow:0 0 25px #00e5ffd9,0 0 55px #00e5ff66}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hero-image,.profile-pic,.hero-image:before,.hero-image:after{animation:none}}.animated-name{color:#fff;animation:1.2s both nameReveal}.animated-name span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00e5ff,#8b5cf6,#00e5ff) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradientFlow;display:inline-block}@keyframes gradientFlow{to{background-position:200%}}@keyframes nameReveal{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.hero-content h2{animation:3s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 18px #00e5ff59}}.primary-btn,.secondary-btn,.about-button,.contact-section .contact-btn{transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.primary-btn:hover,.about-button:hover,.contact-section .contact-btn:hover{transform:translateY(-5px)scale(1.03);box-shadow:0 0 28px #00e5ff66}.secondary-btn:hover{border-color:#00e5ff;transform:translateY(-5px);box-shadow:0 0 22px #00e5ff33}.primary-btn:before,.about-button:before,.contact-section .contact-btn:before{content:"";background:linear-gradient(110deg,#0000,#ffffff73,#0000);width:70%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.primary-btn:hover:before,.about-button:hover:before,.contact-section .contact-btn:hover:before{left:150%}.hero{isolation:isolate;position:relative}.hero:before{content:"";filter:blur(90px);pointer-events:none;z-index:-1;background:#00e5ff14;border-radius:50%;width:320px;height:320px;animation:6s ease-in-out infinite alternate backgroundGlow;position:absolute;top:12%;left:50%;transform:translate(-50%)}@keyframes backgroundGlow{0%{opacity:.4;scale:.8}to{opacity:1;scale:1.2}}@media (prefers-reduced-motion:reduce){.hero:before{animation:none}.primary-btn,.secondary-btn,.about-button,.contact-section .contact-btn{transition:none}}.section-hidden{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(35px)}.section-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.section-hidden,.section-visible{opacity:1;transition:none;transform:none}}.skill-card{transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.skill-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 40%,#00e5ff14,#0000 60%);width:220%;height:200%;transition:top .5s;position:absolute;top:-100%;left:-60%;transform:rotate(15deg)}.skill-card:hover{border-color:#00e5ffa6;transform:translateY(-10px);box-shadow:0 12px 35px #00e5ff1f}.skill-card:hover:before{top:100%}.skill-icon{transition:transform .4s;display:inline-block}.skill-card:hover .skill-icon{transform:scale(1.2)rotate(8deg)}.skill-line span{transform-origin:0;animation:3s ease-in-out infinite alternate skillLineGlow;display:block}@keyframes skillLineGlow{0%{filter:brightness(.8)}to{filter:brightness(1.5)}}@media (prefers-reduced-motion:reduce){.skill-card,.skill-icon,.skill-line span{transition:none;animation:none}}.project-card{transition:transform .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.project-card:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000,#00e5ff14,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.project-card:hover{border-color:#00e5ff;transform:translateY(-10px);box-shadow:0 15px 40px #00e5ff1f}.project-card:hover:before{left:150%}.project-icon{transition:transform .4s;display:inline-block}.project-card:hover .project-icon{transform:scale(1.2)rotate(-8deg)}.project-arrow{transition:transform .3s;display:inline-block}.project-card:hover .project-arrow{transform:translate(4px,-4px)}@media (prefers-reduced-motion:reduce){.project-card,.project-icon,.project-arrow{transition:none}}.services-section{background:#080d1b;padding:110px 8%;position:relative;overflow:hidden}.services-heading{text-align:center;max-width:700px;margin:0 auto 55px}.services-heading .section-tag{color:#00e5ff;letter-spacing:3px;font-size:12px;font-weight:700}.services-heading h2{color:#fff;margin:18px 0;font-size:clamp(34px,5vw,52px)}.services-heading h2 span{color:#00e5ff}.services-heading>p:last-child{color:#aab6cc;line-height:1.8}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.service-card{background:linear-gradient(145deg,#101a2d,#0b1222);border:1px solid #00e5ff26;border-radius:18px;padding:30px;transition:all .35s}.service-card:hover{border-color:#00e5ff;transform:translateY(-8px);box-shadow:0 12px 35px #00e5ff1a}.service-card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.service-icon{color:#00e5ff;font-size:34px;transition:transform .3s}.service-card:hover .service-icon{transform:scale(1.15)rotate(8deg)}.service-number{color:#60708a;font-size:14px}.service-card h3{color:#fff;margin-bottom:14px;font-size:22px}.service-description{color:#aab6cc;min-height:80px;font-size:14px;line-height:1.9}.service-tags{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.service-tags span{color:#00e5ff;background:#00e5ff14;border:1px solid #00e5ff26;border-radius:20px;padding:7px 12px;font-size:11px}.service-bottom{color:#8d9bb2;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;font-size:12px;display:flex}.service-arrow{color:#00e5ff;font-size:20px;transition:transform .3s}.service-card:hover .service-arrow{transform:translate(4px,-4px)}@media (width<=700px){.services-section{padding:75px 6%}.services-grid{grid-template-columns:1fr}.service-description{min-height:auto}}@media (prefers-reduced-motion:reduce){.service-card,.service-icon,.service-arrow{transition:none}}.education-section{background:#0b1222;padding:110px 8%}.education-heading{text-align:center;max-width:700px;margin:0 auto 60px}.education-heading .section-tag{color:#00e5ff;letter-spacing:3px;font-size:12px;font-weight:700}.education-heading h2{color:#fff;margin:18px 0;font-size:clamp(34px,5vw,52px)}.education-heading h2 span{color:#00e5ff}.education-heading>p:last-child{color:#aab6cc;line-height:1.8}.education-timeline{max-width:850px;margin:0 auto;position:relative}.education-timeline:before{content:"";background:linear-gradient(#00e5ff,#00e5ff14);width:2px;position:absolute;top:30px;bottom:30px;left:29px}.education-card{gap:24px;margin-bottom:28px;transition:transform .3s;display:flex;position:relative}.education-card:hover{transform:translate(6px)}.education-timeline-icon{z-index:1;background:#101e34;border:1px solid #00e5ff;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:24px;display:grid;position:relative;box-shadow:0 0 18px #00e5ff1f}.education-card-content{background:linear-gradient(145deg,#101a2d,#0b1222);border:1px solid #00e5ff26;border-radius:16px;flex:1;padding:25px;transition:border-color .3s,box-shadow .3s}.education-card:hover .education-card-content{border-color:#00e5ff;box-shadow:0 10px 30px #00e5ff14}.education-card-top{color:#00e5ff;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.education-card-top span:last-child{color:#73839c}.education-card-content h3{color:#fff;margin-bottom:8px;font-size:22px}.education-card-content h4{color:#00e5ff;margin-bottom:14px;font-size:14px;font-weight:500}.education-card-content p{color:#aab6cc;font-size:14px;line-height:1.8}@media (width<=600px){.education-section{padding:75px 6%}.education-card{gap:14px}.education-timeline-icon{width:46px;height:46px;font-size:20px}.education-timeline:before{left:22px}.education-card-content{padding:18px}}@media (prefers-reduced-motion:reduce){.education-card,.education-card-content{transition:none}}.journey-section{background:#080d1b;padding:110px 8%;overflow:hidden}.journey-heading{text-align:center;max-width:700px;margin:0 auto 60px}.journey-heading .section-tag{color:#00e5ff;letter-spacing:3px;font-size:12px;font-weight:700}.journey-heading h2{color:#fff;margin:18px 0;font-size:clamp(34px,5vw,52px)}.journey-heading h2 span{color:#00e5ff}.journey-heading>p:last-child{color:#aab6cc;line-height:1.8}.journey-list{max-width:850px;margin:auto;position:relative}.journey-list:before{content:"";background:linear-gradient(#00e5ff,#7057ff,#00e5ff14);width:2px;position:absolute;top:35px;bottom:35px;left:29px}.journey-card{align-items:flex-start;gap:25px;margin-bottom:30px;animation:.7s both journeyReveal;display:flex;position:relative}.journey-card:nth-child(2){animation-delay:.1s}.journey-card:nth-child(3){animation-delay:.2s}.journey-card:nth-child(4){animation-delay:.3s}.journey-card:nth-child(5){animation-delay:.4s}.journey-marker{z-index:1;background:#101e34;border:1px solid #00e5ff;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:grid;box-shadow:0 0 22px #00e5ff24}.journey-card:hover .journey-marker{transform:scale(1.12);box-shadow:0 0 30px #00e5ff4d}.journey-content{background:linear-gradient(145deg,#101a2d,#0b1222);border:1px solid #00e5ff26;border-radius:16px;flex:1;min-width:0;padding:26px;transition:all .35s}.journey-card:hover .journey-content{border-color:#00e5ff;transform:translate(5px);box-shadow:0 10px 30px #00e5ff14}.journey-meta{color:#00e5ff;letter-spacing:1px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.journey-meta span:last-child{color:#7787a0}.journey-content h3{color:#fff;margin-bottom:12px;font-size:22px}.journey-content p{color:#aab6cc;font-size:14px;line-height:1.9}.journey-progress{background:#ffffff12;border-radius:5px;height:3px;margin-top:22px;overflow:hidden}.journey-progress span{border-radius:inherit;background:linear-gradient(90deg,#00e5ff,#7865ff);height:100%;animation:1.2s both journeyBar;display:block}@keyframes journeyReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes journeyBar{0%{width:0}}@media (width<=600px){.journey-section{padding:75px 6%}.journey-card{gap:14px}.journey-marker{width:46px;height:46px;font-size:20px}.journey-list:before{left:22px}.journey-content{padding:18px}.journey-content h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.journey-card,.journey-marker,.journey-content,.journey-progress span{transition:none;animation:none}}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}