body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b82f6;--secondary:#8b5cf6;--accent:#10b981;--dark:#1f2937;--darker:#111827;--light:#f9fafb;--gray:#9ca3af;--border:#374151}body{background-color:#1f2937;background-color:var(--dark);color:#f9fafb;color:var(--light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}section{padding:80px 0}.section-title{color:#3b82f6;color:var(--primary);margin-bottom:20px;text-align:center}.section-subtitle{color:#9ca3af;margin-bottom:50px;text-align:center}.btn{background:#3b82f6;background:var(--primary);display:inline-block;padding:12px 30px}.btn:hover{box-shadow:0 10px 20px #3b82f666;transform:translateY(-2px)}.btn-secondary{border:2px solid #3b82f6;color:#3b82f6}.btn-secondary:hover{background:#3b82f6;color:#fff}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937f2;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:#1f2937fa}.nav{align-items:center;display:flex;justify-content:space-between;padding:20px 0}.logo{color:var(--primary);font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:30px;list-style:none}.nav-links button{background:none;border:none;color:var(--light);cursor:pointer;font-size:1rem;transition:color .3s ease}.nav-links button:hover{color:var(--primary)}@media (max-width:768px){.nav-links{display:none}}.hero{align-items:center;background:linear-gradient(135deg,var(--darker) 0,var(--dark) 100%);display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff08 0,#00d4ff08 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-text h1{display:flex;flex-direction:column;font-size:3.5rem;gap:10px;line-height:1.2;margin-bottom:20px}.name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;display:inline-block;margin-top:10px;position:relative;text-shadow:3px 3px 0 #0000001a}.name-highlight:after{background:var(--primary);bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.name-highlight:hover:after{transform:scaleX(1)}.hero-subtitle{color:var(--gray);font-size:1.5rem;margin-bottom:20px;padding-left:20px;position:relative}.hero-subtitle:before{animation:blink 1.5s infinite;color:var(--primary);content:"▸";font-size:1.8rem;left:0;position:absolute}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.hero-description{border-left:3px solid var(--primary);color:var(--light);font-size:1.1rem;line-height:1.8;margin-bottom:30px;padding-left:20px}.hero-buttons{display:flex;gap:20px}.btn{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 15px #00d4ff4d;gap:10px;padding:15px 35px}.btn:before{transition:width .6s,height .6s}.btn:hover{box-shadow:0 8px 25px #00d4ff80}.btn span,.btn svg{position:relative;z-index:1}.arrow-icon{height:20px;transition:transform .3s ease;width:20px}.btn:hover .arrow-icon{transform:translateX(5px)}.btn-secondary{background:#0000;border:2px solid var(--primary);box-shadow:none;color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--dark)}.hero-visual{align-items:center;display:flex;justify-content:center}.code-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f3acc;border:2px solid var(--primary);border-radius:12px;box-shadow:0 0 30px #00d4ff4d,inset 0 0 20px #00d4ff1a;max-width:450px;padding:20px;position:relative;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease;width:100%}.code-panel:hover{transform:perspective(1000px) rotateY(0deg) scale(1.02)}.panel-header{border-bottom:1px solid #00d4ff4d;display:flex;gap:8px;margin-bottom:20px;padding-bottom:15px}.panel-dot{background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);height:12px;width:12px}.panel-dot:nth-child(2){background:var(--secondary);box-shadow:0 0 10px var(--secondary)}.panel-dot:nth-child(3){background:#10b981;box-shadow:0 0 10px #10b981}.code-lines{font-family:Courier New,monospace;font-size:1rem;line-height:1.8}.code-line{animation:fadeInLine .5s ease forwards;margin-bottom:8px;opacity:0}.code-line:first-child{animation-delay:.1s}.code-line:nth-child(2){animation-delay:.2s}.code-line:nth-child(3){animation-delay:.3s}.code-line:nth-child(4){animation-delay:.4s}.code-line:nth-child(5){animation-delay:.5s}@keyframes fadeInLine{to{opacity:1}}.indent{padding-left:30px}.code-keyword{color:#ff79c6;font-weight:700}.code-variable{color:#8be9fd}.code-operator{color:#ff79c6}.code-property{color:#50fa7b}.code-string{color:#f1fa8c}.code-bracket{color:var(--primary);font-weight:700}.speed-lines{background:linear-gradient(90deg,#0000 0,var(--primary) 50%,#0000 100%);height:100%;left:-50px;opacity:0;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:100%}.code-panel:hover .speed-lines{animation:speedLine .6s ease}@keyframes speedLine{0%{left:-100%;opacity:0}50%{opacity:.3}to{left:100%;opacity:0}}@media (max-width:968px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-text h1{align-items:center;font-size:2.5rem}.manga-accent{margin:0 auto 15px}.hero-subtitle:before{display:none}.hero-subtitle{padding-left:0}.hero-description{border-left:none;border-top:3px solid var(--primary);padding-left:0;padding-top:20px}.hero-buttons{flex-wrap:wrap;justify-content:center}.code-panel{transform:perspective(1000px) rotateY(0deg)}}@media (max-width:480px){.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1.2rem}.btn{font-size:.9rem;padding:12px 25px}.code-panel{max-width:100%}.code-lines{font-size:.85rem}}.about{background:var(--darker);padding:100px 0;position:relative}.title-bracket{animation:bracketPulse 2s ease-in-out infinite;margin:0 10px}@keyframes bracketPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.title-underline{background:linear-gradient(90deg,#0000,var(--primary),#0000);height:4px;width:100px}.title-underline:after,.title-underline:before{background:var(--primary);border-radius:50%;content:"";height:8px;top:-2px;width:8px}.title-underline:before{left:-15px}.title-underline:after{right:-15px}.about-content{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:1fr 1fr}.text-panel{background:#ffffff08;border:2px solid #00d4ff33;border-radius:10px;margin-bottom:40px;padding:30px;position:relative}.panel-corner{border:3px solid var(--primary);height:20px;position:absolute;width:20px}.panel-corner.top-left{border-bottom:none;border-right:none;left:-2px;top:-2px}.panel-corner.top-right{border-bottom:none;border-left:none;right:-2px;top:-2px}.panel-corner.bottom-left{border-right:none;border-top:none;bottom:-2px;left:-2px}.panel-corner.bottom-right{border-left:none;border-top:none;bottom:-2px;right:-2px}.about-text p{color:var(--light);font-size:1.1rem;line-height:1.8;margin-bottom:20px}.intro-text{border-left:3px solid var(--primary);padding-left:20px;position:relative}.stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-top:40px}.stat{background:linear-gradient(135deg,#00d4ff0d,#a855f70d);border:2px solid #00d4ff33;border-radius:10px;cursor:pointer;overflow:hidden;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.stat:before{background:linear-gradient(90deg,#0000,#00d4ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stat:hover:before{left:100%}.stat:hover{border-color:var(--primary);box-shadow:0 10px 30px #00d4ff4d;transform:translateY(-5px) scale(1.02)}.stat-icon{filter:grayscale(100%) brightness(1.5);font-size:2rem;margin-bottom:10px;transition:filter .3s ease}.stat:hover .stat-icon{filter:grayscale(0) brightness(1)}.stat h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:10px;position:relative;z-index:1}.percent,.plus{color:var(--secondary);font-size:2rem}.stat p{color:var(--gray);font-size:.95rem;position:relative;z-index:1}.stat-border{background:linear-gradient(90deg,var(--primary),var(--secondary));bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.stat:hover .stat-border{transform:scaleX(1)}.cv-stat{align-items:center;cursor:default;display:flex;flex-direction:column;gap:8px;justify-content:center}.cv-stat-icon{filter:grayscale(50%);font-size:2.5rem;margin-bottom:5px;transition:all .3s ease}.cv-stat:hover .cv-stat-icon{filter:grayscale(0);transform:scale(1.2) rotate(5deg)}.cv-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,var(--primary),var(--secondary))!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:1.5rem!important;margin:0!important}.cv-stat p{font-size:.9rem;margin-bottom:10px}.cv-stat-actions{gap:10px;margin-top:5px;z-index:2}.cv-stat-actions,.cv-stat-btn{display:flex;position:relative}.cv-stat-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;font-size:1.3rem;height:45px;justify-content:center;overflow:hidden;transition:all .3s ease;width:45px}.cv-stat-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.cv-stat-btn:hover:before{height:100px;width:100px}.cv-stat-btn.view{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 15px #00d4ff4d}.cv-stat-btn.view:hover{box-shadow:0 6px 20px #00d4ff80;transform:translateY(-3px) scale(1.1)}.cv-stat-btn.download{background:#0000;border:2px solid var(--primary)}.cv-stat-btn.download:hover{background:var(--primary);transform:translateY(-3px) scale(1.1)}.about-skills{background:#ffffff08;border:2px solid #00d4ff33;border-radius:10px;overflow:hidden;padding:30px;position:relative}.about-skills:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00d4ff08 0,#00d4ff08 20px);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.skills-header{border-bottom:2px solid #00d4ff4d;margin-bottom:25px;padding-bottom:15px;position:relative;z-index:1}.skills-header h4{align-items:center;color:var(--light);display:flex;font-size:1.4rem;gap:10px}.header-decoration{animation:pulse 2s ease-in-out infinite;color:var(--primary);font-size:1.6rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.skills-list{list-style:none;position:relative;z-index:1}.skills-list li{align-items:center;border-bottom:1px solid #00d4ff1a;color:var(--light);display:flex;gap:15px;padding:15px 0;position:relative;transition:all .3s ease}.skills-list li:last-child{border-bottom:none}.skills-list li:hover{color:var(--primary);padding-left:10px}.skill-bullet{color:var(--primary);font-size:1.2rem;position:relative;transition:all .3s ease;z-index:1}.skills-list li:hover .skill-bullet{color:var(--secondary);transform:scale(1.3) rotate(1turn)}.skill-text{font-size:1rem;position:relative;z-index:1}.skills-decoration{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:25px;position:relative;z-index:1}.deco-line{width:60px}.deco-circle{animation:circleRotate 3s linear infinite;border:2px solid var(--primary);border-radius:50%;height:10px;width:10px}@keyframes circleRotate{0%{border-color:var(--primary);transform:rotate(0deg)}50%{border-color:var(--secondary)}to{border-color:var(--primary);transform:rotate(1turn)}}.cv-modal{align-items:center;animation:modalFadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .4s ease;background:var(--darker);border:2px solid var(--primary);border-radius:15px;box-shadow:0 20px 60px #00d4ff80;display:flex;flex-direction:column;height:90vh;max-width:900px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f003;border:2px solid #f44;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background:#f44;color:#fff;transform:rotate(90deg)}.modal-header{align-items:center;border-bottom:2px solid #00d4ff4d;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h3{color:var(--light);font-size:1.5rem;margin:0}.modal-download{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.modal-download:hover{box-shadow:0 5px 20px #00d4ff80;transform:translateY(-2px)}.modal-body{flex:1 1;overflow:hidden;padding:20px}.modal-body iframe{border:none;border-radius:10px}@media (max-width:968px){.about-content{gap:40px}.about-content,.stats{grid-template-columns:1fr}.stats{gap:20px}.section-title{font-size:2rem}.title-bracket{font-size:2.5rem}.cv-actions{flex-direction:column}.modal-content{height:80vh}}@media (max-width:480px){.about{padding:60px 0}.section-title{font-size:1.8rem}.about-text p{font-size:1rem}.stat h3{font-size:2.2rem}.cv-preview-container,.text-panel{padding:20px}.modal-content{height:75vh}.modal-header{align-items:flex-start;flex-direction:column;gap:15px}}.skills{background:linear-gradient(135deg,var(--dark) 0,var(--darker) 100%);overflow:hidden;padding:100px 0;position:relative}.skills:before{background:repeating-linear-gradient(90deg,#0000,#0000 50px,#00d4ff05 0,#00d4ff05 51px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.title-bracket{animation:codeBracket 2s ease-in-out infinite;color:var(--primary);display:inline-block;font-size:3rem;font-weight:700;margin:0 15px}.title-bracket:first-child{animation-delay:0s}.title-bracket:last-child{animation-delay:.5s}@keyframes codeBracket{0%,to{opacity:1;transform:translateX(0) scale(1)}50%{opacity:.7;transform:translateX(-5px) scale(1.1)}}.title-underline{animation:underlineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--primary),var(--secondary),#0000);height:3px;margin:20px auto 0;position:relative;width:120px}@keyframes underlineGlow{0%,to{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 20px var(--primary)}}.title-underline:after,.title-underline:before{color:var(--primary);content:"◆";font-size:.8rem;position:absolute;top:-8px}.title-underline:before{left:-20px}.title-underline:after{right:-20px}.skills-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:1}.skill-card{background:linear-gradient(135deg,#00d4ff0d,#a855f70d);border:2px solid #00d4ff33;border-radius:12px;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.skill-card:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00d4ff05 0,#00d4ff05 20px);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transition:transform .5s ease;width:200%}.skill-card:hover:before{transform:rotate(45deg)}.skill-card:hover{border-color:var(--primary);box-shadow:0 15px 40px #00d4ff4d,inset 0 0 20px #00d4ff1a;transform:translateY(-8px) scale(1.02)}.card-corner{border:2px solid var(--primary);height:15px;position:absolute;transition:all .3s ease;width:15px;z-index:2}.card-corner.top-left{border-bottom:none;border-right:none;left:8px;top:8px}.card-corner.top-right{border-bottom:none;border-left:none;right:8px;top:8px}.card-corner.bottom-left{border-right:none;border-top:none;bottom:8px;left:8px}.card-corner.bottom-right{border-left:none;border-top:none;bottom:8px;right:8px}.skill-card:hover .card-corner{border-color:var(--secondary)}.skill-card:hover .card-corner.top-left{transform:translate(-3px,-3px)}.skill-card:hover .card-corner.top-right{transform:translate(3px,-3px)}.skill-card:hover .card-corner.bottom-left{transform:translate(-3px,3px)}.skill-card:hover .card-corner.bottom-right{transform:translate(3px,3px)}.skill-icon{display:inline-block;filter:grayscale(70%);font-size:2.5rem;margin-bottom:15px;position:relative;transition:all .3s ease;z-index:1}.skill-card:hover .skill-icon{filter:grayscale(0);transform:scale(1.2) rotate(5deg)}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.skill-header h3{color:var(--light);font-size:1.3rem;font-weight:700;position:relative}.skill-header h3:after{background:var(--primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.skill-card:hover .skill-header h3:after{width:100%}.skill-percentage{-webkit-text-fill-color:#0000;align-items:baseline;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.8rem;font-weight:700}.percent-symbol{font-size:1.2rem;margin-left:2px}.skill-bar-container{margin-bottom:15px;position:relative;z-index:1}.skill-bar{background:#ffffff1a;border:1px solid #00d4ff33;border-radius:10px;height:10px;width:100%}.skill-bar,.skill-progress{overflow:hidden;position:relative}.skill-progress{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.progress-shine{animation:shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.bar-markers{height:10px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.marker{color:#ffffff4d;font-size:.8rem;position:absolute;top:-2px;transform:translateX(-50%)}.skill-level-text{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:4px;color:var(--gray);display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:5px 10px;position:relative;text-align:right;text-transform:uppercase;z-index:1}.skill-card:hover .skill-level-text{background:#00d4ff33;color:var(--primary)}@media (max-width:768px){.skills{padding:60px 0}.skills-grid{gap:25px;grid-template-columns:1fr}.section-title{font-size:2rem}.title-bracket{font-size:2.5rem;margin:0 10px}.skill-card{padding:25px}.skill-icon{font-size:2rem}.skill-header h3{font-size:1.1rem}.skill-percentage{font-size:1.5rem}}@media (max-width:480px){.section-title{font-size:1.8rem}.skill-card{padding:20px}.skill-bar{height:8px}}.projects{background:var(--darker);overflow:hidden;padding:100px 0;position:relative}.projects:before{background:repeating-linear-gradient(45deg,#0000,#0000 50px,#00d4ff05 0,#00d4ff05 51px),repeating-linear-gradient(-45deg,#0000,#0000 50px,#a855f705 0,#a855f705 51px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.title-decoration{animation:decorationFloat 2s ease-in-out infinite;color:var(--primary);display:inline-block;font-size:2rem;margin:0 15px}.title-decoration:first-child{animation-delay:0s}.title-decoration:last-child{animation-delay:.5s}@keyframes decorationFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(10deg)}}.title-underline{display:flex;gap:15px;justify-content:center;margin-top:20px}.underline-dot{animation:dotPulse 1.5s ease-in-out infinite;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);height:12px;width:12px}.underline-dot:first-child{animation-delay:0s}.underline-dot:nth-child(2){animation-delay:.3s;background:var(--secondary);box-shadow:0 0 10px var(--secondary)}.underline-dot:nth-child(3){animation-delay:.6s}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));position:relative;z-index:1}.project-card{background:linear-gradient(135deg,#00d4ff08,#a855f708);border:2px solid #00d4ff33;border-radius:15px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:before{background:repeating-linear-gradient(0deg,#0000,#0000 4px,#00d4ff08 0,#00d4ff08 8px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.project-card:hover{border-color:var(--primary);box-shadow:0 20px 50px #00d4ff66,inset 0 0 30px #00d4ff1a;transform:translateY(-15px) scale(1.02)}.card-frame{border:3px solid var(--primary);height:25px;position:absolute;transition:all .3s ease;width:25px;z-index:2}.card-frame.top-left{border-bottom:none;border-right:none;left:10px;top:10px}.card-frame.top-right{border-bottom:none;border-left:none;right:10px;top:10px}.card-frame.bottom-left{border-right:none;border-top:none;bottom:10px;left:10px}.card-frame.bottom-right{border-left:none;border-top:none;bottom:10px;right:10px}.project-card:hover .card-frame{border-color:var(--secondary)}.project-card:hover .card-frame.top-left{transform:translate(-5px,-5px)}.project-card:hover .card-frame.top-right{transform:translate(5px,-5px)}.project-card:hover .card-frame.bottom-left{transform:translate(-5px,5px)}.project-card:hover .card-frame.bottom-right{transform:translate(5px,5px)}.project-image{background:#0006;height:280px;overflow:hidden;position:relative}.project-image img{filter:grayscale(30%);height:100%;object-fit:cover;object-position:center;transition:all .5s ease;width:100%}.project-card:hover .project-image img{filter:grayscale(0);transform:scale(1.1)}.image-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;box-shadow:0 5px 15px #00000080;padding:8px 15px;position:absolute;right:15px;top:15px;transform:skew(-5deg);z-index:3}.badge-number{color:#fff;display:inline-block;font-size:.9rem;font-weight:700;transform:skew(5deg)}.project-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:2}.project-card:hover .project-overlay{opacity:1}.overlay-effects{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.speed-line{animation:speedLineMove 1s ease-out;background:linear-gradient(90deg,#0000,var(--primary),#0000);height:3px;opacity:0;position:absolute;width:100%}.speed-line:first-child{animation-delay:.1s;top:30%}.speed-line:nth-child(2){animation-delay:.2s;top:50%}.speed-line:nth-child(3){animation-delay:.3s;top:70%}.project-card:hover .speed-line{animation:speedLineMove 1s ease-out}@keyframes speedLineMove{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.project-links{gap:20px;z-index:3}.btn,.project-links{display:flex;position:relative}.btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;gap:8px;overflow:hidden;padding:12px 25px;text-decoration:none;transition:all .3s ease}.btn-demo{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 5px 20px #00d4ff66}.btn-code{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.btn:hover:before{height:300px;width:300px}.btn:hover{transform:translateY(-3px) scale(1.05)}.btn-code:hover{background:var(--primary);color:var(--dark)}.btn-icon{font-size:1.2rem}.btn span,.btn-icon,.project-content{position:relative;z-index:1}.project-content{padding:30px}.content-header{margin-bottom:15px;position:relative}.content-header h3{color:var(--light);font-size:1.4rem;margin-bottom:8px;transition:color .3s ease}.project-card:hover .content-header h3{color:var(--primary)}.title-accent{background:linear-gradient(90deg,var(--primary),#0000);height:3px;margin-top:5px;transition:width .3s ease;width:60px}.project-card:hover .title-accent{background:linear-gradient(90deg,var(--primary),var(--secondary));width:100px}.project-content p{color:var(--gray);line-height:1.7;margin-bottom:20px}.project-technologies{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;color:var(--primary);display:flex;font-size:.85rem;gap:6px;overflow:hidden;padding:6px 14px;position:relative;transition:all .3s ease}.tech-tag:before{background:linear-gradient(90deg,#0000,#00d4ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tech-tag:hover:before{left:100%}.tech-tag:hover{background:#00d4ff33;border-color:var(--primary);box-shadow:0 5px 15px #00d4ff4d;transform:translateY(-2px)}.tag-dot{color:var(--primary);font-size:.6rem}.card-accent-line{background:linear-gradient(90deg,var(--primary),var(--secondary));bottom:0;height:4px;left:0;position:absolute;transition:width .4s ease;width:0;z-index:2}.project-card:hover .card-accent-line{width:100%}@media (max-width:768px){.projects{padding:60px 0}.projects-grid{gap:30px;grid-template-columns:1fr}.section-title{font-size:2rem}.project-image{height:220px}.project-content{padding:25px}.project-links{flex-direction:column;gap:10px}.btn{justify-content:center;width:100%}}@media (max-width:480px){.section-title{font-size:1.8rem}.title-decoration{font-size:1.5rem;margin:0 10px}.projects-grid{grid-template-columns:1fr}.project-content{padding:20px}.project-content h3{font-size:1.2rem}}.contact{background:linear-gradient(135deg,var(--darker) 0,var(--dark) 100%);overflow:hidden;padding:100px 0;position:relative}.contact:before{background:radial-gradient(circle at 20% 30%,#00d4ff0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#a855f70d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-header{margin-bottom:60px;position:relative;text-align:center;z-index:1}.section-title{color:var(--light);display:inline-block;font-size:2.5rem;margin-bottom:10px;position:relative}.title-symbol{animation:symbolBounce 2s ease-in-out infinite;color:var(--primary);display:inline-block;font-size:2rem;margin:0 15px}.title-symbol:first-child{animation-delay:0s}.title-symbol:last-child{animation-delay:.5s}@keyframes symbolBounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(10deg)}}.section-subtitle{color:var(--gray);font-size:1.1rem;margin-bottom:20px}.title-divider{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.divider-line{background:linear-gradient(90deg,#0000,var(--primary),#0000);height:2px;width:60px}.divider-dot{animation:dotRotate 3s linear infinite;color:var(--primary);font-size:1.2rem}@keyframes dotRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.contact-info{align-items:stretch;display:flex}.info-panel{background:linear-gradient(135deg,#00d4ff0d,#a855f70d);border:2px solid #00d4ff33;border-radius:15px;padding:40px;position:relative;transition:all .3s ease;width:100%}.info-panel:hover{border-color:var(--primary);box-shadow:0 10px 40px #00d4ff33;transform:translateY(-5px)}.panel-decoration{background:linear-gradient(90deg,#0000,var(--primary),#0000);height:3px;left:0;position:absolute;width:100%}.panel-decoration.top{top:0}.panel-decoration.bottom{bottom:0}.info-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.header-icon{filter:grayscale(50%);font-size:2.5rem;transition:filter .3s ease}.info-panel:hover .header-icon{animation:iconPulse .5s ease;filter:grayscale(0)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.info-header h3{color:var(--light);font-size:1.8rem;margin:0}.info-description{border-left:3px solid var(--primary);color:var(--gray);font-size:1.05rem;line-height:1.7;margin-bottom:30px;padding-left:15px}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{align-items:flex-start;background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:10px;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.contact-item:before{background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.contact-item:hover:before{transform:scaleY(1)}.contact-item:hover{background:#00d4ff1a;border-color:var(--primary);transform:translateX(5px)}.item-icon{filter:grayscale(70%);font-size:1.8rem;transition:filter .3s ease}.contact-item:hover .item-icon{animation:iconBounce .5s ease;filter:grayscale(0)}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.item-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.item-content strong{color:var(--primary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.item-content span{color:var(--light);font-size:1.05rem}.info-accent{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;height:4px;margin-top:30px;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.info-panel:hover .info-accent{transform:scaleX(1)}.contact-form,.form-container{position:relative}.contact-form{background:linear-gradient(135deg,#00d4ff08,#a855f708);border:2px solid #00d4ff33;border-radius:15px;padding:40px;transition:all .3s ease}.contact-form:hover{border-color:var(--primary);box-shadow:0 10px 40px #00d4ff33}.form-corner{border:3px solid var(--primary);height:20px;position:absolute;transition:all .3s ease;width:20px;z-index:2}.form-corner.top-left{border-bottom:none;border-right:none;left:10px;top:10px}.form-corner.top-right{border-bottom:none;border-left:none;right:10px;top:10px}.form-corner.bottom-left{border-right:none;border-top:none;bottom:10px;left:10px}.form-corner.bottom-right{border-left:none;border-top:none;bottom:10px;right:10px}.contact-form:hover .form-corner{border-color:var(--secondary)}.contact-form:hover .form-corner.top-left{transform:translate(-3px,-3px)}.contact-form:hover .form-corner.top-right{transform:translate(3px,-3px)}.contact-form:hover .form-corner.bottom-left{transform:translate(-3px,3px)}.contact-form:hover .form-corner.bottom-right{transform:translate(3px,3px)}.form-header{border-bottom:2px solid #00d4ff33;margin-bottom:30px;padding-bottom:20px}.form-header h4{align-items:center;color:var(--light);display:flex;font-size:1.4rem;gap:10px;margin:0}.form-title-accent{animation:accentPulse 2s ease-in-out infinite;color:var(--primary);font-size:1.6rem}@keyframes accentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.form-group{margin-bottom:25px;position:relative}.form-group label{align-items:center;color:var(--gray);display:flex;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.label-icon{font-size:1.1rem}.form-group input,.form-group textarea{background:#00d4ff0d;border:2px solid #00d4ff33;border-radius:8px;color:var(--light);font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#00d4ff1a;border-color:var(--primary);box-shadow:0 0 20px #00d4ff33;outline:none;transform:translateY(-2px)}.form-group textarea{min-height:120px;resize:vertical}.input-underline{background:var(--primary);height:2px;margin-top:5px;transform:scaleX(0);transition:transform .3s ease}.form-group input:focus~.input-underline,.form-group textarea:focus~.input-underline{transform:scaleX(1)}.btn-submit{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 5px 20px #00d4ff4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:15px;justify-content:center;overflow:hidden;padding:18px 30px;position:relative;transition:all .3s ease;width:100%}.btn-submit:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-submit:hover:before{height:400px;width:400px}.btn-submit:hover{box-shadow:0 10px 30px #00d4ff80;transform:translateY(-3px)}.btn-arrow,.btn-text{position:relative;z-index:1}.btn-arrow{font-size:1.5rem;transition:transform .3s ease}.btn-submit:hover .btn-arrow{transform:translateX(5px)}@media (max-width:968px){.contact{padding:60px 0}.contact-content{gap:40px;grid-template-columns:1fr}.section-title{font-size:2rem}.contact-form,.info-panel{padding:30px}}@media (max-width:480px){.section-title{font-size:1.8rem}.title-symbol{font-size:1.5rem;margin:0 10px}.contact-form,.info-panel{padding:25px}.contact-item,.info-header{flex-direction:column;text-align:center}.item-content{align-items:center}}.footer{background:linear-gradient(180deg,var(--dark) 0,var(--darker) 100%);border-top:2px solid #00d4ff4d;overflow:hidden;padding:60px 0 30px;position:relative}.footer:before{background:repeating-linear-gradient(90deg,#0000,#0000 100px,#00d4ff05 0,#00d4ff05 101px),repeating-linear-gradient(0deg,#0000,#0000 100px,#a855f705 0,#a855f705 101px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-decoration{background:linear-gradient(90deg,#0000,var(--primary),var(--secondary),#0000);height:4px;left:0;position:absolute;width:100%;z-index:1}.footer-decoration.top{animation:decorationGlow 3s ease-in-out infinite;top:0}.footer-decoration.bottom{bottom:0}@keyframes decorationGlow{0%,to{opacity:.5}50%{box-shadow:0 0 20px var(--primary);opacity:1}}.footer-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr;margin-bottom:50px;z-index:2}.footer-content,.footer-section{position:relative}.brand-section{padding-right:30px}.brand-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.brand-icon{animation:iconRotate 4s linear infinite;color:var(--primary);font-size:2rem;font-weight:700}@keyframes iconRotate{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.brand-section h3{align-items:center;color:var(--light);display:flex;font-size:1.8rem;gap:8px;margin:0}.brand-bracket{color:var(--primary);font-size:1.5rem;font-weight:700;transition:all .3s ease}.brand-section:hover .brand-bracket:first-child{transform:translateX(-5px)}.brand-section:hover .brand-bracket:last-child{transform:translateX(5px)}.brand-section p{border-left:3px solid #00d4ff4d;color:var(--gray);font-size:1rem;line-height:1.7;margin-bottom:20px;padding-left:15px}.brand-accent{align-items:center;display:flex;gap:10px;margin-top:20px}.accent-line{background:linear-gradient(90deg,var(--primary),#0000);flex:1 1;height:2px}.accent-dot{animation:dotPulse 2s ease-in-out infinite;color:var(--primary);font-size:.8rem}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.footer-section h4{align-items:center;color:var(--light);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px;position:relative}.section-marker{animation:markerBlink 2s ease-in-out infinite;color:var(--primary);font-size:1.4rem}@keyframes markerBlink{0%,to{opacity:1}50%{opacity:.3}}.footer-section h4:after{background:var(--primary);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:12px;transition:transform .3s ease}.footer-section li:hover{transform:translateX(5px)}.footer-section a{align-items:center;color:var(--gray);display:flex;font-size:.95rem;gap:10px;position:relative;text-decoration:none;transition:all .3s ease}.footer-section a:before{background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section a:hover:before{width:100%}.footer-section a:hover,.link-bullet{color:var(--primary)}.link-bullet{font-size:1rem;transition:transform .3s ease}.footer-section a:hover .link-bullet{transform:translateX(3px)}.link-icon{filter:grayscale(70%);font-size:1.2rem;transition:filter .3s ease}.footer-section a:hover .link-icon{filter:grayscale(0)}.footer-bottom{border-top:2px solid #00d4ff33;color:var(--gray);padding-top:30px;position:relative;text-align:center;z-index:2}.bottom-decoration{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.deco-element{animation:elementRotate 3s linear infinite;color:var(--primary);font-size:.8rem}.deco-element:first-child{animation-delay:0s}.deco-element:last-child{animation-delay:1.5s}@keyframes elementRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.deco-line{background:linear-gradient(90deg,#0000,var(--primary),#0000);height:2px;width:80px}.footer-bottom p{align-items:center;display:flex;font-size:.95rem;gap:8px;justify-content:center;margin-bottom:15px}.copyright-icon{color:var(--primary);font-size:1.1rem}.copyright-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:var(--primary);font-weight:700}.footer-signature{align-items:center;background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:20px;display:flex;display:inline-flex;font-size:.9rem;gap:8px;justify-content:center;margin-top:15px;padding:10px 20px}.signature-text{color:var(--gray)}.signature-heart{animation:heartBeat 1.5s ease-in-out infinite;color:#ff6b9d;font-size:1.2rem}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%,40%{transform:scale(1)}}@media (max-width:968px){.footer{padding:50px 0 30px}.footer-content{gap:40px;grid-template-columns:1fr;text-align:left}.brand-section{padding-right:0}.brand-accent,.brand-header,.footer-section h4{justify-content:flex-start}}@media (max-width:480px){.footer{padding:40px 0 20px}.footer-content{gap:30px}.brand-icon,.brand-section h3{font-size:1.5rem}.footer-section h4{font-size:1.1rem}.footer-bottom p{flex-wrap:wrap;font-size:.85rem}.footer-signature{font-size:.85rem;padding:8px 15px}.deco-line{width:50px}}
/*# sourceMappingURL=main.ede02a18.css.map*/