@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-primary: #0B1220;--bg-secondary: #0E1A2F;--bg-tertiary: #132440;--text-primary: #ffffff;--text-secondary: #c0d3ef;--text-muted: #829ab1;--accent-primary: #2563eb;--accent-secondary: #60a5fa;--accent-glow: rgba(37, 99, 235, .5);--accent-glow-strong: rgba(96, 165, 250, .8);--gradient-cosmic: linear-gradient(135deg, #0B1220 0%, #0E1A2F 100%);--gradient-blue: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);--gradient-glass: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 100%);--glass-bg: rgba(6, 20, 48, .45);--glass-border: 1px solid rgba(255, 255, 255, .15);--glass-border-light: rgba(255, 255, 255, .3);--glass-border-hover: 1px solid rgba(80, 150, 255, .4);--glass-shadow: 0 15px 35px 0 rgba(0, 0, 0, .6);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--font-sans: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--font-display: "Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background:radial-gradient(ellipse at 50% -10%,rgba(37,99,235,.15) 0%,transparent 60%),radial-gradient(ellipse at 0% 50%,rgba(29,78,216,.2) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(59,130,246,.1) 0%,transparent 60%);pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.6) 1px,transparent 2px),radial-gradient(circle at 30% 60%,rgba(255,255,255,.4) 1.5px,transparent 2.5px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.7) 2px,transparent 3px),radial-gradient(circle at 60% 80%,rgba(255,255,255,.3) 1px,transparent 2px),radial-gradient(circle at 90% 70%,rgba(255,255,255,.5) 1.5px,transparent 2px),linear-gradient(135deg,transparent 40%,rgba(37,99,235,.05) 45%,rgba(59,130,246,.1) 50%,transparent 55%),linear-gradient(225deg,transparent 40%,rgba(37,99,235,.03) 45%,rgba(29,78,216,.08) 50%,transparent 65%);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,200% 200%,200% 200%;animation:bgPulse 15s ease infinite alternate}@keyframes bgPulse{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,100% 100%}to{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,100% 100%,0% 0%}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);line-height:1.2}a{text-decoration:none;color:inherit;transition:all .3s ease}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #ffffff1a,var(--glass-shadow);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-panel:hover{border-top:1px solid rgba(80,150,255,.5);border-left:1px solid rgba(80,150,255,.3);box-shadow:inset 0 1px 2px #fff3,0 0 30px #1562ff4d,var(--glass-shadow);transform:translateY(-4px)}.glass-button{background:linear-gradient(180deg,#3278ff1a,#0a1e5066);border:1px solid rgba(60,130,255,.2);border-top:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000004d}.glass-button:hover{background:linear-gradient(180deg,#3c8cff40,#0f2d6499);border-color:#64a0ff80;box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.btn-primary{background:var(--gradient-blue);color:#fff;padding:.85rem 2.5rem;border-radius:50px;border:1px solid rgba(80,150,255,.3);border-top:1px solid rgba(255,255,255,.5);font-weight:600;cursor:pointer;box-shadow:inset 0 -4px 10px #0003,0 8px 25px #2563eb80;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:inset 0 -4px 10px #0003,0 12px 35px #3b82f6b3;background:linear-gradient(180deg,#60a5fa,#2563eb)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section-padding{padding:var(--spacing-xl) 0}.gap-4{gap:1rem}.grid{display:grid}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.text-gradient{background:linear-gradient(to right,#fff,#b0c4de);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(300px,auto);gap:1.5rem;max-width:1200px;margin:0 auto}.bento-item-lg{grid-column:span 8}.bento-item-sm{grid-column:span 4}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-item-lg,.bento-item-sm{grid-column:span 1}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr;gap:1rem}.bento-item-lg,.bento-item-sm{grid-column:span 1;min-height:250px}}.bento-item{grid-column:span 12}@media(min-width:768px){.bento-item-lg{grid-column:span 8}.bento-item-sm{grid-column:span 4}.bento-item-md{grid-column:span 6}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}input:focus,textarea:focus,select:focus,button:focus,a:focus{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #3b82f61a!important}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-primary);color:#fff;padding:8px 16px;text-decoration:none;z-index:1000;border-radius:0 0 4px}.skip-link:focus{top:0}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.neon-green{color:var(--commerce-green);text-shadow:var(--commerce-neon);animation:neonPulse 3s ease-in-out infinite;font-weight:600;letter-spacing:1px}.neon-green-glow{box-shadow:var(--commerce-neon);border:1px solid var(--commerce-green);transition:all .3s ease}.neon-green-glow:hover{box-shadow:0 0 40px #2872a199,0 0 60px #2872a166,0 0 80px #2872a133;transform:scale(1.05)}.neon-green-bg{background:linear-gradient(135deg,var(--commerce-green-dark),var(--commerce-green));box-shadow:var(--commerce-neon);transition:all .3s ease}.neon-green-bg:hover{box-shadow:var(--shadow-neon);transform:translateY(-2px)}@keyframes neonPulse{0%,to{text-shadow:0 0 10px rgba(40,114,161,.5),0 0 20px rgba(40,114,161,.3),0 0 30px rgba(40,114,161,.2),0 0 40px rgba(40,114,161,.1)}50%{text-shadow:0 0 10px rgba(30,90,127,.4),0 0 18px rgba(30,90,127,.25),0 0 24px rgba(30,90,127,.15)}}@keyframes neonGlow{0%,to{box-shadow:0 0 6px #1e5a7f4d,0 0 12px #1e5a7f33,0 0 18px #1e5a7f1a}50%{box-shadow:0 0 10px #00d97366,0 0 18px #00d97340,0 0 24px #00d97326}}.neon-button{background:linear-gradient(135deg,var(--commerce-green-dark),var(--commerce-green));color:#fff;border:2px solid var(--commerce-green);box-shadow:var(--commerce-neon);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden}.neon-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.neon-button:hover{background:linear-gradient(135deg,var(--commerce-green),var(--commerce-green-light));box-shadow:var(--shadow-neon);transform:translateY(-3px) scale(1.05)}.neon-button:hover:before{width:300px;height:300px}.neon-button:active{transform:translateY(-1px) scale(1.02)}@media(max-width:768px){h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}}@media(max-width:480px){h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}.btn{padding:.625rem 1.25rem;font-size:.875rem}}@media(max-width:768px){.mobile-menu{display:flex;flex-direction:column;gap:1rem}.desktop-menu{display:none}nav{padding:1rem!important}}@media(min-width:769px){.mobile-menu{display:none}.desktop-menu{display:flex}}.bottom-nav{-webkit-tap-highlight-color:transparent}.bottom-nav-link{position:relative}.bottom-nav-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2872a11a;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:0}.bottom-nav-link:hover:before{width:100px;height:100px}.bottom-nav-link:hover{color:var(--accent-primary)!important;background:#2872a11a!important;transform:translateY(-3px)}.bottom-nav-link:active{transform:translateY(-1px);transition:transform .1s ease}.bottom-nav-home{position:relative}.bottom-nav-home:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;z-index:-1}.bottom-nav-home:hover:after{opacity:.3}.bottom-nav-home:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #2872a199,0 0 30px #2872a166!important}.bottom-nav-home:active{transform:translateY(0) scale(1)}.logo-link{position:relative}.logo-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transition:width .3s ease;border-radius:2px}.logo-link:hover:after{width:80%}.contact-link{position:relative}.contact-link svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-link:hover svg{animation:mailBounce .6s ease}@keyframes mailBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}.shimmer-effect{animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){.whatsapp-float{bottom:1rem!important;right:1rem!important;width:50px!important;height:50px!important}}@media(max-width:768px){.btn,button,a.btn{min-height:44px;min-width:44px;padding:.75rem 1.5rem}}@media(max-width:768px){body{font-size:16px;-webkit-text-size-adjust:100%}p,span{line-height:1.6}}html,body{overflow-x:hidden;max-width:100vw}::selection{background:#3b82f64d;color:var(--text-primary)}::-moz-selection{background:#3b82f64d;color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}a:not(.btn):not(.neon-button):hover{color:var(--accent-primary);transition:color .2s ease}main{animation:fadeIn .5s ease-out}@supports (-webkit-touch-callout: none){html{-webkit-overflow-scrolling:touch}}@media(max-width:768px){.grid-responsive{grid-template-columns:1fr!important}}@media(min-width:769px)and (max-width:1024px){.grid-responsive{grid-template-columns:repeat(2,1fr)!important}}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}.grid-cols-tablet-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-tablet-3{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1025px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-cols-desktop-3{grid-template-columns:repeat(3,1fr)!important}.grid-cols-desktop-4{grid-template-columns:repeat(4,1fr)!important}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.m-0{margin:0}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}@media(max-width:767px){.p-mobile-sm{padding:var(--spacing-sm)!important}.p-mobile-md{padding:var(--spacing-md)!important}.mb-mobile-lg{margin-bottom:var(--spacing-lg)!important}.mb-mobile-xl{margin-bottom:var(--spacing-xl)!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@media(max-width:767px){.text-mobile-sm{font-size:.875rem!important}.text-mobile-base{font-size:1rem!important}.text-mobile-lg{font-size:1.125rem!important}.text-mobile-xl{font-size:1.25rem!important}.text-mobile-2xl{font-size:1.5rem!important}}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.show-mobile{display:none}.hide-mobile{display:block}@media(max-width:767px){.show-mobile{display:block}.hide-mobile{display:none!important}}.show-tablet{display:none}.hide-tablet{display:block}@media(min-width:768px)and (max-width:1024px){.show-tablet{display:block}.hide-tablet{display:none!important}}.show-desktop{display:none}.hide-desktop{display:block}@media(min-width:1025px){.show-desktop{display:block}.hide-desktop{display:none!important}}.page-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-section{margin-bottom:var(--spacing-2xl)}.section-title{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:var(--spacing-xl);transition:all .3s ease}.card:hover{background:#ffffff0d;border-color:#ffffff1a}@media(max-width:767px){.card{padding:var(--spacing-lg)}.page-container{padding:0 var(--spacing-md)}}.img-responsive{width:100%;height:auto;max-width:100%;object-fit:cover}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--spacing-md);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;text-shadow:0 0 40px var(--accent-glow);animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@media(max-width:767px){.hero-title{font-size:2rem}}@media(min-width:768px)and (max-width:1024px){.hero-title{font-size:2.5rem}}.btn-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:767px){.btn-group{flex-direction:column}.btn-group .btn{width:100%}}.form-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.form-grid-3{grid-template-columns:repeat(3,1fr)}}.filters-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.filters-container{justify-content:flex-start;padding-bottom:.5rem}}.filter-btn{padding:.5rem 1.5rem;background:#0a1e5066;border:1px solid rgba(40,100,220,.3);border-top:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-btn:hover{background:#0f2d6e99;color:var(--text-primary);border-color:#3c8cff80}.filter-btn.active{background:linear-gradient(180deg,#2b75ff,#0b348f);border-color:#3c8cffcc;border-top:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:0 4px 15px #1562ff80;text-shadow:0 1px 2px rgba(0,0,0,.3)}.project-item-card{padding:0;border-radius:1rem;overflow:hidden;cursor:pointer;border:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:all .3s;background:var(--bg-secondary);box-shadow:0 4px 16px #0003}.project-item-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0006;border-color:var(--accent-primary)}.project-thumbnail{width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);position:relative;overflow:hidden;flex-shrink:0}.project-thumbnail-img{display:block;width:100%;height:100%;object-fit:cover;vertical-align:middle;background:var(--bg-tertiary)}.project-thumbnail .project-placeholder-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));gap:.5rem;font-size:3rem;font-weight:700;color:var(--text-secondary);pointer-events:none}.featured-badge{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:#00000080;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.project-item-content{padding:1.5rem}.project-item-actions{margin-top:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.view-details-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--accent-primary)}.whatsapp-link-small{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#25d366;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;background:#25d3661a;transition:all .2s}.whatsapp-link-small:hover{background:#25d36633}.project-details-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:1025px){.project-details-grid{grid-template-columns:2fr 1fr}}.project-media-container{padding:0;border-radius:1.5rem;margin-bottom:3rem;overflow:hidden;background:var(--bg-secondary);border:2px solid var(--border-subtle);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-media-container:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0006,0 0 0 1px #ffffff1a;border-color:var(--accent-primary)}.project-media{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.project-media-container img.project-media{width:100%;height:auto;min-height:300px;max-height:80vh;object-fit:contain;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);display:block;margin:0 auto;padding:1rem;border-radius:1rem}.project-media-container video.project-media{width:100%;height:auto;min-height:300px;max-height:80vh;object-fit:contain;background:var(--bg-secondary);display:block}.project-details-sidebar{display:flex;flex-direction:column;gap:1.5rem}.detail-box{padding:1.5rem;border-radius:1rem}.tools-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tool-tag{padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:.5rem;font-size:.875rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;transition:color .2s;text-decoration:none}.back-link:hover{color:var(--text-primary)}@media(max-width:767px){.project-header-title{font-size:2rem!important}}.profile-avatar{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700}@media(max-width:767px){.profile-avatar{width:150px;height:150px;font-size:3rem}}.about-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.about-grid{grid-template-columns:repeat(2,1fr)}}.contact-link-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-subtle);color:var(--text-primary);transition:all .2s;text-decoration:none}.contact-link-item:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.social-link-item{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-subtle);color:var(--text-primary);transition:all .2s;text-decoration:none}.social-link-item:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.skill-card{padding:2rem;border-radius:1rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-level-badge{padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:1rem;font-size:.875rem}.progress-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:1rem;overflow:hidden}.progress-bar{height:100%;border-radius:1rem;transition:width .3s ease}.tools-list{display:flex;flex-wrap:wrap;gap:.75rem}.tool-item{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:.5rem;font-size:.9rem}.form-input,.form-textarea,.form-select{width:100%;padding:1rem 1.25rem;background:#0a1e5066;border:1px solid rgba(40,100,220,.3);border-top:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 2px 8px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#0f2d6e99;border-color:#3c8cffcc!important;box-shadow:0 0 20px #1562ff4d,inset 0 2px 8px #0006!important;outline:none!important}.form-textarea{resize:vertical;min-height:140px}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-field{margin-bottom:1.5rem}@media(max-width:767px){.project-item-content{padding:1rem}.project-item-actions{flex-direction:column;align-items:flex-start}}.admin-layout{display:flex;min-height:100vh;position:relative}.admin-sidebar{transition:width .3s ease,transform .3s ease}.admin-header{position:sticky;top:0;z-index:99}.admin-header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.admin-main{width:100%;min-width:0}@media(max-width:1024px){.admin-sidebar{position:fixed!important;height:100vh!important;top:0;left:0;transform:translate(0);z-index:999}.admin-sidebar.closed{transform:translate(-100%)}.admin-header,.admin-main{padding:1rem!important}.admin-header-actions{gap:.5rem}.admin-header-actions button,.admin-header-actions a{font-size:.8rem;padding:.5rem .75rem}}@media(max-width:767px){.admin-main{padding:1rem .75rem!important}.admin-header{padding:.75rem 1rem!important;flex-wrap:wrap;gap:.5rem}.admin-header-actions{gap:.5rem;flex-wrap:wrap}}.project-card{height:250px;border-radius:1.5rem;overflow:hidden;position:relative;cursor:pointer;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--border-subtle);box-shadow:var(--shadow-md);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.project-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary)}.project-card:hover:before{opacity:.15}.project-card:hover .project-overlay{background:linear-gradient(to top,#000000e6,#00000080)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:0;display:block}.project-card:hover .project-image{transform:scale(1.1)}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);position:relative;z-index:0}.project-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.5),transparent);padding:1.5rem;color:#fff;z-index:2;transition:all .4s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-overlay .project-name{font-weight:700;font-size:1.25rem;margin-bottom:.25rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.project-overlay .project-category{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:1px;font-weight:500}.project-name{font-size:1.25rem;margin-bottom:.5rem}.project-category{font-size:.875rem;opacity:.9}.projects-grid{display:grid;gap:var(--spacing-xl)}.loading-container{text-align:center;padding:var(--spacing-3xl)}.loading-spinner{animation:spin 1s linear infinite;margin:0 auto}.loading-text{margin-top:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary)}.featured-section{margin-bottom:var(--spacing-2xl);position:relative}.featured-section:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float 6s ease-in-out infinite;z-index:-1}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(20px)}}.hero{text-align:center;margin-bottom:var(--spacing-3xl)}.hero-subtitle{font-size:1.25rem;margin-bottom:.75rem}.academic-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#93c5fda6;margin-top:.5rem;font-weight:400;letter-spacing:.01em}.academic-icon{font-size:.75rem;opacity:.6;display:inline-block;line-height:1}.academic-text{opacity:.65}.cta-buttons{margin-top:var(--spacing-xl)}.modern-cta-btn{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.modern-cta-btn:hover{transform:translateY(-4px) scale(1.02)}.modern-cta-btn:hover .btn-shine{left:"100%"}.modern-cta-btn:hover .btn-ripple{width:"300px";height:"300px"}.whatsapp-cta{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #25d36666,0 0 40px #25d36633,0 4px 15px #0000004d}50%{box-shadow:0 0 30px #25d36699,0 0 60px #25d36666,0 8px 25px #0006}}.whatsapp-cta:hover{animation:none;box-shadow:0 0 40px #25d366cc,0 0 80px #25d36680,0 12px 35px #00000080;transform:translateY(-6px) scale(1.05)}.btn-shine{pointer-events:none}.modern-cta-btn:hover .btn-shine{left:100%!important}.btn-ripple{pointer-events:none}.modern-cta-btn:hover .btn-ripple{width:300px!important;height:300px!important}@media(max-width:767px){.project-card{height:200px}.project-overlay{padding:var(--spacing-md)}.project-name{font-size:1.125rem}.hero{margin-bottom:var(--spacing-2xl)}.hero-subtitle{font-size:1.125rem}}.project-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary);border-radius:.75rem .75rem 0 0}.project-thumbnail-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);opacity:1!important}.project-item-card:hover .project-thumbnail-img{transform:scale(1.1)}.project-placeholder-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));gap:.5rem}.project-media-container{position:relative;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-tertiary);margin-bottom:2rem;min-height:200px}.project-media{width:100%;height:auto;max-height:80vh;object-fit:contain;background:var(--bg-tertiary);opacity:1!important;display:block}.img-responsive{width:100%;height:100%;object-fit:cover}.project-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 12px var(--accent-glow);border-color:var(--accent-primary)}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-img{transform:scale(1.1)}.gallery-overlay{position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.gallery-item:hover .gallery-overlay{opacity:1}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.lightbox-content{position:relative;max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:.5rem;box-shadow:0 0 40px #00000080;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10001}.lightbox-close:hover{background:var(--accent-primary);transform:rotate(90deg)}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;padding:1rem;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10001}.lightbox-nav-btn:hover{background:var(--accent-primary);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-caption{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff;background:#0009;padding:.5rem 1rem;border-radius:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.9rem}@media(max-width:768px){.lightbox-nav-btn{padding:.75rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.project-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.lux-page{width:100%}.lux-glass-card{background:var(--glass-bg, rgba(6, 20, 48, .45));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #ffffff1a,0 15px 35px #0009;border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;color:var(--text-primary)}.lux-glass-card:hover{border-top:1px solid rgba(80,150,255,.5);border-left:1px solid rgba(80,150,255,.3);box-shadow:inset 0 1px 2px #fff3,0 0 30px #2563eb4d,0 15px 35px #0009;transform:translateY(-4px)}.lux-btn-gold{background:var(--gradient-blue);color:#fff;padding:.85rem 2.5rem;border-radius:50px;border:1px solid rgba(80,150,255,.3);border-top:1px solid rgba(255,255,255,.5);font-weight:600;cursor:pointer;box-shadow:inset 0 -4px 10px #0003,0 8px 25px #2563eb80;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.3);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.lux-btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:inset 0 -4px 10px #0003,0 12px 35px #3b82f6b3;background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff}.lux-btn-glass{background:linear-gradient(180deg,#3278ff1a,#0a1e5066);border:1px solid rgba(60,130,255,.2);border-top:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000004d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.lux-btn-glass:hover{background:linear-gradient(180deg,#3c8cff40,#0f2d6499);border-color:#64a0ff80;box-shadow:0 0 20px #1562ff80;transform:translateY(-2px);color:#fff}.lux-section-title{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);font-weight:800;color:var(--text-primary);text-align:center;font-size:2.5rem;font-family:var(--font-serif)}.lux-section-padding{padding:4rem 1rem}.lux-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}:root{--lux-text: #ffffff;--lux-text-muted: #c0d3ef;--lux-gold: #3b82f6;--lux-emerald: #0d3eb0;--lux-border-glass: 1px solid rgba(255, 255, 255, .15);--lux-gradient-gold: linear-gradient(180deg, #2b75ff 0%, #0b348f 100%)}