:root{--text:#f8fafc;--text-muted:#94a3b8;--bg:#0b0c10;--accent-purple:#c026d3;--accent-orange:#f97316;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:"Outfit", system-ui, sans-serif}body{font-family:var(--sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3{font-family:var(--heading);margin-top:0;font-weight:700}h1{margin-bottom:.5rem;font-size:4rem;line-height:1.1}h2{color:var(--text);margin-bottom:2rem;font-size:2.5rem}h3{color:var(--text);margin-bottom:.5rem;font-size:1.5rem}p{color:var(--text-muted);font-size:1.1rem;line-height:1.8}.page-wrapper{flex-direction:column;width:100%;display:flex;position:relative;overflow-x:hidden}.inner-container{width:90%;max-width:1100px;margin:0 auto}.hero-section{z-index:10;align-items:center;min-height:100vh;padding-top:6rem;padding-bottom:4rem;display:flex;position:relative}.hero-content{flex-direction:column;gap:2rem;width:100%;display:flex}.hero-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.profile-blob-frame{background:linear-gradient(135deg,#c026d31a,#f973161a);border:1px solid #f973164d;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;justify-content:center;align-items:center;width:320px;height:320px;animation:8s ease-in-out infinite morph;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #c026d333,inset 0 0 20px #f9731633}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media (width>=1024px){.hero-content{flex-direction:row;justify-content:space-between;align-items:center}.hero-text{flex:1;padding-right:2rem}.hero-image-wrapper{flex:1;justify-content:flex-end;padding-right:2rem}.profile-blob-frame{width:420px;height:420px}}.hero-image{object-fit:cover;object-position:center top;width:100%;height:100%;transform:scale(1.1)}.content-section{z-index:10;padding:6rem 0;position:relative}.text-gradient{background:linear-gradient(135deg, var(--accent-orange), var(--accent-purple));color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.weather-widget{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.weather-widget img{width:24px;height:24px}.badge-container{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.badge{color:var(--text);align-items:center;font-size:.95rem;text-decoration:none;transition:color .3s;display:inline-flex}.badge:hover{color:var(--accent-orange)}.skill-badge{color:var(--accent-purple);align-items:baseline;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.skill-detail{color:var(--text-muted);font-size:.85rem;font-weight:400}.timeline-wrapper{border-left:1px solid #ffffff1a;margin-left:1rem;padding-left:2rem;position:relative}.timeline-item{padding-bottom:4rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--bg);border:2px solid var(--accent-orange);border-radius:50%;width:12px;height:12px;position:absolute;top:.4rem;left:-2.35rem}.timeline-date{color:var(--accent-purple);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.timeline-role{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem}.timeline-list{margin:0;padding:0;list-style:none}.timeline-list li{color:var(--text-muted);margin-bottom:.8rem;padding-left:1.5rem;line-height:1.6;position:relative}.timeline-list li:before{content:"▹";color:var(--accent-purple);position:absolute;left:0}.navbar-wrapper{z-index:100;pointer-events:none;justify-content:center;width:100vw;padding-top:1.5rem;display:flex;position:fixed;top:0;left:0}.glass-navbar{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#0b0c10cc;border:1px solid #ffffff0d;border-radius:999px;justify-content:space-between;align-items:center;width:90%;max-width:1100px;padding:.75rem 2rem;display:flex}.nav-links{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-family:var(--sans);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text)}.logo-placeholder{background:linear-gradient(135deg, var(--accent-purple), var(--accent-orange));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.video-background{z-index:0;pointer-events:none;opacity:.8;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.video-background video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}.video-background video.active{opacity:1}@media (width<=768px){h1{font-size:3rem}h2{font-size:2rem}.glass-navbar{border-radius:24px;flex-direction:column;gap:1rem;width:90%;padding:.75rem 1rem;top:1rem}.nav-links{gap:1.5rem}.hero-section{text-align:center;padding-top:8rem}.badge-container{justify-content:center}}.navbar-wrapper{z-index:1000;justify-content:center;width:100vw;padding:1.5rem 2rem;transition:all .3s;display:flex;position:fixed;top:0;left:0}.navbar-wrapper.scrolled{padding:.8rem 2rem}.glass-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140a054d;border:1px solid #f9731633;border-radius:99px;width:100%;max-width:1100px;transition:all .3s;box-shadow:0 10px 30px #0000004d,inset 0 0 15px #f973160d}.navbar-wrapper.scrolled .glass-navbar{background:#140a0599;border-color:#c026d34d;border-radius:16px;box-shadow:0 10px 30px #00000080,inset 0 0 15px #c026d31a}.nav-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:.6rem 2rem;display:flex}.nav-logo{align-items:center;height:45px;transition:transform .3s;display:flex}.nav-logo:hover{transform:scale(1.05)}.nav-logo img{object-fit:contain;filter:drop-shadow(0 0 10px #f973164d);width:auto;height:100%}.desktop-links{gap:2.5rem;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.desktop-links a{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.desktop-links a:after{content:"";background:var(--accent-orange);width:0%;height:2px;box-shadow:0 0 10px var(--accent-orange);transition:width .3s;position:absolute;bottom:-4px;left:0}.desktop-links a:hover{color:var(--accent-orange)}.desktop-links a:hover:after{width:100%}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background .3s;display:none}.mobile-menu-btn:hover{color:var(--accent-orange);background:#ffffff1a}.mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#140a05f2;border:1px solid #f973164d;border-radius:16px;margin-top:1rem;padding:1.5rem;position:absolute;top:100%;left:2rem;right:2rem;box-shadow:0 20px 40px #0009}.mobile-nav-links{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-links a{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#ffffff08;border-radius:8px;padding:.8rem 1rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.mobile-nav-links a:hover{color:var(--accent-orange);background:#f9731626;transform:translate(5px)}@media (width<=768px){.navbar-wrapper{padding:1rem}.navbar-wrapper.scrolled{padding:.5rem 1rem}.desktop-links{display:none}.mobile-menu-btn{display:block}.nav-container{justify-content:space-between;padding:.6rem 1rem;display:flex}.mobile-menu{left:1rem;right:1rem}}.footer-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0a0514cc;border-top:1px solid #ffffff0d;margin-top:5rem;padding:4rem 1rem 1.5rem;position:relative}.footer-glow-line{background:linear-gradient(90deg,#0000 0%,#c026d3cc 30%,#f97316cc 70%,#0000 100%);width:100%;height:2px;position:absolute;top:-1px;left:0;box-shadow:0 0 15px #f9731699}.footer-container{flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:3rem;display:flex}.footer-brand{flex:300px}.brand-logo{background:#f973161a;border:1px solid #f973164d;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;display:flex}.brand-icon{color:var(--accent-orange)}.footer-brand h3{color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.brand-tagline{color:var(--accent-purple);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:600}.footer-links{flex-wrap:wrap;flex:2 400px;gap:4rem;display:flex}.link-group h4{color:#fff;margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;display:inline-block;position:relative}.link-group h4:after{content:"";background:var(--accent-purple);width:50%;height:2px;position:absolute;bottom:-5px;left:0}.link-group ul{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.link-group a{color:#94a3b8;font-size:.95rem;text-decoration:none;transition:all .3s}.link-group a:hover{color:var(--accent-orange);padding-left:5px}.contact-list li{color:#64748b;align-items:center;gap:.8rem;display:flex}.contact-list a:hover{padding-left:0}.footer-action{flex:none;justify-content:flex-end;display:flex}.scroll-top-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.scroll-top-btn:hover{background:var(--accent-purple);border-color:var(--accent-purple);transform:translateY(-5px);box-shadow:0 10px 20px #c026d366}.footer-bottom{color:#64748b;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.85rem;display:flex}.crafted-with .heart{color:#ef4444;margin:0 .2rem;animation:1.5s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (width<=768px){.footer-top{flex-direction:column;gap:2.5rem}.footer-links{gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column}.footer-action{justify-content:center;width:100%}}.id-card-container{perspective:1200px;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:2rem;display:flex}.id-card-glass.horizontal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#140a0566;border:1px solid #f9731666;border-radius:24px;flex-direction:column;width:100%;max-width:800px;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #000c,inset 0 0 30px #f9731626}.id-card-glass.horizontal:hover{transform:translateY(-5px)rotateX(2deg)rotateY(-2deg)}.ambient-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#f9731633 0%,#0000 60%);width:300px;height:300px;position:absolute;top:-50px;right:-50px}.lanyard-hole-container{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:center;padding-top:1rem;padding-bottom:.5rem;display:flex}.lanyard-hole{background:#0009;border-radius:10px;width:80px;height:12px;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff1a}.id-card-body{flex-direction:column;display:flex}@media (width>=768px){.id-card-body{flex-direction:row}}.id-card-left{background:#0000004d;border-right:1px solid #ffffff0d;flex-direction:column;flex:0 0 300px;align-items:center;padding:2rem;display:flex}.id-photo-container{justify-content:center;margin-bottom:2rem;display:flex}.id-photo-frame{background:linear-gradient(135deg, var(--accent-orange), var(--accent-purple));border-radius:50%;width:200px;height:200px;padding:6px;box-shadow:0 15px 35px #00000080,0 0 20px #f973164d}.id-photo{object-fit:cover;object-position:center top;background:radial-gradient(circle,#c026d333 0%,#0000 70%);border-radius:50%;width:100%;height:100%}.barcode{opacity:.6;justify-content:center;align-items:center;width:100%;display:flex}.qr-icon{color:#fff}.barcode-bars{background-image:repeating-linear-gradient(90deg,#fff 0 2px,#0000 2px 5px,#fff 5px 9px,#0000 9px 12px,#fff 12px 13px,#0000 13px 15px,#fff 15px 19px,#0000 19px 23px);flex:1;height:30px;margin-left:1rem}.id-card-right{flex-direction:column;flex:1;padding:2rem;display:flex}.id-card-header{color:var(--accent-orange);letter-spacing:2px;border-bottom:1px solid #f973161a;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:.8rem;font-weight:700;display:flex}.id-info{flex-direction:column;flex:1;display:flex}.id-personal-info{text-align:center;margin-bottom:1.5rem}.id-name{background:linear-gradient(135deg, #fff, var(--accent-orange));color:#0000;text-transform:uppercase;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800}.id-role{color:var(--accent-purple);letter-spacing:1.5px;text-transform:uppercase;margin:.5rem 0 0;font-size:.9rem;font-weight:600}.id-details{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;flex:1;margin-bottom:2rem;padding:1.2rem}.id-about{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.id-contact{align-items:center;gap:1.5rem;margin-top:auto;display:flex}.id-contact a{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.id-contact a:hover{color:#fff;background:var(--accent-orange);border-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 0 15px #f9731666}.weather-badge{color:var(--accent-orange);background:#f9731626;border:1px solid #f973164d;border-radius:999px;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}@media (width<=767px){.id-card-left{border-bottom:1px solid #ffffff0d;border-right:none}.weather-badge{margin-left:0}.id-contact{flex-wrap:wrap;justify-content:center}.id-name{font-size:1.8rem}}.experience-section{z-index:10;justify-content:center;padding:6rem 1rem;display:flex;position:relative}.experience-container{width:100%;max-width:900px}.section-header{align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}.header-icon-wrapper{background:#f9731626;border:1px solid #f9731666;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 0 20px #f9731633}.header-icon{color:var(--accent-orange)}.section-header h2{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to right, #fff, var(--accent-orange));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem}.header-line{background:linear-gradient(90deg,#c026d380,#0000);flex:1;height:2px}.timeline{padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(#f9731699,#c026d399,#0000);width:2px;position:absolute;top:0;bottom:0;left:31px}.timeline-node{margin-bottom:3.5rem;position:relative}.timeline-node:last-child{margin-bottom:0}.timeline-marker{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:1.5rem;left:-2.5rem;transform:translate(-50%)}.marker-core{background:var(--bg);border:2px solid var(--accent-orange);z-index:2;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #f97316cc}.marker-pulse{z-index:1;background:#f9731666;border-radius:50%;width:30px;height:30px;animation:2s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #c026d34d;border-left:3px solid var(--accent-purple);background:#140a0566;border-radius:0 16px 16px;padding:2rem;transition:transform .3s,border-color .3s;box-shadow:0 15px 30px #0009,inset 0 0 15px #c026d31a}.glass-panel:hover{border-left-color:var(--accent-orange);border-color:#f9731666;transform:translate(10px)}.exp-meta{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.exp-period{color:var(--accent-orange);background:#f973161a;border-radius:4px;padding:.3rem .8rem}.exp-company{color:#94a3b8}.exp-role{color:#fff;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.exp-description{margin:0;padding:0;list-style:none}.exp-description li{color:#cbd5e1;margin-bottom:1rem;padding-left:1.5rem;font-size:.95rem;line-height:1.6;position:relative}.exp-description li:last-child{margin-bottom:0}.exp-description li:before{content:"▹";color:var(--accent-purple);font-weight:700;position:absolute;left:0}@media (width<=768px){.section-header h2{font-size:1.5rem}.glass-panel{padding:1.5rem}}.knowledge-hub-section{z-index:10;justify-content:center;padding:6rem 1rem 8rem;display:flex;position:relative}.knowledge-container{width:100%;max-width:1100px}.center{justify-content:center;margin-bottom:5rem}.purple-glow{background:#c026d326;border-color:#c026d366;box-shadow:0 0 20px #c026d34d}.header-icon-purple{color:var(--accent-purple)}.purple-line{background:linear-gradient(90deg,#f9731680,#0000)}.knowledge-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}@media (width<=900px){.knowledge-grid{grid-template-columns:1fr}}.skills-column{flex-direction:column;gap:2rem;display:flex}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a051466;border:1px solid #ffffff0d;border-radius:20px;padding:2rem;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px #00000080}.skill-card:hover{transform:translateY(-5px)}.tech-card:hover{border-color:#c026d380}.soft-card:hover{border-color:#f9731680}.lang-card:hover{border-color:#ffffff4d}.card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header h3{color:#fff;letter-spacing:1px;margin:0;font-size:1.3rem}.card-icon{background:#ffffff0d;border-radius:10px;padding:8px}.tech-icon{color:var(--accent-purple);box-shadow:inset 0 0 10px #c026d333}.soft-icon{color:var(--accent-orange);box-shadow:inset 0 0 10px #f9731633}.lang-icon{color:#38bdf8;box-shadow:inset 0 0 10px #38bdf833}.tech-tags{flex-wrap:wrap;gap:.8rem;display:flex}.tech-tag{color:#e2e8f0;background:#c026d31a;border:1px solid #c026d34d;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.tech-tag:hover{background:#c026d333;border-color:#c026d3cc;transform:scale(1.05);box-shadow:0 0 15px #c026d366}.soft-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.soft-item{color:#cbd5e1;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.soft-bullet{background:var(--accent-orange);width:8px;height:8px;box-shadow:0 0 8px var(--accent-orange);border-radius:2px;transform:rotate(45deg)}.lang-list{flex-direction:column;gap:1rem;display:flex}.lang-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.lang-name{color:#fff;font-weight:600}.lang-detail{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:.2rem .6rem;font-size:.85rem}.education-column{flex-direction:column;display:flex}.column-title{color:#fff;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.8rem;margin:0 0 2rem;font-size:1.4rem;display:flex}.column-title svg{color:var(--accent-purple)}.edu-list{flex-direction:column;gap:1.5rem;display:flex}.edu-card{border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.edu-glow{background:var(--accent-purple);width:4px;height:100%;box-shadow:0 0 15px var(--accent-purple);position:absolute;top:0;left:0}.edu-date{color:var(--accent-orange);letter-spacing:1px;font-size:.85rem;font-weight:700}.edu-inst{color:#fff;margin:.5rem 0 .2rem;font-size:1.3rem}.edu-degree{color:#94a3b8;margin-bottom:.8rem;font-size:1rem}.edu-details{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.5}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.course-item{background:#140a0566;border:1px dashed #f973164d;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:100px;padding:1rem;transition:all .3s;display:flex}.course-item:hover{border-style:solid;border-color:var(--accent-orange);background:#f973160d;transform:translateY(-3px);box-shadow:0 5px 15px #f9731633}.course-title{color:#fff;margin-bottom:1rem;font-size:.95rem;line-height:1.4}.course-year{color:var(--accent-orange);align-self:flex-end;font-size:.8rem;font-weight:700}.project-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0a1966;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.project-card:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#c026d380,#f9731680);border-radius:20px;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover:before{opacity:1}.project-card:hover{background:#140f2399;box-shadow:0 15px 40px #c026d333,0 0 20px #f973161a}.project-image-container{width:100%;height:200px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{z-index:1;background:linear-gradient(#0a051400 0%,#0a0514cc 100%);position:absolute;inset:0}.project-content{z-index:2;flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-title{background:linear-gradient(90deg,#fff,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.project-description{color:#cbd5e1;flex-grow:1;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.project-tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-badge{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.75rem;transition:all .2s;display:inline-flex}.tech-badge:hover{color:#fff;background:#c026d333;border-color:#c026d366}.project-actions{gap:1rem;margin-top:auto;display:flex}.project-btn{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-github{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.btn-github:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-web{color:#fff;background:linear-gradient(135deg,#f97316,#c026d3);border:none;box-shadow:0 4px 15px #f973164d}.btn-web:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c026d366}.proyectos-page{justify-content:center;width:100%;min-height:100vh;padding-top:8rem;padding-bottom:5rem;display:flex}.proyectos-content{z-index:2;flex-direction:column;gap:3rem;width:100%;max-width:1200px;padding:0 2rem;display:flex;position:relative}.proyectos-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.proyectos-title-container{justify-content:center;align-items:center;gap:1rem;display:flex}.proyectos-icon{color:#f97316;filter:drop-shadow(0 0 10px #f9731666)}.proyectos-title{color:#fff;letter-spacing:-1px;margin:0;font-size:3rem;font-weight:800}.highlight-text{background:linear-gradient(90deg,#f97316,#c026d3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.proyectos-subtitle{color:#94a3b8;max-width:600px;margin:0;font-size:1.1rem;line-height:1.5}.proyectos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;width:100%;display:grid}.no-projects{text-align:center;color:#94a3b8;background:#ffffff0d;border:1px dashed #ffffff1a;border-radius:12px;grid-column:1/-1;padding:3rem}@media (width<=768px){.proyectos-title{font-size:2.2rem}.proyectos-grid{grid-template-columns:1fr}}.contactar-page{justify-content:center;width:100%;min-height:100vh;padding-top:8rem;padding-bottom:5rem;display:flex}.contactar-content{z-index:2;flex-direction:column;gap:4rem;width:100%;max-width:1200px;padding:0 2rem;display:flex;position:relative}.contactar-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.contactar-title-container{justify-content:center;align-items:center;gap:1rem;display:flex}.contactar-icon{color:#c026d3;filter:drop-shadow(0 0 10px #c026d366)}.contactar-title{color:#fff;letter-spacing:-1px;margin:0;font-size:3rem;font-weight:800}.highlight-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c026d3,#06b6d4);-webkit-background-clip:text;background-clip:text}.contactar-subtitle{color:#94a3b8;max-width:600px;margin:0;font-size:1.1rem;line-height:1.5}.contactar-grid{grid-template-columns:1fr 1.5fr;align-items:flex-start;gap:3rem;width:100%;display:grid}.contact-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0a1966;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.contact-card:before{content:"";background:linear-gradient(90deg,#c026d3,#06b6d4);width:100%;height:4px;position:absolute;top:0;left:0}.contact-card-title{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.contact-card-desc{color:#94a3b8;margin:0 0 2.5rem;font-size:.95rem;line-height:1.6}.contact-details{flex-direction:column;gap:1.5rem;display:flex}.contact-item{align-items:center;gap:1.2rem;display:flex}.contact-icon-wrapper{color:#c026d3;background:#c026d31a;border:1px solid #c026d333;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.contact-item:hover .contact-icon-wrapper{background:#c026d333;transform:scale(1.05);box-shadow:0 0 15px #c026d34d}.contact-item-text{flex-direction:column;gap:.2rem;display:flex}.contact-item-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.contact-item-value{color:#e2e8f0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}a.contact-item-value:hover{color:#c026d3}.glass-form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0a1966;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex;box-shadow:0 10px 30px #0000004d}.form-title{color:#fff;margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.form-label{color:#cbd5e1;font-size:.9rem;font-weight:500}.form-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input::placeholder{color:#64748b}.form-input:focus{background:#0006;border-color:#06b6d480;box-shadow:0 0 0 4px #06b6d41a}.form-textarea{resize:vertical;min-height:120px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c026d3,#06b6d4);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #c026d34d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c026d380}.submit-btn.submitting{opacity:.7;cursor:not-allowed}.submit-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}@media (width<=992px){.contactar-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.contactar-title{font-size:2.2rem}.contact-card,.glass-form{padding:1.5rem}}.login-page{z-index:100;background:#0006;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative}.login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fb3;border:1px solid #06b6d44d;border-radius:20px;flex-direction:column;gap:2.5rem;width:100%;max-width:400px;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #06b6d41a,inset 0 0 20px #c026d30d}.login-container:before{content:"";background:linear-gradient(90deg,#0000,#06b6d4,#c026d3,#0000);width:100%;height:3px;animation:2s linear infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-icon{color:#06b6d4;filter:drop-shadow(0 0 10px #06b6d480);margin-bottom:.5rem}.login-header h2{color:#fff;letter-spacing:1px;margin:0;font-size:1.8rem}.login-header p{color:#c026d3;text-transform:uppercase;letter-spacing:3px;margin:0;font-size:.9rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;position:absolute;left:15px}.input-group input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:1rem 1rem 1rem 3rem;font-family:monospace;font-size:1.1rem;transition:all .3s}.input-group input:focus{border-color:#c026d3;box-shadow:0 0 15px #c026d333}.login-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#06b6d4cc,#c026d3cc);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 5px 15px #c026d34d}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#06b6d4,#c026d3);transform:translateY(-2px);box-shadow:0 8px 25px #c026d380}.login-btn:disabled{opacity:.6;cursor:not-allowed}.scanning-text{animation:1s infinite alternate pulse}.error-shake{border-color:#ef4444;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;box-shadow:0 0 20px #ef44444d}.error-shake .login-icon{color:#ef4444;filter:drop-shadow(0 0 10px #ef444480)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.dashboard-page{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100;background:0 0;width:100vw;min-height:100vh;display:flex;position:relative}.dashboard-sidebar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000026;border-right:1px solid #06b6d433;flex-direction:column;width:250px;padding:2rem 0;display:flex}.sidebar-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:0 1.5rem 2rem;display:flex}.sidebar-icon{color:#06b6d4}.sidebar-header h2{color:#fff;margin:0;font-size:1.2rem}.sidebar-nav{flex:1;margin:0;padding:1.5rem 0;list-style:none}.sidebar-nav li{color:#94a3b8;cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.sidebar-nav li.active{color:#06b6d4;background:#06b6d41a;border-right:3px solid #06b6d4}.sidebar-nav li:hover:not(.disabled){color:#fff;background:#ffffff0d}.sidebar-nav li.disabled{opacity:.4;cursor:not-allowed}.logout-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin:0 1.5rem;padding:1rem;transition:all .2s;display:flex}.logout-btn:hover{background:#ef444433;box-shadow:0 0 10px #ef444433}.dashboard-main{flex-direction:column;flex:1;gap:2rem;padding:3rem;display:flex;overflow-y:auto}.dashboard-header h1{margin-bottom:.5rem;font-size:2.5rem}.dashboard-header p{color:#94a3b8}.dashboard-content{flex-direction:column;gap:2rem;display:flex}.crud-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0a1999;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000004d}.table-header-actions{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.table-header-actions h3{color:#fff;margin:0}.add-btn{color:#06b6d4;cursor:pointer;background:#06b6d433;border:1px solid #06b6d480;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.add-btn:hover{color:#fff;background:#06b6d466;box-shadow:0 0 15px #06b6d466}.table-responsive{overflow-x:auto}.crud-table{border-collapse:collapse;width:100%}.crud-table th,.crud-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:1rem}.crud-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500}.crud-table td{color:#fff}.truncate-text{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:250px;display:inline-block;overflow:hidden}.actions-cell{gap:.5rem;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn.edit{color:#3b82f6;background:#3b82f61a}.icon-btn.edit:hover{color:#fff;background:#3b82f64d}.icon-btn.delete{color:#ef4444;background:#ef44441a}.icon-btn.delete:hover{color:#fff;background:#ef44444d}.icon-btn.close{color:#94a3b8}.icon-btn.close:hover{color:#fff;background:#ffffff1a}.crud-form-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0a19cc;border:1px solid #c026d34d;border-radius:12px;padding:2rem;animation:.4s ease-out fadeUp;box-shadow:0 10px 30px #c026d31a}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crud-form-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.crud-form-header h3{color:#c026d3;margin:0}.crud-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#94a3b8;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group select option{color:#fff;background:#0f0a19}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 10px #06b6d433}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4cc,#c026d3cc);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #c026d366}.save-btn:disabled{opacity:.6;cursor:wait}.security-alert{text-align:center;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-weight:500}.security-alert.error{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.security-alert.success{color:#86efac;background:#22c55e33;border:1px solid #22c55e66}@media (width<=768px){.dashboard-page{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #06b6d433;border-right:none;width:100%;padding:1rem 0}.sidebar-nav{padding:1rem;display:flex;overflow-x:auto}.sidebar-nav li{white-space:nowrap;padding:.5rem 1rem}}.music-player-container{z-index:1000;align-items:center;display:flex;position:fixed;bottom:30px;left:30px}.music-player-collapsed{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#fff;background:#0f0a1999;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0006,0 0 15px #06b6d433}.music-player-collapsed:hover{background:#0f0a19cc;border-color:#06b6d480;box-shadow:0 4px 20px #00000080,0 0 20px #06b6d466}.disc-icon{color:#06b6d4;justify-content:center;align-items:center;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:3s linear infinite spin}.spinning-slow{animation:10s linear infinite spin}.collapsed-indicator{background:#c026d3;border:2px solid #1a1a2e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute}.indicator-right{right:-8px}.indicator-left{left:-8px}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0a1999;border:1px solid #ffffff1a;box-shadow:0 10px 30px #00000080}.music-player-expanded{border-radius:20px;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.music-player-expanded:before{content:"";background:linear-gradient(90deg,#06b6d4,#c026d3);width:100%;height:2px;position:absolute;top:0;left:0}.collapse-btn{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.collapse-btn.btn-left{left:5px}.collapse-btn.btn-right{right:5px}.collapse-btn:hover{color:#fff}.player-content{align-items:center;gap:1rem;display:flex}.direction-right .player-content{margin-left:25px}.direction-left .player-content{flex-direction:row-reverse;margin-right:25px}.direction-left .track-info{text-align:right}.direction-left .player-controls{flex-direction:row-reverse}.direction-left .music-player-expanded{transform:translate(calc(55px - 100%))!important}.album-art-container{border:2px solid #2a2a4a;border-radius:50%;flex-shrink:0;width:50px;height:50px;position:relative;overflow:hidden;box-shadow:0 0 10px #00000080}.album-art{object-fit:cover;width:100%;height:100%}.album-art-center{background:#1a1a2e;border:2px solid #333;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.track-info{flex-direction:column;justify-content:center;min-width:120px;max-width:150px;display:flex}.track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.track-artist{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.player-controls{align-items:center;gap:.5rem;display:flex}.control-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.secondary-btn{color:#94a3b8;width:30px;height:30px}.secondary-btn:hover{color:#fff;background:#ffffff1a}.main-btn{color:#06b6d4;background:#ffffff1a;border:1px solid #06b6d44d;width:40px;height:40px}.main-btn:hover{color:#fff;background:#06b6d433;box-shadow:0 0 10px #06b6d466}.play-icon-offset{margin-left:2px}@media (width<=768px){.music-player-container{bottom:20px;left:20px}.track-info{max-width:100px}}