:root{--rich-black: #040316ff;--white-smoke: #f2f2f2ff;--malachite: #19d24dff;--light-green: #a4e89bff;--yellow-green: #8ad241ff;--bg-primary: var(--white-smoke);--bg-secondary: #ffffff;--bg-tertiary: rgba(25, 210, 77, .02);--text-primary: var(--rich-black);--text-secondary: rgba(4, 3, 22, .7);--text-tertiary: rgba(4, 3, 22, .6);--border-color: rgba(4, 3, 22, .1);--border-color-light: rgba(4, 3, 22, .05);--shadow-color: rgba(4, 3, 22, .08);--shadow-color-hover: rgba(4, 3, 22, .15);--overlay-color: rgba(0, 0, 0, .5);--header-bg: rgba(242, 242, 242, .95)}[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: rgba(25, 210, 77, .05);--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-tertiary: #6e7681;--border-color: #30363d;--border-color-light: #21262d;--shadow-color: rgba(0, 0, 0, .3);--shadow-color-hover: rgba(0, 0, 0, .5);--overlay-color: rgba(4, 3, 22, .8);--header-bg: rgba(13, 17, 23, .95)}[data-theme=dark] .slider{background-color:#30363d}[data-theme=dark] .slider:before{background-color:#21262d}[data-theme=dark] .input:checked+.slider{background-color:#183153}[data-theme=dark] .moon svg{fill:#8b949e}html:not([data-theme]){visibility:hidden}html[data-theme]{visibility:visible}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Noto Sans Mono,monospace;font-weight:400;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5{font-family:Noto Sans Mono,monospace;font-weight:700}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header.scrolled{background:var(--header-bg);box-shadow:0 2px 20px var(--shadow-color);padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.logo img{height:40px;vertical-align:middle}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:var(--text-primary);text-decoration:none;font-size:.875rem;transition:color .3s ease}.nav a:hover{color:var(--malachite)}.nav .cta-btn{background:var(--malachite);color:var(--white-smoke);padding:.5rem 1rem;border-radius:6px;font-weight:700;transition:all .3s ease}.nav .cta-btn:hover{background:var(--yellow-green);transform:translateY(-1px)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s}.hero-section{padding:6rem 2rem 4rem;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:80vh}.hero-content{max-width:600px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary)}.highlight{color:var(--malachite);position:relative}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.hero-form{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.email-input{flex:1;min-width:250px;padding:1rem;border:2px solid rgba(4,3,22,.1);border-radius:8px;font-family:Noto Sans Mono,monospace;font-size:1rem;background:#fff;transition:border-color .3s ease}.email-input:focus{outline:none;border-color:var(--malachite)}.preventivo-btn{background:var(--malachite);color:var(--white-smoke);border:none;padding:1rem 2rem;border-radius:8px;font-family:Noto Sans Mono,monospace;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.preventivo-btn:hover{background:var(--yellow-green);transform:translateY(-2px);box-shadow:0 4px 15px #19d24d4d}.hero-stats{display:flex;gap:3rem;margin-bottom:2rem}.stat{text-align:left}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.hero-rating{display:flex;align-items:center;gap:.5rem}.stars{color:var(--yellow-green);font-size:1.2rem}.rating-text{font-size:.875rem;color:var(--text-secondary)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.monitors-container{position:relative;transform-style:preserve-3d;perspective:1000px;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.monitor{position:absolute;width:300px;height:180px;background:#2a2a2a;border-radius:8px 8px 0 0;transform-style:preserve-3d;transition:all .3s ease}.monitor:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:15px;background:#2a2a2a;border-radius:0 0 8px 8px}.monitor:before{content:"";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);width:120px;height:20px;background:#ddd;border-radius:50px;box-shadow:0 2px 10px #0000001a}.monitor:nth-child(1){z-index:5;opacity:1;transform:rotateY(-15deg) rotateX(5deg) translateZ(0);animation:floatSync 6s ease-in-out infinite}.monitor-screen{width:100%;height:100%;border-radius:6px;overflow:hidden;position:relative;border:3px solid #1a1a1a}.screen-content{width:100%;height:100%;position:relative;background:var(--white-smoke)}.monitor:nth-child(1) .screen-content{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;padding:15px}.monitor:nth-child(1) .screen-header{background:#ffffffe6;height:30px;border-radius:4px;margin-bottom:10px;display:flex;align-items:center;padding:0 10px;font-size:10px;color:#333;font-weight:700}.monitor:nth-child(1) .screen-body{flex:1;background:#ffffff1a;border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:8px}.monitor:nth-child(1) .product-card{background:#fffc;height:20px;border-radius:3px;display:flex;align-items:center;padding:0 8px;font-size:8px;color:#333}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-shape{position:absolute;background:var(--light-green);border-radius:50%;opacity:.6;animation:floatShape 8s ease-in-out infinite}.floating-shape:nth-child(1){width:60px;height:60px;top:10%;left:-10%;animation-delay:0s}.floating-shape:nth-child(2){width:40px;height:40px;top:90%;right:-5%;animation-delay:3s;background:var(--yellow-green)}.floating-shape:nth-child(3){width:20px;height:20px;top:5%;right:10%;animation-delay:6s}@keyframes floatSync{0%,to{transform:rotateY(-15deg) rotateX(5deg) translateZ(var(--z)) translate(var(--x)) translateY(0)}50%{transform:rotateY(-15deg) rotateX(5deg) translateZ(var(--z)) translate(var(--x)) translateY(-20px)}}@keyframes floatShape{0%,to{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-30px) translate(10px);opacity:.8}}.services-section{padding:6rem 2rem;max-width:1400px;margin:0 auto;text-align:center}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.services-carousel{position:relative;overflow:hidden;margin:0 auto;padding:2rem;max-width:1200px;margin-bottom:3rem}.services-track{display:flex;gap:2rem;will-change:transform;transition:none}.service-card{background:var(--bg-secondary);box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color-light);padding:2.5rem 2rem;border-radius:16px;transition:all .3s ease;flex:0 0 300px;min-height:400px}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--shadow-color-hover)}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--malachite),var(--yellow-green));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem}.service-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.service-features{list-style:none;text-align:left}.service-features li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--malachite);font-weight:700}.indicator{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--malachite)}.about-section{padding:6rem 2rem;background:var(--bg-tertiary)}.about-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-content{max-width:600px}.about-text{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.about-stat{text-align:center;padding:1.5rem;background:var(--bg-secondary);box-shadow:0 2px 12px var(--shadow-color);border:1px solid var(--border-color-light);border-radius:12px}.about-stat-number{font-size:2rem;font-weight:700;color:var(--malachite);margin-bottom:.5rem}.about-stat-label{color:var(--text-secondary);font-size:.875rem}.about-visual{position:relative}.about-image{width:100%;height:400px;background:linear-gradient(135deg,var(--malachite) 0%,var(--yellow-green) 100%);border-radius:20px;position:relative;overflow:hidden}.about-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:radial-gradient(circle at 20% 20%,white 2px,transparent 2px),radial-gradient(circle at 80% 80%,white 2px,transparent 2px);background-size:40px 40px}.about-floating{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;font-weight:700}.portfolio-section{padding:6rem 2rem;max-width:1400px;margin:0 auto;text-align:center}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-grid-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:2.5rem;background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.portfolio-btn{margin:3rem auto;max-width:fit-content;background:var(--malachite);border:none;padding:1rem 2rem;border-radius:8px;font-family:Noto Sans Mono,monospace;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.portfolio-btn a{color:var(--white-smoke);text-decoration:none}.project-card{background:var(--bg-secondary);box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color-light);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--shadow-color-hover)}.project-image{height:200px;background:linear-gradient(135deg,var(--light-green),var(--yellow-green));position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:700;font-size:1.25rem;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:2rem;text-align:left;background:var(--bg-secondary);color:var(--text-primary)}.project-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background:#19d24d1a;color:var(--malachite);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;border:1px solid rgba(25,210,77,.2)}.project-link{color:var(--malachite);text-decoration:none;font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:color .3s ease}.project-link:hover{color:var(--yellow-green)}.loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px;height:200px;margin-bottom:1rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color)}.error-state h3{color:#ff3b30;margin-bottom:1rem;font-size:1.5rem}.error-state p{color:var(--text-secondary);margin-bottom:2rem}.retry-btn{background:var(--malachite);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-family:Noto Sans Mono,monospace;font-weight:700;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:var(--yellow-green);transform:translateY(-2px)}.portfolio-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:25px;font-family:Noto Sans Mono,monospace;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease}.portfolio-filters .filter-btn.active,.portfolio-filters .filter-btn:hover{background:var(--malachite)!important;color:#fff!important;border-color:var(--malachite)!important;transform:translateY(-2px)}.portfolio-filters .filter-btn:hover:not(.active){background:var(--admin-hover-bg, rgba(25, 210, 77, .1));border-color:var(--malachite);color:var(--malachite);transform:translateY(-1px)}.no-projects{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color);color:var(--text-primary)}.featured-badge{position:absolute;top:1rem;right:1rem;background:var(--malachite);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;z-index:10}.project-card{background:var(--bg-secondary)!important;box-shadow:0 4px 20px var(--shadow-color)!important;border:1px solid var(--border-color-light)!important;color:var(--text-primary)!important}.project-card:hover{box-shadow:0 12px 40px var(--shadow-color-hover)!important}.project-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.project-title{color:var(--text-primary)!important}.project-description{color:var(--text-secondary)!important}.project-placeholder{align-items:center!important;justify-content:center!important;height:100%!important;background:linear-gradient(135deg,var(--malachite),var(--yellow-green))!important;color:#fff!important;font-size:2rem!important;font-weight:700!important;display:flex!important}.project-link{color:var(--malachite)!important}.project-link:hover{color:var(--yellow-green)!important}.project-card div[style*="margin: 1rem 0"]{color:var(--yellow-green)!important;font-size:.875rem}[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%)}[data-theme=dark] .project-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color-light)!important;color:var(--text-primary)!important}[data-theme=dark] .project-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .project-title{color:var(--text-primary)!important}[data-theme=dark] .project-description{color:var(--text-secondary)!important}[data-theme=dark] .filter-btn{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .no-projects{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .error-state{background:var(--bg-secondary);border:1px solid var(--border-color)}.project-card[style*=opacity]{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.footer-section{padding:2rem;background:var(--bg-secondary);color:var(--text-primary);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:var(--overlay-color);animation:fadeIn .3s ease}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);padding:2rem;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease}.close{position:absolute;right:1rem;top:1rem;font-size:2rem;cursor:pointer;color:var(--text-tertiary)}.close:hover{color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;font-family:Noto Sans Mono,monospace;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--malachite)}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem}.checkbox-item input[type=checkbox]{width:auto}.price-display{background:#19d24d1a;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.price-amount{font-size:2rem;font-weight:700;color:var(--malachite)}.submit-btn{background:var(--malachite);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-family:Noto Sans Mono,monospace;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover{background:var(--yellow-green)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;gap:3rem;text-align:center;padding:4rem 2rem}.hero-visual{order:-1}.about-container{grid-template-columns:1fr;gap:3rem;text-align:center}.about-stats{grid-template-columns:repeat(4,1fr)}.service-card{flex:0 0 280px}}@media (max-width: 768px){.header{padding:1rem 2rem}.nav a:not(.cta-btn){display:none}.mobile-menu-toggle{display:flex}.hero-section{padding:3rem 1rem}.hero-form{flex-direction:column}.email-input{border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);min-width:auto}.hero-stats{justify-content:center;gap:2rem;flex-wrap:wrap}.monitors-container{height:300px}.monitor{width:250px;height:150px}.services-section,.about-section,.portfolio-section{padding:4rem 1rem}.service-card{flex:0 0 260px;min-height:380px}.about-stats{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.modal-content{padding:1.5rem;margin:1rem}.checkbox-group{flex-direction:column;gap:.5rem}.portfolio-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.75rem}}@media (max-width: 480px){.header{padding:1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.service-card{flex:0 0 240px;padding:2rem 1.5rem}.stat-number{font-size:2rem}.hero-stats{gap:1.5rem}.carousel-controls{gap:.5rem}.carousel-btn{width:35px;height:35px}.modal-content{padding:1rem;margin:.5rem;width:95%}.checkbox-group{gap:.25rem}.checkbox-item{font-size:.875rem}.price-amount{font-size:1.5rem}}.login-section{padding:6rem 2rem 4rem;max-width:1400px;margin:0 auto;display:block;gap:4rem;align-items:center;min-height:80vh}.login-content{margin:auto;max-width:600px}.form-input{margin-bottom:1.5rem}.dashboard-section{padding:4rem 2rem;max-width:1400px;margin:0 auto;display:block;gap:4rem;align-items:center;min-height:80vh}.dashboard-section .section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:var(--text-primary);text-align:center}.dashboard-content{margin:auto;max-width:1400px;text-align:left;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:2rem;padding:2rem}.dashboard-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color-light);transition:all .3s ease;padding:2rem;text-align:left}.dashboard-card.projects{grid-row:span 2;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-card.projects .dashboard-content-wrapper{flex:1;grid-template-columns:2fr 1fr}.dashboard-projects-grid{display:grid;grid-template-columns:2fr 2fr;gap:1rem;margin-top:1.5rem;flex:1}.dashboard-card.projects h3{font-size:2rem;margin-bottom:1rem}.dashboard-card.projects p{font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.dashboard-card.settings{grid-column:2;grid-row:1}.dashboard-card.support{grid-column:2;grid-row:2}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--shadow-color-hover)}@media (max-width: 768px){.dashboard-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1.5rem;padding:1rem;max-width:600px}.dashboard-card.projects{grid-row:span 1;min-height:auto}.dashboard-card.settings,.dashboard-card.support{grid-column:1}.dashboard-card.settings{grid-row:2}.dashboard-card.support{grid-row:3}.dashboard-card.projects h3{font-size:1.5rem}.dashboard-card.projects p{font-size:1rem}}.dashboard-btn{background:var(--malachite);color:var(--white-smoke);padding:1rem 2rem;border-radius:8px;text-decoration:none;font-family:Noto Sans Mono,monospace;font-weight:700;font-size:1rem;display:inline-block;transition:all .3s ease;margin-top:1.5rem}.dashboard-btn:hover{background:var(--yellow-green);transform:translateY(-2px);box-shadow:0 4px 15px #19d24d4d}.dashboard-card h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.dashboard-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.support-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:var(--overlay-color);animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.support-modal.show{display:flex;align-items:center;justify-content:center}.support-modal-content{background:var(--bg-secondary);padding:2.5rem;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease;box-shadow:0 20px 60px var(--shadow-color-hover);border:1px solid var(--border-color)}.support-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--malachite)}.support-modal-title{color:var(--text-primary);font-size:1.75rem;margin:0}.support-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-tertiary);padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.support-close:hover{background:var(--border-color);color:var(--text-primary)}.support-form-group{margin-bottom:1.5rem}.support-form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary);font-size:1rem}.support-form-group input,.support-form-group select,.support-form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-family:Noto Sans Mono,monospace;font-size:1rem;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary)}.support-form-group input:focus,.support-form-group select:focus,.support-form-group textarea:focus{outline:none;border-color:var(--malachite);box-shadow:0 0 0 3px #19d24d1a}.support-form-group textarea{min-height:120px;resize:vertical}.priority-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.priority-option{display:flex;align-items:center;justify-content:center;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);font-weight:600}.priority-option.low{color:var(--yellow-green)}.priority-option.medium{color:#ff9500}.priority-option.high{color:#ff3b30}.priority-option:hover{border-color:var(--malachite);transform:translateY(-2px)}.priority-option.selected{border-color:var(--malachite);background:#19d24d1a}.priority-option input[type=radio]{display:none}.support-submit-btn{background:var(--malachite);color:var(--white-smoke);border:none;padding:1rem 2rem;border-radius:8px;font-family:Noto Sans Mono,monospace;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.support-submit-btn:hover{background:var(--yellow-green);transform:translateY(-2px);box-shadow:0 4px 15px #19d24d4d}.support-submit-btn:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none}.loading-spinner{display:none;width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--white-smoke);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.support-submit-btn.loading .loading-spinner{display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message,.error-message{padding:1rem;border-radius:8px;margin-top:1rem;text-align:center;font-weight:600;display:none}.success-message{background:#19d24d1a;color:var(--malachite);border:1px solid var(--malachite)}.error-message{background:#ff3b301a;color:#ff3b30;border:1px solid #ff3b30}@media (max-width: 768px){.support-modal-content{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.priority-selector{grid-template-columns:1fr}.support-modal-title{font-size:1.5rem}}.logout-btn{background:var(--text-primary);color:var(--white-smoke);padding:.5rem 1rem;border:none;border-radius:6px;font-family:Noto Sans Mono,monospace;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#040316cc}.animated-button{position:relative;display:flex;align-items:center;gap:4px;padding:16px 36px;border:4px solid;border-color:transparent;font-size:16px;background-color:inherit;border-radius:100px;font-weight:600;color:var(--malachite);box-shadow:0 0 0 2px var(--malachite);cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button svg{position:absolute;width:24px;fill:var(--malachite);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--malachite);border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button:hover{box-shadow:0 0 0 12px transparent;color:#212121;border-radius:12px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translate(12px)}.animated-button:hover svg{fill:#212121}.animated-button:active{scale:.95;box-shadow:0 0 0 4px #adff2f}.animated-button:hover .circle{width:220px;height:220px;opacity:1}.switch{font-size:17px;position:relative;display:inline-block;width:64px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#73c0fc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:30px;width:30px;border-radius:20px;left:2px;bottom:2px;z-index:2;background-color:#e8e8e8;transition:.4s}.sun svg{position:absolute;top:6px;left:36px;z-index:1;width:24px;height:24px}.moon svg{fill:#73c0fc;position:absolute;top:5px;left:5px;z-index:1;width:24px;height:24px}.sun svg{animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon svg{animation:tilt 5s linear infinite}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{transform:translate(30px)}