.navbar{position:sticky;top:0rem;z-index:50;background:#111827e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.navbar-inner{width:min(100% - clamp(16px,4vw,32px),1200px);margin-inline:auto;display:flex;flex-direction:column;padding:10px 0;gap:8px}.brand{margin-left:2rem;font-weight:800;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:1.25rem;color:#fff}.brand-highlight{color:var(--brand)}.nav-links{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.navlink{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;transition:all .2s ease;color:#fffc;font-size:.95rem;font-weight:500}.navlink:hover{background:#ffffff14;color:#fff}.navlink.active{color:var(--brand)}.navlink .icon{font-size:1.1rem}.navlink .label{transition:opacity .2s ease}.nav-cta{display:flex;gap:10px}.admin-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-weight:500;transition:all .2s ease}.admin-btn:hover{background:#ffffff1a}@media (max-width: 768px){.nav-cta{display:none}.navlink{padding:10px;border-radius:50%}.navlink .label{display:none}.navlink .icon{font-size:1.2rem}}.nav-top{display:flex;justify-content:space-between;align-items:center;width:100%}@media (min-width: 769px) and (max-width: 1024px){.nav-links{gap:12px}}.home-container{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,5vw,4rem);position:relative;overflow:hidden}.home-bg-element{position:absolute;border-radius:50%;filter:blur(80px);opacity:.1;z-index:-1;animation:float 20s ease-in-out infinite}.home-bg-element:nth-child(1){width:400px;height:400px;background:var(--brand);top:10%;left:5%;animation-delay:0s}.home-bg-element:nth-child(2){width:500px;height:500px;background:#3b82f6;bottom:10%;right:5%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-section{display:flex;gap:2rem;margin-bottom:4rem;align-items:center}.hero-content{flex:1;position:relative}.hero-image{width:380px;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0003}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(90deg,#fff,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.role-text{display:inline-block;position:relative;color:#fff}.role-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--brand);transform-origin:left;animation:roleUnderline 1.8s infinite}@keyframes roleUnderline{0%,to{transform:scaleX(0)}50%{transform:scaleX(1)}}.hero-description{font-size:1.1rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.section-header{margin-bottom:2rem;position:relative}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;background:linear-gradient(90deg,#fff,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.section-counter{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.2rem;border-radius:50px;font-weight:500;margin-left:1rem;border:1px solid rgba(255,255,255,.1)}.grid-section{margin-bottom:5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background:#111827b3;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1));opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000040;border-color:#ffffff40}.card:hover:before{opacity:1}.card img{width:100%;border-radius:12px;margin-bottom:1rem;transition:transform .5s ease}.card:hover img{transform:scale(1.05)}.card strong{font-size:1.2rem;display:block;margin-bottom:.5rem}.about-section{display:flex;gap:2rem;margin-bottom:4rem}.about-image{width:380px;border-radius:16px;overflow:hidden}.about-content{flex:1}.about-description{color:#ffffffd9;font-size:1.1rem;line-height:1.8}.contact-card{text-align:center;padding:2rem}.contact-card svg{font-size:2rem;margin-bottom:1rem;color:var(--brand)}@media (max-width: 1024px){.hero-section,.about-section{flex-direction:column}.hero-image,.about-image{width:100%;max-width:500px;margin:0 auto}}@media (max-width: 768px){.grid-3{grid-template-columns:1fr}.section-title{font-size:2rem}}.about-container{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,5vw,4rem);position:relative;overflow:hidden;z-index:2}.stars-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;opacity:.1;will-change:transform,opacity;animation:star-twinkle var(--duration, 3s) ease-in-out infinite alternate,star-drift calc(var(--duration, 3s) * 6) linear infinite;box-shadow:0 0 6px currentColor}@keyframes star-twinkle{0%{opacity:.1;transform:scale(.9)}50%{opacity:var(--opacity, .8);transform:scale(1)}to{opacity:.1;transform:scale(.9)}}@keyframes star-drift{0%{transform:translate(0)}to{transform:translate(var(--driftX, 0),var(--driftY, 0))}}.about-content{display:flex;align-items:center;gap:4rem;position:relative;z-index:2}.about-image-section{flex:1;display:flex;justify-content:center}.about-text-section{flex:1}.profile-image-wrapper{width:320px;height:320px;border-radius:50%;padding:6px;position:relative;animation:glow 4s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px 2px #3b82f680}to{box-shadow:0 0 20px 8px #3b82f6cc}}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.about-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.about-description{color:#ffffffd9;font-size:1.1rem;line-height:1.8;position:relative}.heading-shimmer{background-size:200% 100%;animation:aboutTitleShimmer 4s linear infinite}@keyframes aboutTitleShimmer{0%{background-position:0% 50%}to{background-position:-200% 50%}}.heading-underline:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;background:linear-gradient(90deg,var(--brand, #3b82f6),transparent);transform:scaleX(0);transform-origin:left;animation:aboutUnderline 1.5s ease forwards .5s}@keyframes aboutUnderline{to{transform:scaleX(1)}}.about-progress{height:6px;background:#ffffff1f;border-radius:4px;overflow:hidden;position:relative;margin-top:.6rem}.about-progress-bar{--to: 0%;height:100%;width:0;background:linear-gradient(90deg,var(--brand, #3b82f6),#60a5fa);border-radius:4px;transition:width 1.5s ease-out;position:relative;overflow:hidden}.about-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);animation:aboutProgressSheen 1.2s linear infinite;pointer-events:none}@keyframes aboutProgressSheen{to{transform:translate(100%)}}.about-progress-percent{display:block;margin-top:.35rem;text-align:right;font-size:.9rem;color:#ffffffd9}.about-progress.is-visible .about-progress-bar{width:var(--to, 0%)}@media (max-width: 768px){.about-content{flex-direction:column;gap:2rem}.profile-image-wrapper{width:250px;height:250px}.about-text-section{text-align:center}.about-description{text-align:justify;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}}@media (prefers-reduced-motion: reduce){.heading-shimmer,.heading-underline:after,.about-progress-bar,.about-progress-bar:after,.star{animation:none!important;transition:none!important}}.projects-container{max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,5vw,4rem);position:relative;min-height:100vh;z-index:2}.projects-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden}.project-particle{position:absolute;border-radius:50%;filter:blur(.5px);will-change:transform,opacity;opacity:0}.projects-header{display:flex;gap:1rem;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;position:relative;z-index:2}.projects-title{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);background:linear-gradient(90deg,#fff,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.projects-counter{background:#ffffff1a;padding:.6rem 1.2rem;border-radius:50px;font-weight:500;position:relative;z-index:2}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem;margin-bottom:4rem;position:relative;z-index:2}.project-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;transition:transform .3s ease}.project-card:hover{transform:scale(1.03)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);padding:1.5rem;color:#fff;transition:all .3s ease}.project-card:hover .project-overlay{padding-bottom:2rem}.project-name{font-size:1.4rem;margin:0 0 .5rem;font-weight:600}.project-tech{display:inline-block;padding:.25rem .6rem;background:#3b82f680;color:#fff;border-radius:6px;font-size:.75rem;margin-right:.5rem;margin-bottom:.5rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card{aspect-ratio:16/10}}.skills-container{max-width:1400px;margin:0 auto;padding:4rem clamp(1rem,5vw,5rem);position:relative;min-height:100vh;overflow:hidden;z-index:2}.skills-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden}.skills-particle{position:absolute;border-radius:50%;filter:blur(.5px);opacity:0;will-change:transform,opacity;animation:skills-float 15s linear infinite}@keyframes skills-float{0%{transform:translateY(110vh) translate(0);opacity:0}20%{opacity:.85}80%{opacity:.85}to{transform:translateY(-20vh) translate(var(--driftX, 20px));opacity:0}}.skills-bg-element{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;z-index:-1;animation:float 15s ease-in-out infinite}.skills-bg-element:nth-child(1){width:300px;height:300px;background:var(--brand);top:10%;left:5%;animation-delay:0s}.skills-bg-element:nth-child(2){width:400px;height:400px;background:#3b82f6;bottom:10%;right:5%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.skills-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.skills-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(90deg,#fff,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;position:relative;display:inline-block}.skills-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),transparent);transform:scaleX(0);transform-origin:left;animation:titleUnderline 1.5s ease forwards .5s}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;perspective:1000px;position:relative;z-index:2}.skill-card{background:#111827b3;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000001a;opacity:0;height:200px;transform:translateY(30px)}.skill-card.visible{opacity:1;transform:translateY(0)}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1));opacity:0;transition:opacity .3s ease;z-index:-1}.skill-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 40px #0003;border-color:#ffffff4d}.skill-card:hover:before{opacity:1}.skill-image{width:100%;height:120px;object-fit:cover;margin-bottom:1.5rem;transition:transform .5s ease}.skill-card:hover .skill-image{transform:scale(1.1) rotate(5deg)}.skill-title{font-size:1.3rem;font-weight:600;color:#fff;text-align:center;transition:all .3s ease}.skill-card:hover .skill-title{color:var(--brand);transform:translateY(-5px)}.skill-progress{height:4px;background:#ffffff1a;border-radius:2px;margin-top:1.5rem;overflow:hidden;position:relative}.skill-progress-bar{height:100%;background:linear-gradient(90deg,var(--brand),#3b82f6);border-radius:2px;width:0;transition:width 1.5s ease-out}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:1.5rem}}.skill-card{position:relative}.skill-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;margin:0!important;z-index:0;transform-origin:center;filter:brightness(.85)}.skill-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6 15%,#0000004d 60%,#0000);z-index:1;pointer-events:none;opacity:1;transition:opacity .3s ease}.skill-card:hover:after{opacity:.9}.skill-title,.skill-progress{position:relative;z-index:2}.skill-title{margin-bottom:.75rem}.education-container{max-width:1200px;margin:0 auto;padding:2rem clamp(1rem,5vw,4rem);position:relative;min-height:100vh;z-index:2}.education-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden}.education-particle{position:absolute;border-radius:50%;filter:blur(.5px);will-change:transform,opacity;opacity:0;animation:edu-float 15s linear infinite}@keyframes edu-float{0%{transform:translateY(110vh) translate(0);opacity:0}20%{opacity:.85}80%{opacity:.85}to{transform:translateY(-20vh) translate(var(--driftX, 20px));opacity:0}}.education-timeline{position:relative;margin:3rem 0;z-index:2}.education-timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,var(--brand),transparent)}.education-card{background:#111827b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(24px)}.education-card.visible{opacity:1;transform:translateY(0)}.education-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand);transition:width .3s ease}.education-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:#fff3}.education-card:hover:before{width:8px}.education-level{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff}.education-institution{color:#fffc;margin-bottom:.5rem}.education-year{background:#3b82f633;color:var(--brand);padding:.3rem .8rem;border-radius:20px;font-weight:500;display:inline-block;margin-bottom:.75rem}.education-progress{height:6px;background:#ffffff1f;border-radius:4px;overflow:hidden;position:relative;margin-top:.4rem}.education-progress-bar{--to: 0%;height:100%;width:0;background:linear-gradient(90deg,var(--brand),#3b82f6);border-radius:4px;transition:width 1.2s ease-out;position:relative;overflow:hidden}.education-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);animation:eduProgressSheen 1.1s linear infinite;pointer-events:none}@keyframes eduProgressSheen{to{transform:translate(100%)}}.education-progress-percent{display:block;margin-top:.3rem;text-align:right;font-size:.9rem;color:#ffffffd9}.education-progress.is-visible .education-progress-bar{width:var(--to, 0%)}.education-header{margin-bottom:2rem;z-index:2;position:relative}.education-title{font-size:2.5rem;background:linear-gradient(90deg,#fff,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.heading-shimmer{background-size:200% 100%;animation:eduTitleShimmer 4s linear infinite}@keyframes eduTitleShimmer{0%{background-position:0% 50%}to{background-position:-200% 50%}}.heading-underline{position:relative;display:inline-block}.heading-underline:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;background:linear-gradient(90deg,var(--brand),transparent);transform:scaleX(0);transform-origin:left;animation:eduUnderline 1.5s ease forwards .5s}@keyframes eduUnderline{to{transform:scaleX(1)}}@media (max-width: 768px){.education-timeline:before{left:1rem;transform:none}.education-card{margin-left:2rem}.education-title{font-size:2rem}}@media (prefers-reduced-motion: reduce){.education-card,.education-progress-bar,.education-progress-bar:after,.heading-shimmer,.heading-underline:after{animation:none!important;transition:none!important}}.contact-container{max-width:1400px;margin:0 auto;padding:4rem clamp(1rem,5vw,5rem);position:relative;min-height:100vh;overflow:hidden;z-index:2}.contact-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none;overflow:hidden}.contact-particle{position:absolute;border-radius:50%;animation:float 15s linear infinite;opacity:0;filter:blur(.5px);will-change:transform,opacity}.contact-bg-element{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;z-index:-1;animation:floatBlob 15s ease-in-out infinite}.contact-bg-element:nth-child(2){width:300px;height:300px;background:#4facfe;top:10%;left:5%;animation-delay:0s}.contact-bg-element:nth-child(3){width:400px;height:400px;background:#00f2fe;bottom:10%;right:5%;animation-delay:3s}@keyframes float{0%{transform:translateY(110vh) translate(0);opacity:0}20%{opacity:.85}80%{opacity:.85}to{transform:translateY(-20vh) translate(var(--driftX, 20px));opacity:0}}@keyframes floatBlob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.contact-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.contact-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(90deg,#fff,#4facfe);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;position:relative;display:inline-block}.contact-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4facfe,transparent);transform:scaleX(0);transform-origin:left;animation:titleUnderline 1.5s ease forwards .5s}@keyframes titleUnderline{to{transform:scaleX(1)}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;perspective:1000px;position:relative;z-index:2}.contact-card{background:#111827b3;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000001a;opacity:0;transform:translateY(30px);text-align:center;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-card.visible{opacity:1;transform:translateY(0)}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(79,172,254,.1));opacity:0;transition:opacity .3s ease;z-index:-1}.contact-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 40px #0003;border-color:#ffffff4d}.contact-card:hover:before{opacity:1}.contact-card>a{color:inherit;text-decoration:none;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.contact-card svg{font-size:2.5rem;margin-bottom:.5rem;transition:all .3s ease}.contact-card:hover svg{transform:scale(1.2);color:#4facfe}.contact-card strong{font-size:1.3rem;font-weight:600;color:#fff;display:block;margin-bottom:.25rem;transition:all .3s ease}.contact-card:hover strong{color:#4facfe;transform:translateY(-3px)}.contact-card p,.contact-card span{color:#ffffffd9;margin:0;line-height:1.2}.contact-card:hover p,.contact-card:hover span{color:#fff}.social-section{margin-top:4rem;text-align:center;position:relative;z-index:2}.social-title{font-size:2rem;background:linear-gradient(90deg,#fff,#4facfe);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;font-weight:700}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:1.5rem}.contact-title,.social-title{font-size:2rem}}.contactmediv{margin-top:10px}:root{--dark-bg: #121212;--card-bg: #1e1e1e;--accent: #00ffff;--text: #ffffff;--input-bg: #2a2a2a;--input-border: #444;--danger: #ff4d4d;--success: #4CAF50}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--dark-bg);padding:1rem;background-image:radial-gradient(circle at 25% 25%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,128,255,.1) 0%,transparent 50%)}.login-card{background:var(--card-bg);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.login-card:hover{box-shadow:0 10px 40px #00ffff1a;transform:translateY(-2px)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{margin:0 auto 1rem;width:60px;height:60px;background:#00ffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent);animation:pulse 2s infinite alternate}.shield-icon{width:32px;height:32px;fill:var(--accent)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0ff6}70%{transform:scale(1.05);box-shadow:0 0 0 10px #0ff0}to{transform:scale(1);box-shadow:0 0 #0ff0}}.login-title{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--accent),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle{color:#ffffffb3;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#fffc}.login-input{width:100%;padding:.8rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text);font-size:1rem;transition:all .3s ease}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0ff3}.password-input-container{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:5px}.eye-icon,.eye-off-icon{width:20px;height:20px;fill:#fff9;transition:fill .2s ease}.password-toggle:hover .eye-icon,.password-toggle:hover .eye-off-icon{fill:var(--accent)}.login-button{background:linear-gradient(135deg,var(--accent),#0080ff);color:#fff;border:none;padding:.9rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;position:relative;overflow:hidden;margin-top:.5rem}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0080ff,var(--accent));transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.login-button:hover:before{left:100%}.login-button:disabled{opacity:.6;cursor:not-allowed;background:var(--input-bg)}.login-footer{margin-top:2rem;text-align:center}.security-tip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:#ffffff80}.lock-icon{width:14px;height:14px;fill:#ffffff80}.login-spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid white;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (max-width: 480px){.login-card{padding:1.5rem}.login-title{font-size:1.5rem}}:root{--dark-bg: #121212;--card-bg: #1e1e1e;--accent: #00ffff;--text: #ffffff;--hover-bg: rgba(0, 255, 255, .1)}.dashboard-container{padding:2rem;background:var(--dark-bg);min-height:100vh;color:var(--text)}.dashboard-title{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(90deg,var(--accent),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;position:relative}.dashboard-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5;width:100px}50%{opacity:1;width:150px}to{opacity:.5;width:100px}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.dashboard-card{background:var(--card-bg);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .5s ease-out forwards;opacity:0;transform:translateY(20px);min-height:150px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0ff3;border-color:var(--accent)}.card-icon{font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.dashboard-card:hover .card-icon{transform:scale(1.2)}.card-title{font-size:1.2rem;font-weight:500;text-align:center;margin:0;z-index:2}.card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;z-index:1}.dashboard-card:hover .card-hover-effect{opacity:1}@media (max-width: 768px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dashboard-title,.card-icon{font-size:2rem}}@media (max-width: 480px){.dashboard-container{padding:1.5rem}.dashboard-grid{grid-template-columns:1fr}}.about-setup-container{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .5s ease-in-out}.about-content-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:1.5rem}@media (max-width: 768px){.about-content-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animated-heading{font-size:2rem;color:#1a1a2e;margin-bottom:1rem;position:relative;display:inline-block}.animated-heading:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00ffff,transparent);animation:slideIn 1.5s infinite alternate}.description-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.description-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.input-label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.animated-textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.animated-textarea:focus{border-color:#0ff;box-shadow:0 0 0 3px #0ff3;outline:none}.char-count{text-align:right;font-size:.8rem;color:#777;margin-top:.5rem}.save-btn{background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;width:100%;transition:all .3s ease;position:relative;overflow:hidden}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#0080ff,#0ff);transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.save-btn:disabled{opacity:.7;cursor:not-allowed}.pulse-on-hover:hover{animation:pulse 1s infinite}.loading-spinner,.saving-spinner{border:3px solid rgba(0,255,255,.3);border-radius:50%;border-top:3px solid #00ffff;width:20px;height:20px;animation:spin 1s linear infinite;margin:0 auto}.saving-spinner{display:inline-block;vertical-align:middle;margin-right:8px}:root{--dark-bg: #121212;--card-bg: #1e1e1e;--accent: #00ffff;--text: #ffffff;--muted: rgba(255, 255, 255, .7);--danger: #ff5252;--border: rgba(255, 255, 255, .08)}.projects-container{padding:2rem;background:var(--dark-bg);min-height:100vh;color:var(--text)}.projects-title{font-size:2.2rem;margin-bottom:1.5rem;background:linear-gradient(90deg,var(--accent),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.projects-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100px;height:3px;background:var(--accent);animation:slideIn 1.5s infinite alternate}.projects-list-title{font-size:1.8rem;margin:2rem 0 1rem;color:var(--accent)}.project-form-container{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.project-form-container{grid-template-columns:1fr}}.upload-section,.form-section{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #0000004d}.form-section{display:flex;flex-direction:column;gap:1.5rem}.project-input{width:100%;padding:.8rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;transition:all .3s ease}.project-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0ff3}.add-project-btn{background:linear-gradient(135deg,var(--accent),#0080ff);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;position:relative;overflow:hidden}.add-project-btn:hover:not(:disabled){background:linear-gradient(135deg,#0080ff,var(--accent));transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.add-project-btn:disabled{opacity:.6;cursor:not-allowed}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease,box-shadow .3s ease;background:transparent}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0006}.project-image-container{position:relative;width:100%;height:180px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease;filter:brightness(.45)}.project-card:hover .project-image{transform:scale(1.05);filter:brightness(.55)}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000040 40%,#0000 70%);opacity:1;transition:opacity .3s ease;pointer-events:none}.project-details{position:absolute;left:0;right:0;bottom:0;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem;z-index:2;color:#fff;pointer-events:none}.project-details>*{pointer-events:auto}.project-name{margin:0;font-size:1.05rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-url{color:var(--muted);font-size:.9rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:color .2s ease}.project-url:hover{color:#e6ffff}.delete-project-btn{align-self:flex-start;background:#ff52522e;color:#ffd6d6;border:1px solid rgba(255,82,82,.9);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-project-btn:hover{background:#ff525247;color:#fff;transform:translateY(-1px)}.empty-state{text-align:center;padding:2rem;color:var(--muted);font-style:italic;background:var(--card-bg);border-radius:12px}.projects-loading-spinner,.saving-spinner{border:3px solid rgba(0,255,255,.2);border-radius:50%;border-top:3px solid var(--accent);width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}:root{--dark-bg: #121212;--darker-bg: #0a0a0a;--card-bg: #1e1e1e;--accent-color: #00ffff;--text-color: #ffffff;--input-bg: #2a2a2a;--input-border: #333}.contact-setup-container{padding:2rem;background:var(--dark-bg);min-height:100vh;color:var(--text-color)}.contact-form-card{background:var(--card-bg);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d;margin-top:1.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.1)}.contact-form-card:hover{transform:translateY(-5px)}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.glowing-heading{font-size:2.2rem;margin-bottom:1.5rem;position:relative;display:inline-block;background:linear-gradient(90deg,var(--accent-color),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(0,255,255,.5)}to{text-shadow:0 0 15px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4)}}.input-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--accent-color)}.glowing-input{width:100%;padding:.8rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-color);font-size:1rem;transition:all .3s ease}.glowing-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #0ff3;outline:none;background:#333}.neon-btn{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;max-width:200px;margin:0 auto;display:block;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.neon-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:.5s;z-index:-1}.neon-btn:hover{background:#00ffff1a;box-shadow:0 0 10px var(--accent-color),0 0 20px #00ffff4d;transform:translateY(-2px)}.neon-btn:hover:before{left:100%}.neon-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.loading-spinner,.saving-spinner{border:2px solid rgba(0,255,255,.3);border-radius:50%;border-top:2px solid var(--accent-color);width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}@media (max-width: 768px){.input-grid{grid-template-columns:1fr}.neon-btn{max-width:100%}.contact-form-card{padding:1.5rem}}.skill-setup{display:grid;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem}.skill-title{font-size:1.8rem;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.skill-form-row{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.skill-form-card{flex:1;min-width:300px;background:var(--card-bg);border-radius:1rem;padding:1.75rem;box-shadow:0 6px 20px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-form-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary);font-size:1.1rem}.form-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--input-bg);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb26;transform:scale(1.02)}.submit-btn{margin-top:1rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.submit-btn:active{transform:translateY(0)}.skill-list-title{font-size:1.5rem;margin:2rem 0 1.5rem;color:var(--text-primary);text-align:center;position:relative}.skill-list-title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));margin:.5rem auto;border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.skill-card{background:var(--card-bg);border-radius:1rem;padding:1.5rem;box-shadow:0 5px 15px #00000014;transition:all .4s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.skill-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.skill-card:hover:before{left:100%}.skill-card:hover{transform:translateY(-8px) rotate(2deg);box-shadow:0 15px 35px #0003}.skill-image{width:100%;border-radius:.75rem;margin-bottom:1.25rem;aspect-ratio:1;object-fit:cover;transition:transform .4s ease,filter .4s ease;filter:grayscale(30%)}.skill-card:hover .skill-image{transform:scale(1.08) rotate(-2deg);filter:grayscale(0%)}.skill-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.skill-name{font-weight:700;font-size:1.2rem;color:var(--text-primary);margin:0;transition:color .3s ease}.skill-card:hover .skill-name{color:var(--primary-color)}.delete-btn{flex-shrink:0;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease}.delete-btn:hover{transform:scale(1.1);background:var(--danger-color);color:#fff}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.skill-card{animation:fadeInScale .6s ease forwards;opacity:0}.skills-grid .skill-card:nth-child(1){animation-delay:.1s}.skills-grid .skill-card:nth-child(2){animation-delay:.2s}.skills-grid .skill-card:nth-child(3){animation-delay:.3s}.skills-grid .skill-card:nth-child(4){animation-delay:.4s}.skills-grid .skill-card:nth-child(5){animation-delay:.5s}.submit-btn:disabled{animation:pulse 1.5s infinite}@media (max-width: 768px){.skill-form-row{flex-direction:column}.skill-form-card{width:100%}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}}@media (max-width: 480px){.skill-setup{padding:1rem;gap:1.25rem}.skill-form-card{padding:1.25rem}.skills-grid{grid-template-columns:1fr}.skill-info{flex-direction:column;text-align:center;gap:.75rem}.delete-btn{width:100%;z-index:2}}.skill-form-card,.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}:root{--bg: #0b0f14;--panel: #111827;--muted: #9ca3af;--text: #e5e7eb;--brand: #22d3ee;--accent: #a78bfa;--radius: 16px;--gap: 16px;--container-max: 1200px}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,#0b0f14,#0b0f14 60%,#0e1320);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1{font-size:clamp(1.6rem,2.5vw + 1rem,2.4rem);margin:6px 0}h2{font-size:clamp(1.3rem,1.8vw + 1rem,1.8rem);margin:6px 0}h3{font-size:clamp(1.1rem,1.2vw + .9rem,1.4rem);margin:6px 0}p,label,input,textarea,button{font-size:clamp(.95rem,.5vw + .8rem,1rem)}.container{width:min(100% - clamp(16px,4vw,32px),var(--container-max));margin-inline:auto;padding-block:20px}.card{background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px #00000040}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#001018;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform .06s ease,box-shadow .2s ease,background .2s ease;min-height:44px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.outline{background:transparent;color:var(--brand);border:1px solid var(--brand)}.btn.block{width:100%}.btn.small{padding:8px 12px;min-height:38px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.row{display:flex;gap:var(--gap);flex-wrap:wrap}.grid{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{display:block;font-size:.95rem;color:var(--muted);margin-bottom:6px}input,textarea{width:100%;background:#0d1420;color:var(--text);border:1px solid #1f2937;border-radius:10px;padding:10px 12px;min-height:44px}textarea{min-height:120px;resize:vertical}input::placeholder,textarea::placeholder{color:#64748b}nav .active{color:var(--brand)}header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header nav .container{display:flex;align-items:center;justify-content:space-between;gap:12px}header nav .container>div{min-width:0}header nav .container>div:nth-child(2){display:flex;gap:18px;align-items:center;flex-wrap:wrap}@media (max-width: 640px){header nav .container>div:nth-child(2){flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.navlink{white-space:nowrap}}.muted{color:var(--muted)}.hide{display:none!important}.only-mobile{display:none}.only-desktop{display:initial}@media (max-width: 768px){.only-mobile{display:initial}.only-desktop{display:none}}@media (max-width: 900px){.row{flex-direction:column}.card{padding:14px}}@media (max-width: 420px){:root{--gap: 12px}.container{padding-block:14px}.btn{padding:10px 14px}}header nav .container>div:nth-child(2)::-webkit-scrollbar{height:6px}header nav .container>div:nth-child(2)::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.navlink{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;transition:background .2s ease,color .2s ease}.navlink:hover{background:#ffffff0f}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.section-title{font-weight:800;letter-spacing:.3px;margin:8px 0 12px;position:relative}.section-title:after{content:"";display:block;width:56px;height:3px;margin-top:8px;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px;opacity:.7}.media-frame{width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#0d1420;border:1px solid #1f2937}.media-frame>img{width:100%;height:100%;object-fit:cover}.stat-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#11182799}.project-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-card .title{display:block;font-weight:700;margin-top:8px}.project-card .url{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}.skill-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skill-card .title{display:block;font-weight:700;margin-top:8px}.edu-list{display:grid;gap:var(--gap)}.edu-item{display:grid;grid-template-columns:1.2fr 2fr auto;gap:12px;align-items:center}.edu-item .level{font-weight:700}.edu-item .school{color:var(--muted)}.edu-item .year{white-space:nowrap}@media (max-width: 720px){.edu-item{grid-template-columns:1fr;gap:6px}.edu-item .year{justify-self:start}}.contact-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.social-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hero{display:grid;gap:var(--gap);grid-template-columns:1.2fr .9fr}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.contactme form .row{display:grid;gap:var(--gap);grid-template-columns:1fr 1fr}@media (max-width: 680px){.contactme form .row{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}.tile-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{display:grid;place-items:center;text-align:center;padding:18px;border-radius:var(--radius);background:#111827b3;border:1px solid rgba(255,255,255,.06);transition:transform .08s ease,box-shadow .2s ease}.tile:hover{transform:translateY(-2px)}.form-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(12,1fr)}.form-col-6{grid-column:span 6}.form-col-4{grid-column:span 4}.form-col-3{grid-column:span 3}.form-col-12{grid-column:span 12}@media (max-width: 960px){.form-col-6,.form-col-4,.form-col-3{grid-column:span 12}}.upload-card{max-width:480px}.upload-card .media-frame{aspect-ratio:16/10}.card-list{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card-list .item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.table-wrap{overflow-x:auto}@media (max-width: 720px){.table th,.table td{padding:8px 6px}}.msg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.msg-row .from{display:flex;gap:8px;align-items:baseline;min-width:0}.msg-row .from .email{color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.msg-actions{display:flex;gap:8px;flex-wrap:wrap}.modal{width:min(720px,92vw);max-height:85vh;overflow:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media (max-width: 420px){.tile{padding:14px}.actions .btn{flex:1}}:root{--dark-bg: #121212;--card-bg: #1e1e1e;--accent: #00ffff;--text: #ffffff;--input-bg: #2a2a2a;--input-border: #333;--danger: #ff4d4d}.education-setup-container{padding:2rem;background:var(--dark-bg);min-height:100vh;color:var(--text)}.education-title{font-size:2.2rem;margin-bottom:1.5rem;background:linear-gradient(90deg,var(--accent),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.education-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);animation:slideIn 1.5s infinite alternate}.history-title{font-size:1.8rem;margin:2rem 0 1rem;color:var(--accent)}@keyframes slideIn{0%{width:0;opacity:0}to{width:100%;opacity:1}}.education-form-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease}.education-form-card:hover{transform:translateY(-3px)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.input-group{position:relative}.input-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--accent)}.education-input{width:100%;padding:.8rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text);font-size:1rem;transition:all .3s ease}.education-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0ff3}.add-btn{background:linear-gradient(135deg,var(--accent),#0080ff);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;position:relative;overflow:hidden}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#0080ff,var(--accent));transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.add-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:#ff4d4d1a;transform:translateY(-1px)}.education-list{display:flex;flex-direction:column;gap:1rem}.education-item{background:var(--card-bg);border-radius:10px;padding:1.2rem;display:grid;grid-template-columns:50px 1fr 1.5fr 100px auto;gap:1rem;align-items:center;transition:all .3s ease;border-left:3px solid transparent}.education-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;border-left-color:var(--accent)}.item-index{font-weight:600;color:var(--accent);text-align:center}.item-level{font-weight:500}.item-institution{opacity:.9}.item-year{text-align:center;font-weight:600}.empty-state{text-align:center;padding:2rem;color:#ffffff80;font-style:italic}.education-loading-spinner,.saving-spinner{border:3px solid rgba(0,255,255,.2);border-radius:50%;border-top:3px solid var(--accent);width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}.saving-spinner{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:8px}@media (max-width: 768px){.education-item{grid-template-columns:1fr;gap:.5rem;padding:1rem}.item-index,.item-year{text-align:left}.delete-btn{margin-top:.5rem;width:100%}.form-grid{grid-template-columns:1fr}}:root{--dark-bg: #121212;--card-bg: #1e1e1e;--accent: #00ffff;--text: #ffffff;--muted: rgba(255, 255, 255, .6);--unread: rgba(255, 82, 82, .1);--read: rgba(76, 175, 80, .1);--border: rgba(255, 255, 255, .08)}.messages-container{padding:2rem;background:var(--dark-bg);min-height:100vh;color:var(--text)}.messages-title{font-size:2.2rem;margin-bottom:1.5rem;background:linear-gradient(90deg,var(--accent),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.messages-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100px;height:3px;background:var(--accent);animation:slideIn 1.5s infinite alternate}@keyframes slideIn{0%{width:0;opacity:0}to{width:100px;opacity:1}}.messages-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.messages-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease}.messages-card:hover{transform:translateY(-5px)}.unread{border-left:4px solid #ff5252}.read{border-left:4px solid #4CAF50}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.card-header h3{margin:0;font-size:1.3rem}.badge{background:#ffffff1a;color:var(--text);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.unread .badge{background:#ff525233;color:#ff5252}.read .badge{background:#4caf5033;color:#4caf50}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-item{background:#ffffff08;border-radius:8px;padding:1rem;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border)}.message-item:hover{background:#ffffff0d;border-color:var(--accent)}.message-info{flex:1}.message-sender{font-weight:500;margin-bottom:.25rem}.message-email{color:var(--muted);font-size:.85rem}.message-preview{color:var(--muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-actions{display:flex;gap:.75rem}.view-btn,.mark-read-btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn{background:transparent;color:var(--accent);border:1px solid var(--accent)}.view-btn:hover{background:#00ffff1a}.mark-read-btn{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.mark-read-btn:hover{background:#4caf5033}.modal-btn{width:100%;margin-top:1rem;padding:.75rem}.message-detail{color:var(--text)}.detail-row{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.email-link{color:var(--accent);text-decoration:none}.email-link:hover{text-decoration:underline}.message-content{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);line-height:1.6}.empty-state{text-align:center;padding:2rem;color:var(--muted);font-style:italic}.messages-loading-spinner{border:3px solid rgba(0,255,255,.2);border-radius:50%;border-top:3px solid var(--accent);width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@media (max-width: 768px){.messages-section{grid-template-columns:1fr}.message-item{flex-direction:column;align-items:flex-start;gap:1rem}.message-actions{width:100%;justify-content:flex-end}}:root{--dark-bg: #121212;--card-bg: #1e1e1e;--accent: #00ffff;--text: #ffffff;--input-bg: #2a2a2a;--input-border: #333;--disabled: #555}.cv-setup-container{padding:2rem;background:var(--dark-bg);min-height:100vh;color:var(--text);display:flex;flex-direction:column;align-items:center}.cv-title{font-size:2.2rem;margin-bottom:2rem;background:linear-gradient(90deg,var(--accent),#0080ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.cv-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);animation:underlineSlide 2s infinite alternate}@keyframes underlineSlide{0%{width:0;opacity:0}to{width:100%;opacity:1}}.cv-card{background:var(--card-bg);border-radius:16px;padding:2rem;width:100%;max-width:600px;box-shadow:0 10px 30px #0000004d;transition:transform .4s ease,box-shadow .4s ease}.cv-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00ffff1a}.input-group{position:relative;margin-bottom:2rem}.cv-label{display:block;margin-bottom:.8rem;font-weight:500;color:var(--accent)}.cv-input{width:100%;padding:1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text);font-size:1rem;transition:all .3s ease}.cv-input:focus{outline:none;border-color:var(--accent);background:#333}.input-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .4s ease}.cv-input:focus~.input-border{width:100%}.cv-save-btn{background:transparent;color:var(--accent);border:2px solid var(--accent);padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:all .4s ease;position:relative;overflow:hidden}.cv-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:.5s}.cv-save-btn:hover{background:#00ffff0d;box-shadow:0 0 15px #00ffff4d}.cv-save-btn:hover:before{left:100%}.cv-save-btn:disabled{color:var(--disabled);border-color:var(--disabled);cursor:not-allowed;box-shadow:none}.cv-save-btn:disabled:hover:before{left:-100%}.cv-loading-spinner,.cv-saving-spinner{border:3px solid rgba(0,255,255,.2);border-radius:50%;border-top:3px solid var(--accent);width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}.cv-loading-spinner{margin:2rem auto;width:40px;height:40px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.cv-setup-container,.cv-card{padding:1.5rem}.cv-title{font-size:1.8rem}}