.header{position:sticky;top:0;width:100%;padding:12px 24px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 12px 12px;box-shadow:0 2px 6px #0000004d;font-family:Inter,sans-serif;transition:box-shadow .3s ease,background .3s ease;z-index:1000;box-sizing:border-box}.header.scrolled{box-shadow:0 4px 12px #00ff001a;background:linear-gradient(135deg,#202020,#303030)}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto}.nav{display:flex;gap:28px;align-items:center}.nav-link{position:relative;color:#e0e0e0;text-decoration:none;font-size:1.1rem;font-weight:500;padding:8px 12px;border-radius:6px;transition:color .3s ease,background .3s ease}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background-color:#48bb78;transition:width .3s ease}.nav-link:hover:after{width:70%}.nav-link:hover{color:#fff;background:#48bb781a}.menu-toggle{display:none;background:none;border:none;border-radius:6px;padding:8px;cursor:pointer;color:#e0e0e0;transition:background .3s ease}.menu-toggle:hover{background:#48bb7833}.menu-toggle svg{width:28px;height:28px}.close-menu{background:none;border:none;color:#e0e0e0;font-size:1.5rem;font-weight:700;cursor:pointer;align-self:flex-end;margin-bottom:16px;transition:color .3s ease}.close-menu:hover{color:#48bb78}.right-section{display:flex;align-items:center;gap:20px}.engine-status-container{position:relative;display:inline-flex;align-items:center}.engine-status{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:1.1rem;font-weight:500;color:#fff;transition:background .3s ease}.engine-status.loading,.engine-status.error{background:#ef4444}.engine-status.success{background:linear-gradient(45deg,#48bb78,#68d391);animation:glow 3s ease-in-out infinite}.engine-status.success:hover .tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.tooltip{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,5px);background:#1a1a1a;color:#e0e0e0;padding:8px 12px;border-radius:8px;border:1px solid rgba(72,187,120,.3);box-shadow:0 3px 10px #0000004d;font-size:.85rem;font-weight:400;width:180px;text-align:center;z-index:1001;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1a1a1a}.loader{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.blink{animation:blink 1.5s ease-in-out infinite}.auth-button-container{position:relative;display:inline-block}.auth-button{background:#48bb78;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .3s ease,transform .2s ease}.auth-button:hover:not(:disabled){background:#38a169;transform:translateY(-2px)}@media (max-width: 768px){.header-container{padding:0 16px}.nav{display:none}.nav.open{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:240px;height:100vh;background:#1a1a1a;padding:24px;box-shadow:-4px 0 12px #0006;z-index:1100;animation:slideIn .5s ease-out forwards}.nav-link{font-size:1.1rem;padding:12px;margin:8px 0;text-align:center}.menu-toggle{display:block}.right-section{gap:12px}.engine-status,.auth-button{font-size:1rem;padding:10px 20px}.tooltip{width:160px;font-size:.8rem}}@keyframes slideIn{0%{right:-300px;opacity:0}to{right:0;opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar{background-color:#181818;padding:20px;border:2px solid #4caf50;border-radius:10px;color:#fff;text-align:center;width:260px;height:50rem;box-shadow:0 4px 10px #0000004d;transition:border-color .3s ease;position:sticky;top:100px;align-self:flex-start}.sidebar:hover{border-color:#f50505}.profile-pic{width:210px;height:260px;border-radius:10px;margin-bottom:15px;border:2px solid #0c0c0c;position:relative;overflow:hidden;animation:glowingBorder 8s ease-in-out infinite}.contact-info{margin-top:20px;font-size:14px;line-height:1.6}.btn1{background:linear-gradient(135deg,#0fac0f,#333,#000);background-size:200% 200%;animation:waveDiagonal 10s ease-in-out infinite;margin-top:15%;color:#fff;width:150px;height:40px;border:black solid 1px;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.btn1:hover{background:#f50505}.img-qr-code img{width:150px;height:150px;margin-top:10px;transition:transform .3s ease,border .3s ease}.img-qr-code img:hover{transform:scale(1.5);border:2px solid #f50505;border-radius:10px}.redes-icons img{width:30px;height:30px;margin:20px 10px;cursor:pointer;transition:transform .3s ease}.redes-icons img:hover{transform:scale(1.2)}@keyframes glowingBorder{0%{box-shadow:0 0 10px 2px #161716b3,0 0 20px 5px #4caf504d;transform:rotate(0)}25%{box-shadow:10px 0 10px 2px #222222b3,10px 0 20px 5px #4caf504d}50%{box-shadow:0 10px 10px 2px #191919b3,0 10px 20px 5px #4caf504d}75%{box-shadow:-10px 0 5px 2px #131313b3,-10px 0 10px 5px #4caf504d}to{box-shadow:0 0 5px 2px #101110b3,0 0 10px 5px #4caf504d}}.about{padding:20px;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:12px;transform:translateY(-3px);color:#fff;transition:border-color .3s ease,box-shadow .3s ease;animation:fadeIn .6s ease-out forwards;max-width:100%;box-sizing:border-box;max-height:80vh;overflow-y:auto}.about:hover{border-color:#f50505;box-shadow:0 8px 16px #00000080;border:2px solid #f50505}.about h2{font-size:2rem;font-weight:700;margin-bottom:24px;color:#fff;position:relative;padding-bottom:12px}.about h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:#4caf50;transition:background-color .3s ease}.about:hover h2:after{background-color:#f50505}.about p{font-size:1.1rem;line-height:1.8;color:#e5e7eb;margin-bottom:16px;opacity:0;animation:fadeInText .8s ease-out forwards}.about p:nth-child(2){animation-delay:.3s}.about p:nth-child(3){animation-delay:.4s}.about::-webkit-scrollbar{width:8px}.about::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.about::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.about::-webkit-scrollbar-thumb:hover{background:#f50505}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.about{padding:24px;max-height:70vh}.about h2{font-size:1.5rem;margin-bottom:16px}.about p{font-size:.95rem;line-height:1.7;margin-bottom:12px}}.experience{background-color:#181818;padding:20px;border-radius:10px;color:#fff;margin-top:20px;transform:translateY(-3px)}.experience:hover{border:2px solid #f50505}.experience ul{list-style:none;padding:0}.experience li{margin:10px 0}.skills{background-color:#181818;padding:20px;border-radius:10px;color:#fff;margin-top:16px;font-size:20px;height:300px;overflow:hidden}.skills:hover{border:2px solid #f50505}.skills-container{display:grid;grid-template-columns:400px 60px 1fr;align-items:start;padding:20px}.skills-divider{width:4px;height:220px;background-color:#585a58;margin-top:10px;border-radius:100px}.skills-section{display:flex;flex-direction:column;gap:10px;width:400px}.skills-text{width:300px;height:220px;background-color:#222;border-radius:10px;box-shadow:0 4px 8px #0003;font-size:16px;text-align:justify;padding:10px 50px;line-height:1.5;overflow-y:scroll;overflow-x:hidden}.skills-container-frontend{margin-top:10px;justify-content:space-between;align-items:center}.skills h3{font-size:14px;margin:5px}.skills-img{display:flex;flex-wrap:nowrap;width:300px;overflow:hidden;position:relative}.skills-img-wrapper{display:flex;flex-wrap:nowrap;animation:marquee 20s linear infinite}.skills-img img{width:60px;margin:5px;border-radius:10px;flex-shrink:0}.skills-img img:hover{transform:scale(1.2);transition:.5s;cursor:pointer;border:#f50505 2px solid;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f8,#fafafa);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f7f8fa,#ec0202)}.projects{background-color:#181818;padding:20px;border-radius:10px;color:#fff;margin-top:20px}.projects:hover{border:2px solid #f50505}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center}.project-item{cursor:pointer;position:relative}.project-item img{width:60%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px #0000004d;animation:tvStatic 2.5s infinite}@keyframes tvStatic{0%,70%{filter:url(#static-noise);opacity:.85}75%,90%{filter:none;opacity:1}95%,to{filter:url(#static-noise);opacity:.85}}.project-item:hover img{filter:none;transform:scale(1.05);border-radius:2px;border:2px solid #f50505;animation:none}.modal-content{display:flex;flex-direction:column;align-items:center;gap:20px}.modal-title{font-size:24px;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.7);margin:0}.modal-description{width:100%;color:#fff;font-size:16px;line-height:1.5}.modal-links{list-style:none;padding:0;margin:0}.modal-links li{margin:10px 0}.modal-links a{color:#4caf50;text-decoration:none;transition:color .3s ease}.modal-links a:hover{color:#f50505}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeInOverlay .4s ease-out forwards}.container-modal{position:relative;width:100%;max-width:600px;background-color:#1a1a1a;border-radius:12px;padding:24px;box-shadow:0 4px 20px #48bb784d;border:1px solid rgba(72,187,120,.2);z-index:10000}@media (max-width: 640px){.container-modal{max-width:90%;padding:16px}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.contact{background:linear-gradient(145deg,#181818,#1e1e1e);padding:30px 25px;border-radius:12px;color:#fff;margin-top:20px;transition:all .3s ease}.contact:hover{border:2px solid #ff0505;box-shadow:0 10px 20px #860303;transform:translateY(-3px)}.contact h2{font-size:2rem;margin-bottom:15px;color:#4caf50}.contact p{font-size:1rem;line-height:1.7;margin-bottom:10px}.contact a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.contact a:hover{color:#4caf50;text-decoration:underline}.contact .contact-links{display:flex;flex-direction:column;gap:10px;margin-top:10px}.contact .contact-links a{display:flex;align-items:center;gap:10px}.contact .contact-links svg{width:20px;height:20px;fill:#4caf50}.footer{background-color:#181818;padding:10px;border:2px solid #4caf50;border-radius:10px;color:#fff;text-align:center;margin-top:20px;box-shadow:0 4px 10px #0000004d}.footer:hover{border:2px solid #f50505}.auth-modal{position:relative;width:100%;max-width:600px;background-color:#1a1a1a;border-radius:12px;padding:24px;box-shadow:0 4px 20px #48bb784d;border:1px solid rgba(72,187,120,.2);color:#e0e0e0;font-family:Inter,sans-serif}.close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .3s ease}.close-button:hover{color:#fff}.close-button svg{width:24px;height:24px}.tabs{display:flex;justify-content:center;margin-bottom:24px;border-bottom:1px solid rgba(72,187,120,.2)}.tab{background:none;color:#e0e0e0;border:none;padding:12px 24px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:color .3s ease,background .3s ease;width:50%;text-align:center}.tab.active{color:#48bb78;border-bottom:2px solid #48bb78}.tab:hover:not(.active){color:#fff;background:#48bb781a}.auth-form{display:flex;flex-direction:column;gap:24px;max-width:400px;margin:0 auto}.auth-form h2{font-size:1.8rem;color:#48bb78;text-align:center;margin-bottom:12px;font-weight:600}.form-group{display:flex;flex-direction:column}.form-group label{font-size:1rem;margin-bottom:8px;color:#e0e0e0;font-weight:500}.input-wrapper{position:relative}.form-group input{padding:14px 20px;border-radius:10px;border:1px solid rgba(72,187,120,.3);background:#222;color:#fff;font-size:1.05rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#48bb78;box-shadow:0 0 8px #48bb784d}.form-group input[aria-invalid=true]{border-color:#ef4444}.form-group input[aria-invalid=true]:after{content:"✕";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ef4444;font-size:1.1rem}.form-group input.valid:after{content:"✓";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#48bb78;font-size:1.1rem}.instruction-message{font-size:.9rem;color:#9ca3af;margin-top:8px;padding-left:12px;line-height:1.4}.error-message,.success-message{position:relative;padding:12px 16px;border-radius:8px;text-align:center;font-size:.95rem;font-weight:500;animation:slideInMessage .3s ease-out}.error-message{color:#fff;background:#ef444433;border:1px solid #ef4444}.error-message:before{content:"✕";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ef4444}.success-message{color:#fff;background:#48bb7833;border:1px solid #48bb78}.success-message:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#48bb78}.submit-button{background:#48bb78;color:#fff;border:none;border-radius:10px;padding:14px 24px;font-size:1.1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s ease,transform .2s ease}.submit-button:hover:not(:disabled){background:#38a169;transform:translateY(-2px)}.submit-button:disabled{background:#6b7280;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.auth-form{gap:20px;max-width:90%}.tab{font-size:1rem;padding:10px 20px}.auth-form h2{font-size:1.6rem}.form-group input{font-size:1rem;padding:12px 16px}.submit-button{font-size:1rem;padding:12px 20px}.form-group input[aria-invalid=true]:after,.form-group input.valid:after{font-size:1rem}.instruction-message{font-size:.85rem}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:fsex300;src:url(/assets/FSEX300-C16VDDoP.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:perfectdos;src:url(/assets/perfectdos-DdISv4LV.ttf) format("truetype");font-weight:400;font-style:normal}.modal-wrapper{background-color:transparent;width:100%;height:100%}.titulo-apresentacao{font-size:40px;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#fff,#0f0,#1a3c1a,#333);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:waveDiagonal 5s ease-in-out infinite;text-shadow:0 0 8px rgba(0,255,0,.9),0 0 15px rgba(0,255,0,.7),0 0 25px rgba(0,255,0,.5),0 0 40px rgba(255,255,255,.3),0 0 60px rgba(255,255,255,.1);letter-spacing:2px;filter:brightness(1.2)}@keyframes waveDiagonal{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.modal-apresentacao{width:100%;height:100%;padding:10px 20px;border-radius:10px}.par-container{padding:0 70px}.par-boas-vindas{background-color:#2c2b2b;font-size:18px;text-align:justify;border:solid rgb(3,3,3) 10px;border-radius:20px;padding:20px}.span-emoji-final{position:fixed;font-size:30px;text-align:center;cursor:pointer;color:#0fac0f;left:50%;top:85%;transform:translate(-50%,-50%);animation:pulsar 1.5s ease-in-out infinite;z-index:1000}@keyframes pulsar{0%{transform:translate(-50%,-50%) scale(1.5)}50%{transform:translate(-50%,-50%) scale(3)}to{transform:translate(-50%,-50%) scale(1.5)}}@keyframes decolar{0%{transform:translate(-50%,-50%) scale(2)}30%{transform:translate(300px,-300px) scale(6)}to{transform:translate(1200px,-1200px) scale(10);opacity:0}}.decolando{animation:decolar 1s ease-in-out forwards}:root{--primary-bg: #1a1a1a;--gradient-bg: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--bubble-bg: #2c2c2c;--bubble-alt-bg: #3a3a3a;--highlight-color: #48bb78;--error-color: #ef4444;--star-color: #ffd700;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #6b7280;--font-size-base: 16px;--font-size-small: 14px;--font-size-title: 28px}.feedback-container{background:var(--gradient-bg);padding:30px;border-radius:16px;color:var(--text-primary);margin:30px auto;max-width:700px;box-shadow:0 8px 24px #0006;font-size:var(--font-size-base);transition:transform .3s ease,box-shadow .3s ease}.feedback-container:hover{transform:translateY(-5px);box-shadow:0 12px 32px #48bb784d}.feedback{display:flex;flex-direction:column;align-items:center}.feedback h2{font-size:var(--font-size-title);font-weight:700;color:var(--highlight-color);margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.feedback h3{font-size:18px;color:var(--text-secondary);margin:0 0 20px;font-weight:400}.loading-bar{width:100%;height:6px;background:#48bb7833;border-radius:3px;overflow:hidden;position:relative;margin-bottom:20px}.loading-bar:after{content:"";position:absolute;width:60%;height:100%;background:var(--highlight-color);animation:loading 1.2s ease-in-out infinite}.auth-required{text-align:center;padding:20px;background:var(--bubble-bg);border-radius:12px}.auth-required p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:20px}.login-link{background:var(--highlight-color);color:var(--text-primary);padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:background .3s ease,transform .2s ease}.login-link:hover{background:#38a169;transform:scale(1.05)}.feedback-submitted{text-align:center;padding:20px;background:var(--bubble-bg);border-radius:12px}.success-icon{width:48px;height:48px;margin:0 auto 20px;animation:pop .5s ease}.success-icon svg{width:100%;height:100%}.thank-you-message{font-size:20px;color:var(--highlight-color);margin-bottom:20px;font-weight:600}.submitted-rating,.submitted-comment{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:15px;line-height:1.5}.submitted-comment{word-wrap:break-word;max-width:90%;margin:0 auto}form{display:flex;flex-direction:column;width:100%;max-width:500px;gap:20px}.feedback-stars{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.star{font-size:36px;color:var(--text-muted);cursor:pointer;transition:color .3s ease,transform .2s ease,text-shadow .3s ease}.star:hover,.star.filled{color:var(--star-color);text-shadow:0 0 10px rgba(255,215,0,.5)}.star.filled{transform:scale(1.2);animation:pop .3s ease}.feedback-comment{width:100%;min-height:120px;padding:15px;border-radius:10px;border:1px solid var(--text-muted);background:var(--bubble-alt-bg);color:var(--text-primary);font-size:var(--font-size-base);resize:vertical;box-shadow:inset 0 2px 4px #0003;transition:border-color .3s ease,box-shadow .3s ease}.feedback-comment:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 8px #48bb7866}.instruction-message{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:-10px;padding-left:12px;line-height:1.4}.char-count{font-size:var(--font-size-small);color:var(--text-secondary);text-align:right;margin:5px 0}.submission-error{font-size:var(--font-size-base);color:var(--error-color);text-align:center;padding:12px;background:#ef444433;border-radius:8px;border:1px solid var(--error-color)}.feedback-submit{background:var(--highlight-color);color:var(--text-primary);padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-base);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.feedback-submit:hover:not(:disabled){background:#38a169;transform:scale(1.05);box-shadow:0 0 12px #48bb7880;animation:pulse 1.5s infinite}.feedback-submit:disabled{background:var(--text-muted);cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid var(--text-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.feedback-warning{position:fixed;bottom:30px;right:30px;background:#ef44444d;color:var(--error-color);padding:12px 24px;border-radius:8px;font-size:var(--font-size-base);font-weight:500;box-shadow:0 4px 12px #0000004d;border:1px solid var(--error-color)}@media (max-width: 600px){.feedback-container{padding:20px;margin:15px}.feedback h2{font-size:24px}.feedback h3{font-size:16px}.feedback-comment{font-size:14px;min-height:100px}.feedback-submit{font-size:14px;padding:10px 20px}.star{font-size:30px}.success-icon{width:40px;height:40px}.feedback-warning{bottom:15px;right:15px;font-size:14px;padding:10px 20px}.instruction-message{font-size:12px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #48bb7880}70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 #48bb7800}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .5s ease-in}.animate-slideUp{animation:slideUp .3s ease-out}:root{--primary-bg: #181818;--bubble-bg: #1e2a2f;--bubble-alt-bg: #24353c;--highlight-color: #4caf50;--error-color: #f50505;--star-color: #ffcc00;--text-primary: #fff;--text-secondary: #bbb;--text-muted: #585a58;--font-size-base: 16px;--font-size-small: 12px;--font-size-title: 24px}.feedback-list-container{background-color:var(--primary-bg);padding:20px;border-radius:10px;color:var(--text-primary);margin:20px auto;max-width:800px;box-shadow:0 4px 10px #0000004d;font-size:var(--font-size-base)}.feedback-list-container:hover{border:2px solid var(--highlight-color)}.feedback-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.feedback-list-title{font-size:var(--font-size-title);font-weight:700;color:var(--text-primary);margin:0}.reload-button{background-color:var(--highlight-color);color:var(--text-primary);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:var(--font-size-base);transition:background-color .3s ease}.reload-button:hover:not(:disabled){background-color:var(--error-color)}.reload-button:disabled{background-color:var(--text-muted);cursor:not-allowed}.loading-bar{width:100%;height:4px;background:#48bb7833;border-radius:2px;overflow:hidden;position:relative;margin-bottom:16px}.loading-bar:after{content:"";position:absolute;width:50%;height:100%;background:#48bb78;animation:loading 1.5s ease-in-out infinite}.feedback-list{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:10px}.feedback-list::-webkit-scrollbar{width:8px}.feedback-list::-webkit-scrollbar-track{background:#222;border-radius:4px}.feedback-list::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:4px}.feedback-list::-webkit-scrollbar-thumb:hover{background:var(--error-color)}.whatsapp-bubble-container{display:flex;justify-content:flex-end;margin-bottom:10px}.whatsapp-bubble{position:relative;background-color:var(--bubble-bg);padding:12px;border-radius:8px;width:100%;max-width:90%;box-shadow:0 2px 5px #0003}.whatsapp-bubble:hover{background-color:var(--highlight-color);color:#000}.whatsapp-bubble.whatsapp-bubble-alt{background-color:var(--bubble-alt-bg)}.whatsapp-bubble.whatsapp-bubble-alt:hover{background-color:var(--highlight-color);color:#000}.feedback-item-username{font-size:14px;font-weight:700;color:var(--highlight-color);margin:0 0 8px;word-wrap:break-word}.feedback-item-rating{display:flex;gap:5px;margin-bottom:8px;font-size:20px}.feedback-item-rating .full-stars{color:var(--star-color)}.feedback-item-rating .empty-stars{color:var(--text-muted)}.feedback-item-comment{font-size:var(--font-size-base);color:var(--text-primary);margin:0;word-wrap:break-word}.feedback-time{font-size:var(--font-size-small);color:var(--text-secondary);text-align:right;margin-top:8px}.delete-button{position:absolute;bottom:10px;right:10px;background-color:var(--error-color);color:var(--text-primary);border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:var(--font-size-small);transition:background-color .3s ease}.delete-button:hover{background-color:#d32f2f}.loading-text,.error-text,.no-feedback-text{font-size:var(--font-size-base);text-align:center;padding:20px;background-color:#222;border-radius:5px}.loading-text{color:var(--highlight-color)}.error-text{color:var(--error-color)}.no-feedback-text{color:var(--text-secondary)}@media (max-width: 600px){.feedback-list-container{padding:15px;margin:10px}.feedback-list-title{font-size:20px}.reload-button{padding:8px 15px;font-size:14px}.whatsapp-bubble{max-width:100%}.feedback-item-username{font-size:13px}.feedback-item-rating{font-size:18px}.feedback-item-comment{font-size:14px}.feedback-time{font-size:11px}}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.matrix-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.9;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}body{background:#080808;animation:waveDiagonal 10s ease-in-out infinite;font-family:Arial,sans-serif;color:#fff}.container{max-width:90%;margin:0 auto;padding:20px}.content{display:flex;gap:40px;margin-top:10px}.main-content{flex:1;display:flex;flex-direction:column;gap:10px}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.container{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:20px;box-sizing:border-box}.content{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.main-content{flex:1;margin-left:20px}.main-container{background:linear-gradient(145deg,#0d0d0d,#1a1a1a);padding:24px;border-radius:14px;box-shadow:0 6px 20px #0009;color:#e5e5e5;animation:fadeIn .6s ease-out forwards;max-width:900px;margin:0 auto;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease}.main-container:hover{transform:translateY(-4px);box-shadow:0 10px 25px #4caf504d}.section-about,.section-experience,.section-skills,.section-projects,.section-contact,.section-feedback{padding:24px 0;color:#f5f5f5}.section-about h2,.section-experience h2,.section-skills h2,.section-projects h2,.section-contact h2,.section-feedback h2{font-size:1.8rem;margin-bottom:16px;color:#4caf50;text-shadow:0 0 6px rgba(76,175,80,.5);letter-spacing:.5px;transition:color .3s ease}.section-about h2:hover,.section-experience h2:hover,.section-skills h2:hover,.section-projects h2:hover,.section-contact h2:hover,.section-feedback h2:hover{color:#81c784;text-shadow:0 0 10px rgba(129,199,132,.8)}.section-experience ul{list-style:none;padding:0}.section-experience li{margin:10px 0;padding:6px 10px;border-left:3px solid #4caf50;transition:all .3s ease}.section-experience li:hover{border-left-color:#81c784;background:#4caf5014}.separator{border:none;height:1px;background:linear-gradient(90deg,transparent,#4caf50,transparent);width:80%;max-width:640px;margin:40px auto;opacity:.7}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;background:#4caf50;border:none;border-radius:50%;padding:12px;cursor:pointer;z-index:1200;animation:pulse 1.5s infinite;box-shadow:0 0 15px #4caf5099;transition:background .3s ease}.sidebar-toggle:hover{background:#81c784;box-shadow:0 0 20px #81c784cc}.sidebar-toggle svg{width:24px;height:24px;fill:#111}.sidebar-mobile{position:fixed;top:0;left:-320px;width:300px;height:100vh;background-color:#111;padding:20px;border-right:2px solid #4caf50;box-shadow:0 4px 10px #00000080;transition:left .3s ease;z-index:1100;overflow-y:auto}.sidebar-mobile.open{left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 640px){.content{flex-direction:column}.sidebar{display:none}.sidebar-mobile,.sidebar-toggle{display:block}.main-content{max-width:100%;padding:0 10px;margin-left:0}.main-container{padding:15px;max-width:100%}.section-about,.section-experience,.section-skills,.section-projects,.section-contact,.section-feedback{padding:15px 0}.section-about h2,.section-experience h2,.section-skills h2,.section-projects h2,.section-contact h2,.section-feedback h2{font-size:1.5rem;margin-bottom:16px}.section-about p,.section-experience p,.section-skills p,.section-projects p,.section-contact p,.section-feedback p{font-size:.95rem;line-height:1.7;margin-bottom:12px}.separator{width:90%;margin:20px auto}}