@import "https://fonts.googleapis.com/css2?family=Geom:ital,wght@0,300..900;1,300..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Science+Gothic:wght@100..900&display=swap";body{--bg-color:#fff;--Floatingbg-color:#2bb2f5;--text-color:#1f2937;--card-bg:#f3f4f6;--border-color:#d1d5db;--accent-color:#0ea5e9;--floating-color:#232525;background:#202a2e;margin:0;padding:0;font-family:Geom,sans-serif}body.dark{--bg-color:#0f172a;--Floatingbg-color:#72c6e7;--text-color:#e5e7eb;--card-bg:#1e293b;--border-color:#334155;--accent-color:#38bdf8;--floating-color:#4b5757}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,sans-serif;line-height:1.6}main{padding-top:64px}.page{min-height:calc(100vh - 64px)}.section{border-radius:16px;max-width:1100px;margin:3rem auto;padding:2.5rem;transition:background .3s,color .3s}.section-title{text-align:center;color:var(--accent-color);margin-bottom:1.8rem;font-size:2.2rem}.section p{opacity:.95;font-size:1rem;line-height:1.8}@media (max-width:768px){.section{margin:2rem 1rem;padding:1.6rem}.section-title{font-size:1.6rem}}:root{--primary:#07b4f8;--bg-light:#fff;--bg-dark:#0f172a;--text-light:#0f172a;--text-dark:#e5e7eb;--border-light:#e5e7eb;--border-dark:#1e293b}.navbar{z-index:1000;background:var(--bg-light);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:fixed;inset:0 0 auto}body.dark .navbar{background:var(--bg-dark);border-color:var(--border-dark)}.logo{color:var(--primary);font-size:1.5rem;font-weight:600}.menuBars{cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:22px;display:flex}.menuBars span{background:var(--primary);transform-origin:50%;border-radius:2px;height:3px;transition:all .3s}.menuBars.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.menuBars.open span:nth-child(2){opacity:0}.menuBars.open span:nth-child(3){transform:rotate(-45deg)translate(9px,-8.5px)}.navLinks{background:var(--bg-light);flex-direction:column;gap:1.4rem;width:260px;height:calc(100vh - 64px);padding:2rem;transition:left .3s;display:flex;position:fixed;top:64px;left:-100%}body.dark .navLinks{background:var(--bg-dark)}.navLinks.show{left:0}.navLinks a{color:var(--text-light);font-size:1rem;text-decoration:none}body.dark .navLinks a{color:var(--text-dark)}.navLinks a.active{font-weight:600}.navLinks .cta{color:#ff6b00}.navActions{gap:3rem;display:flex}.themeToggle,.homeIcon{color:var(--primary);cursor:pointer;font-size:1.5rem}@media (min-width:1024px){.menuBars{display:none}.navLinks{background:0 0;flex-direction:row;width:auto;height:auto;padding:0;position:static;left:0}.navLinks a{margin-left:2rem}.navActions{gap:5rem;margin-right:40px}}.home{flex-direction:column;gap:4rem;display:flex}.home-name{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}.home-content{flex-direction:column;gap:.6rem;display:flex}.intro{color:var(--secondary-color);letter-spacing:1px;text-transform:uppercase;font-size:.95rem}.name{color:var(--primary-color);font-size:3rem;font-weight:700}.role{color:var(--text-color);opacity:.9;font-size:1.1rem}.home-social{gap:1.2rem;margin-top:1rem;display:flex}.home-social a{color:var(--text-color);opacity:.75;font-size:1.4rem;transition:transform .2s,opacity .2s}.home-social a:hover{opacity:1;transform:translateY(-3px)}.name-card{place-items:center;width:280px;height:280px;display:grid;position:relative}.name-card img{object-fit:cover;z-index:2;background:#081321;border-radius:50%;width:220px;height:220px;box-shadow:0 0 25px #00dcff80}.orbit{z-index:100;pointer-events:none;position:absolute;inset:0}.span1{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float1;position:absolute;top:0%;left:0%}.span2{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float2;position:absolute;top:10%;right:0%}.span3{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float3;position:absolute;top:90%;right:4%}.span4{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float4;position:absolute;top:90%;right:60%}.span5{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float5;position:absolute;top:0%;right:25%}.span6{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float6;position:absolute;top:40%;left:95%}.span7{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float7;position:absolute;top:40%;right:95%}.span8{background:var(--Floatingbg-color);color:var(--card-bg);white-space:nowrap;box-shadow:0 0 20px var(--Floatingbg-color);border-radius:20px;padding:6px 12px;font-size:12px;animation:3s ease-in-out infinite float8;position:absolute;top:60%;right:95%}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float4{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes float5{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes float6{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes float7{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes float8{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.ring{z-index:1;background:conic-gradient(from 0deg,transparent 0deg 20deg,var(--accent-color)20deg 50deg,transparent 50deg 80deg,#00c8ff 80deg 120deg,transparent 120deg 160deg,#00f5ff 160deg 200deg,transparent 200deg 240deg,#00bfff 240deg 280deg,transparent 280deg 320deg,#00eaff 320deg 360deg);filter:drop-shadow(0 0 54px #00eaff);border-radius:50%;width:230px;height:230px;animation:10s linear infinite rotateRing;position:absolute;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-about{text-align:center;max-width:720px;margin:0 auto}.home-about h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.home-about p{color:var(--text-color);opacity:.9;font-size:1rem;line-height:1.8}@media (min-width:400px){.name-card{width:440px;height:350px}.name-card img{width:220px;height:220px}.ring{width:230px;height:230px}.name{font-size:3rem}.span1{position:absolute;top:5%;left:20%}.span2{position:absolute;top:14%;right:18%}.span3{position:absolute;top:90%;right:20%}.span4{top:90%;right:60%}.span5{top:0%;right:38%}.span6{top:50%;left:80%}.span7{top:40%;right:78%}.span8{top:60%;right:80%}}@media (min-width:650px){.home{margin-top:90px}.home-name{grid-template-columns:1fr .8fr}.name-card{width:380px;height:380px}.name-card img{width:220px;height:220px}.ring{width:240px;height:240px}.name{font-size:3rem}}@media (min-width:900px){.home{margin-top:130px}.home-name{grid-template-columns:1.2fr .8fr}.name-card{width:480px;height:380px}.name-card img{width:320px;height:320px}.ring{width:340px;height:340px}.name{font-size:4rem}.span1{position:absolute;top:5%;left:10%}.span2{position:absolute;top:10%;right:10%}.span3{position:absolute;top:90%;right:10%}.span4{top:90%;right:70%}.span5{top:0%;right:30%}.span6{top:50%;left:90%}.span7{top:40%;right:88%}.span8{top:60%;right:90%}}.skills{flex-direction:column;gap:2.5rem;max-width:900px;margin:20px auto;display:flex}.skills-toggle{justify-content:center;gap:1rem;display:flex}.skills-toggle button{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:999px;padding:.6rem 1.4rem;transition:all .25s}.skills-toggle button.active{color:#fff;border-color:var(--primary-color);background:#00bfff}.skills-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:18px;gap:1.4rem;padding:2rem;display:grid}.skill{flex-direction:column;gap:.4rem;display:flex}.skill-header{justify-content:space-between;font-size:.95rem;font-weight:500;display:flex}.skill-bar{background:#00000026;border-radius:999px;height:8px;overflow:hidden}.skill-fill{background:linear-gradient(90deg,#06d3f2,#09f);border-radius:999px;height:100%;transition:width .6s}@media (min-width:900px){.skills{margin-top:120px}}.projects{flex-direction:column;gap:3rem;display:flex}.project-grid{grid-template-columns:1fr;gap:2rem;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.linkProject{color:var(--primary-color);cursor:pointer;text-decoration:none}.project-content{flex-direction:column;gap:.8rem;padding:1.5rem;display:flex}.project-title{color:var(--primary-color);font-size:1.4rem;font-weight:600}.project-description{opacity:.9;font-size:.95rem;line-height:1.6}.project-stack{opacity:.85;font-size:.9rem}@media (min-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-image{height:220px}}.certification{text-align:center;margin-top:90px}.certification-list{cursor:pointer;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:2rem;display:flex}.skill-link{text-decoration:none}.skill-pill{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);cursor:default;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:transform .2s,box-shadow .2s,border-color .2s}.skill-pill:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 6px 16px #00000026}@media (max-width:600px){.skill-pill{padding:8px 14px;font-size:.85rem}}@media (min-width:1024px){.certification-list{max-width:900px;margin-left:auto;margin-right:auto}}.contact{text-align:center;margin-top:90px}.contact-social{justify-content:center;gap:1.8rem;margin-bottom:2.5rem;font-size:1.8rem;display:flex}.contact-social a{color:var(--text-color);transition:transform .2s,color .2s}.contact-social a:hover{color:var(--accent-color);transform:translateY(-4px)}.contact-layout{text-align:left;grid-template-columns:1fr;gap:2.5rem;display:grid}.contact-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1rem;padding:1.8rem;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border-color);color:var(--text-color);background:0 0;border-radius:12px;padding:12px 14px;font-size:.95rem}.contact-form textarea{resize:vertical;min-height:150px}.contact-form button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:24px;margin-top:.8rem;padding:12px;font-size:1rem;font-weight:500;transition:opacity .2s}.contact-form button:hover{opacity:.9}.contact-services h2{margin-bottom:1.2rem;font-size:1.6rem}.service{margin-bottom:1.2rem}.service h3{margin-bottom:.3rem;font-size:1.05rem}.service p{opacity:.9;font-size:.95rem;line-height:1.6}@media (min-width:1024px){.contact-layout{grid-template-columns:1fr 1fr;align-items:start}}