i[data-lucide]{color:#31edae;font-size:1.2em;vertical-align:middle;margin-right:0.4em;stroke-width:2}.service-icon{display:flex;align-items:center;justify-content:center;width:80px !important;height:80px !important;border-radius:16px;margin:0 auto 1.5rem auto;padding:1rem;font-size:1.8rem;color:#31edae;transition:all 0.3s ease;position:relative;z-index:2;stroke-width:1.5}.service-icon:hover{transform:scale(1.05);color:#28d19a}.section-icon{margin-right:0.5rem;font-size:1.1em;stroke-width:2}.contact-icon{font-size:1.3rem;margin-right:1rem;padding:1rem;color:#31edae;stroke-width:2}.response-icon{margin-right:0.5rem;font-size:1rem;stroke-width:2;color:#fff}.portfolio-link i[data-lucide]{font-size:1rem;margin-right:0.3rem;stroke-width:2.5}@media (max-width: 768px){.service-icon{width:60px;height:60px;font-size:1.4rem;margin-bottom:1.2rem;stroke-width:1.8}.contact-icon{font-size:1.1rem}}.particle{position:absolute;width:2px;height:2px;background:rgba(49,237,174,0.8);border-radius:50%;pointer-events:none;animation:particleFloat linear infinite;z-index:1}@keyframes particleFloat{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:0.8}90%{opacity:0.8}100%{transform:translateY(-120vh) rotate(360deg);opacity:0}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg, #31edae, #28c999);z-index:9999;transition:width 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}.no-scroll{overflow:hidden;position:fixed;width:100%}body{font-family:'Arial', sans-serif;background:#00221c;min-height:100vh;margin:0;padding:0;padding-top:80px}.legal-page{padding:120px 2rem 60px;background:#0f0f0f;min-height:100vh}.legal-container{max-width:800px;margin:0 auto;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:3rem}.legal-container h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;text-align:center}.last-updated{color:#b0b0b0;text-align:center;margin-bottom:2rem;font-style:italic}.legal-content section{margin-bottom:2rem}.legal-content h2{color:#00d4aa;font-size:1.5rem;font-weight:600;margin-bottom:1rem;border-bottom:1px solid rgba(0,212,170,0.3);padding-bottom:0.5rem}.legal-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:1.5rem 0 0.8rem}.legal-content p{color:#d0d0d0;line-height:1.6;margin-bottom:1rem}.legal-content ul{color:#d0d0d0;margin:1rem 0;padding-left:1.5rem}.legal-content li{margin-bottom:0.5rem;line-height:1.5}.legal-content a{color:#00d4aa;text-decoration:none;transition:color 0.3s ease}.legal-content a:hover{color:#00f5d4;text-decoration:underline}.footer-links{margin-top:0.5rem}.footer-links a{color:#00d4aa;text-decoration:none;transition:color 0.3s ease}.footer-links a:hover{color:#00f5d4;text-decoration:underline}@media (max-width: 768px){.legal-page{padding:100px 1rem 40px}.legal-container{padding:2rem}.legal-container h1{font-size:2rem}.legal-content h2{font-size:1.3rem}.legal-content h3{font-size:1.1rem}}@media (max-width: 480px){.legal-container{padding:1.5rem}.legal-container h1{font-size:1.8rem}.legal-content h2{font-size:1.2rem}}.hidden{display:none !important}#home{margin-top:5rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:0.9}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(49,237,174,0.4)}70%{box-shadow:0 0 0 10px rgba(49,237,174,0)}100%{box-shadow:0 0 0 0 rgba(49,237,174,0)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out}.fade-in-up.animate-in{opacity:1;transform:translateY(0)}.subtle-pulse{animation:subtlePulse 4s ease-in-out infinite}.subtle-grow{transform:scale(1.03);transition:transform 0.3s ease}.pulse-effect{animation:pulse 1s infinite}.reveal-email{animation:fadeInUp 0.8s ease-out forwards}.pricing-card,.maintenance-card,.addon-card{transition:transform 0.3s ease, box-shadow 0.3s ease;will-change:transform}.pricing-card:hover,.maintenance-card:hover,.addon-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(49,237,174,0.15)}*{scroll-behavior:smooth}.pricing-card,.maintenance-card,.addon-card{transition:transform 0.3s ease, box-shadow 0.3s ease}.cta-button,.back-to-top{position:relative;overflow:hidden}.cta-button::before,.back-to-top::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.1);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}.cta-button:hover::before,.back-to-top:hover::before{width:100%;height:300px}@media (max-width: 768px){.typing-animation{animation:none;border-right:none;overflow:visible;white-space:normal}.floating{animation:none}.particle{display:none}}.payment-options-note{background:rgba(49,237,174,0.1);border:1px solid rgba(49,237,174,0.3);border-radius:15px;padding:1.5rem;margin:3rem 0;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.payment-options-note .payment-icon{color:#28c999;font-size:2rem;margin-bottom:1rem}.payment-options-note h4{color:#28c999;font-size:2em;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.05em}.payment-options-note p{color:rgba(255,255,255,0.9);font-size:1.5rem;line-height:1.6;margin:0}.payment-options-note p strong{color:#28c999;font-weight:700}@media (max-width: 768px){.payment-options-note{margin:2rem 0;padding:1rem}.payment-options-note h3{font-size:1.1rem}.payment-options-note p{font-size:0.9rem}}.navbar{position:fixed;top:0;width:100%;background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);padding:1rem;z-index:1000}.navbar nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-brand{display:flex;align-items:center}.nav-logo{height:40px;width:auto}.nav-toggle{display:none;background:none;border:none;flex-direction:column;cursor:pointer;padding:0.5rem;z-index:1100;position:relative}.hamburger-line{width:25px;height:3px;background:#28c999;margin:3px 0;transition:0.3s;border-radius:2px}.nav-links{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.nav-close{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;color:#28c999;font-size:2rem;cursor:pointer;padding:0.5rem;line-height:1}.nav-close:hover{color:#28c999}.nav-links li{margin:0 1rem}.nav-links a{color:#28c999;text-decoration:none;font-size:1rem;font-weight:600;transition:color 0.3s ease;position:relative}.nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translateX(-50%);background:#28c999;transition:width 0.3s ease}@media (max-width: 767px){.nav-links a::after{display:none}}.nav-links a:hover::after{width:100%}.nav-links a:hover{color:#fff}.nav-links a[href="#home"]{font-weight:bold}@media (max-width: 768px){.nav-toggle{display:flex}.nav-close{display:none}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:300px;backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:right 0.3s ease;padding-top:80px;z-index:1050}.nav-links.active{right:0;background:rgba(0,0,0,0.9)}.nav-links.active::before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.nav-links li{margin:1.5rem 0}.nav-links a{font-size:1.2rem}.nav-toggle.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px, 6px)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px, -6px)}}@media (max-width: 512px){.nav-links{width:100%;right:-100%}}.container{text-align:center;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;margin:0 !important}.logo{max-width:300px;width:100%;height:auto;margin-bottom:4rem;transition:transform 0.3s ease}.particle-network-container{width:640px;height:400px;max-width:90vw;margin:0 auto 3rem;backdrop-filter:blur(10px);border-radius:20px;padding:0;position:relative;overflow:visible;transition:all 0.3s ease}#particle-network{width:100%;height:100%;display:block;cursor:crosshair;border-radius:12px}.title{color:white;font-size:2rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.2em}.subtitle{color:#31edae;font-size:1.5rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:0.1em}.tagline{color:white;font-size:1.2rem;margin-bottom:1rem;opacity:0.9;font-style:italic;margin-top:3rem}.coming-soon{background:rgba(49,237,174,0.1);backdrop-filter:blur(10px);border:1px solid rgba(49,237,174,0.3);border-radius:25px;padding:0.8rem 1.5rem;color:#28c999;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;display:inline-flex;align-items:center;gap:0.5rem;margin-top:1rem;transition:all 0.3s ease}.coming-soon:hover{background:rgba(49,237,174,0.2);border-color:rgba(49,237,174,0.5);transform:translateY(-2px);box-shadow:0 5px 15px rgba(49,237,174,0.2)}.coming-soon .contact-email{display:flex;align-items:center;gap:0.5rem}.coming-soon .contact-email i[data-lucide]{width:1rem;height:1rem;flex-shrink:0}.coming-soon .contact-email a{color:inherit;text-decoration:none;font-weight:inherit}.coming-soon .contact-email a:hover{text-decoration:none}@media (max-width: 768px){.container{padding:1rem;min-height:100vh;min-height:100dvh}.logo-placeholder{width:250px;height:125px;font-size:20px}.logo{max-width:150px;margin-bottom:1.5rem}.particle-network-container{width:90vw;height:250px;margin-bottom:2rem;max-width:400px}.title{font-size:1.8rem;margin-bottom:0.5rem}.subtitle{font-size:1.2rem;margin-bottom:1.5rem}.tagline{font-size:1rem;margin-top:2rem;padding:0 1rem}.coming-soon{font-size:0.8rem;padding:0.6rem 1.2rem}}@media (max-width: 480px){.particle-network-container{width:95vw;height:200px;margin-bottom:1.5rem;max-width:320px}.title{font-size:1.5rem;line-height:1.2}.subtitle{font-size:1rem;line-height:1.3}.tagline{font-size:0.9rem;margin-top:1.5rem;padding:0 0.5rem}.container{padding:0.5rem}}.parallax{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(49,237,174,0.05) 1px, transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}.parallax:nth-child(2){background-size:30px 30px;opacity:0.3}.parallax:nth-child(3){background-size:80px 80px;opacity:0.2}#home-top{height:0;visibility:hidden}#home.container{scroll-margin-top:80px}.pricing-section{padding:120px 0;background:linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);position:relative;overflow:hidden}.pricing-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%, rgba(0,212,170,0.03) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(0,245,212,0.02) 0%, transparent 50%);pointer-events:none}.pricing-section .section-title{color:white;font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;text-align:center;margin-bottom:1.5rem;letter-spacing:-0.02em;position:relative;z-index:2}.pricing-section .section-title .highlight{background:linear-gradient(135deg, #00d4aa, #00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-section .pricing-subtitle{color:rgba(255,255,255,0.7);font-size:1.2rem;font-weight:400;text-align:center;margin-bottom:4rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.pricing-section .pricing-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem;max-width:1400px;width:100%;margin:0 auto;padding:2rem 2rem 0 2rem;position:relative;z-index:2;justify-content:center}.pricing-section .pricing-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:2.5rem;text-align:center;position:relative;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);overflow:hidden;height:100%;display:flex;flex-direction:column}.pricing-section .pricing-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0,212,170,0.05) 0%, rgba(0,245,212,0.02) 50%, rgba(0,212,170,0.05) 100%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.pricing-section .pricing-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:1px;background:linear-gradient(135deg, rgba(0,212,170,0.3) 0%, rgba(0,245,212,0.1) 50%, rgba(0,212,170,0.3) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:0;transition:opacity 0.4s ease}.pricing-section .pricing-card:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(0,212,170,0.4);box-shadow:0 25px 50px rgba(0,0,0,0.3),0 15px 35px rgba(0,212,170,0.1),0 5px 15px rgba(0,212,170,0.2)}.pricing-section .pricing-card:hover::before{opacity:1}.pricing-section .pricing-card:hover::after{opacity:1}.pricing-section .pricing-card.recommended{transform:scale(1.05);border:2px solid rgba(0,212,170,0.6);box-shadow:0 20px 40px rgba(0,0,0,0.2),0 10px 25px rgba(0,212,170,0.3)}.pricing-section .pricing-card.recommended::before{opacity:0.7}.pricing-section .pricing-card.recommended::after{opacity:1}.pricing-section .pricing-card.recommended:hover{transform:scale(1.05) translateY(-12px)}.pricing-section .pricing-card .card-header{margin-bottom:2rem;position:relative;z-index:2}.pricing-section .pricing-card .card-header .plan-name{color:white;font-size:1.5rem;font-weight:600;margin-bottom:1rem;letter-spacing:-0.01em}.pricing-section .pricing-card .card-header .plan-price{color:#ffffff;font-size:3rem;font-weight:700;margin-bottom:0.5rem;line-height:1}.pricing-section .pricing-card .card-header .plan-price .currency{font-size:1.5rem;vertical-align:top}.pricing-section .pricing-card .card-header .plan-price .period{font-size:1rem;color:rgba(255,255,255,0.7);font-weight:400}.pricing-section .pricing-card .card-header .plan-description{color:rgba(255,255,255,0.8);font-size:0.95rem;line-height:1.6;position:relative;z-index:2}.pricing-section .pricing-card .features-list{list-style:none;margin-bottom:2.5rem;padding:0;text-align:left;position:relative;z-index:2;flex-grow:1}.pricing-section .pricing-card .features-list li{color:rgba(255,255,255,0.9);padding:0.8rem 0;display:flex;align-items:center;font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;line-height:1.5}.pricing-section .pricing-card .features-list li:hover{color:#fff;padding-left:0.5rem}.pricing-section .pricing-card .features-list li:last-child{border-bottom:none}.pricing-section .pricing-card .features-list li::before{content:"✓";color:#00d4aa;font-weight:bold;margin-right:0.8rem;font-size:1.1rem;transition:transform 0.3s ease;flex-shrink:0}.pricing-section .pricing-card .features-list li:hover::before{transform:scale(1.2)}.pricing-section .pricing-card .features-list li.not-included{color:rgba(255,255,255,0.4)}.pricing-section .pricing-card .features-list li.not-included:hover{color:rgba(255,255,255,0.5);padding-left:0}.pricing-section .pricing-card .features-list li.not-included::before{content:"✗";color:rgba(255,255,255,0.4)}.pricing-section .pricing-card .cta-button{background:linear-gradient(135deg, #00d4aa, #00a085);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;position:relative;z-index:2;margin-top:auto}.pricing-section .pricing-card .cta-button:hover{background:linear-gradient(135deg, #00f5d4, #00d4aa);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,212,170,0.3)}.pricing-section .pricing-card .cta-button.hidden{display:none}.payment-options-note{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2rem;margin-top:3rem;text-align:center;position:relative;z-index:2;max-width:800px;margin-left:auto;margin-right:auto}.payment-note-content h4{color:#00d4aa;margin-bottom:1rem;font-size:1.2rem}.payment-note-content p{color:rgba(255,255,255,0.8);line-height:1.6;margin:0}@media (max-width: 1200px){.pricing-section .pricing-container{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}@media (max-width: 768px){.pricing-section{padding:80px 0}.pricing-section .pricing-container{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.5rem 0 1.5rem}.pricing-section .pricing-card{padding:2rem}.pricing-section .pricing-card:hover{transform:translateY(-8px) scale(1.01)}.pricing-section .pricing-card.recommended{transform:scale(1.02)}.pricing-section .pricing-card.recommended:hover{transform:scale(1.02) translateY(-8px)}.pricing-section .pricing-card .card-header .plan-price{font-size:2.5rem}}@media (max-width: 480px){.pricing-section .pricing-container{padding:2rem 1rem 0 1rem}.pricing-section .pricing-card{padding:1.5rem;border-radius:20px}.pricing-section .pricing-card .card-header .plan-name{font-size:1.3rem}.pricing-section .pricing-card .card-header .plan-price{font-size:2.2rem}.pricing-section .pricing-card .features-list li{font-size:0.85rem;padding:0.6rem 0}.payment-options-note{padding:1.5rem;margin-top:2rem}}.pricing-section .pricing-card .cta-button{background:linear-gradient(135deg, #31edae, #28c999);color:#00221c;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;transition:all 0.3s ease;width:100%}.pricing-section .pricing-card .cta-button:hover{background:linear-gradient(135deg, #28c999, #31edae);transform:translateY(-2px);box-shadow:0 10px 20px rgba(49,237,174,0.3)}.pricing-section .pricing-card.recommended .cta-button{background:linear-gradient(135deg, #fff, #f0f0f0);color:#00221c}.pricing-section .pricing-card.recommended .cta-button:hover{background:linear-gradient(135deg, #f0f0f0, #fff)}@media (max-width: 768px){.pricing-section{padding:2rem 1rem}.pricing-section .section-title{font-size:2rem;margin-bottom:1rem}.pricing-section .pricing-subtitle{font-size:1rem;margin-bottom:2rem}.pricing-section .pricing-container{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0 0 0}.pricing-section .pricing-card{padding:2rem}.pricing-section .pricing-card.recommended{transform:none}.pricing-section .pricing-card.recommended:hover{transform:translateY(-5px)}.pricing-section .pricing-card .card-header .plan-price{font-size:2.5rem}}@media (max-width: 480px){.pricing-section .pricing-card{padding:1.5rem}.pricing-section .pricing-card .card-header .plan-price{font-size:2rem}.pricing-section .pricing-card .features-list li{font-size:0.9rem;padding:0.6rem 0}.pricing-section .pricing-card .cta-button{padding:0.8rem 1.5rem;font-size:0.9rem}}.maintenance-section{padding:80px 0;background:linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);position:relative;overflow:hidden}.maintenance-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 40% 30%, rgba(0,212,170,0.02) 0%, transparent 50%),radial-gradient(circle at 60% 70%, rgba(0,245,212,0.015) 0%, transparent 50%);pointer-events:none}.maintenance-section .section-title{color:white;font-size:clamp(2rem, 4vw, 2.8rem);font-weight:700;text-align:center;margin-bottom:3rem;letter-spacing:-0.01em;position:relative;z-index:2}.maintenance-section .section-title .highlight{background:linear-gradient(135deg, #00d4aa, #00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.maintenance-section .section-title .monthly-label{font-size:0.7em;opacity:0.7;font-weight:400;color:rgba(255,255,255,0.6)}.maintenance-section .maintenance-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:2rem;max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:2;justify-content:center}.maintenance-section .maintenance-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2rem;text-align:center;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.maintenance-section .maintenance-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0,212,170,0.04) 0%, rgba(0,245,212,0.02) 50%, rgba(0,212,170,0.04) 100%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.maintenance-section .maintenance-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(135deg, rgba(0,212,170,0.2) 0%, rgba(0,245,212,0.1) 50%, rgba(0,212,170,0.2) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:0;transition:opacity 0.4s ease}.maintenance-section .maintenance-card:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(0,212,170,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.2),0 10px 25px rgba(0,212,170,0.1),0 5px 15px rgba(0,212,170,0.15)}.maintenance-section .maintenance-card:hover::before{opacity:1}.maintenance-section .maintenance-card:hover::after{opacity:1}.maintenance-section .maintenance-card .card-header{margin-bottom:2rem;position:relative;z-index:2}.maintenance-section .maintenance-card .card-header .plan-name{color:white;font-size:1.3rem;font-weight:600;margin-bottom:1rem;letter-spacing:-0.01em}.maintenance-section .maintenance-card .card-header .plan-price{color:#00d4aa;font-size:2.2rem;font-weight:700;line-height:1}.maintenance-section .maintenance-card .card-header .plan-price .currency{font-size:1.2rem;vertical-align:top}.maintenance-section .maintenance-card .card-header .plan-price .period{font-size:0.9rem;color:rgba(255,255,255,0.7);font-weight:400}.maintenance-section .maintenance-card .features-list{list-style:none;margin:0;padding:0;text-align:left;flex-grow:1;position:relative;z-index:2}.maintenance-section .maintenance-card .features-list li{color:rgba(255,255,255,0.9);padding:0.6rem 0;display:flex;align-items:center;font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;line-height:1.4}.maintenance-section .maintenance-card .features-list li:hover{color:#fff;padding-left:0.5rem}.maintenance-section .maintenance-card .features-list li:last-child{border-bottom:none}.maintenance-section .maintenance-card .features-list li::before{content:"✓";color:#00d4aa;font-weight:bold;margin-right:0.8rem;font-size:1rem;transition:transform 0.3s ease;flex-shrink:0}.maintenance-section .maintenance-card .features-list li:hover::before{transform:scale(1.2)}.maintenance-section .maintenance-card .cta-button{background:linear-gradient(135deg, #00d4aa, #00a085);color:#fff;border:none;padding:0.8rem 1.5rem;border-radius:50px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;margin-top:auto;position:relative;z-index:2}.maintenance-section .maintenance-card .cta-button:hover{background:linear-gradient(135deg, #00f5d4, #00d4aa);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,212,170,0.3)}.maintenance-section .maintenance-card .cta-button.hidden{display:none}.maintenance-section .contract-note{text-align:center;margin-top:2rem;position:relative;z-index:2}.maintenance-section .contract-note p{color:rgba(255,255,255,0.7);font-size:0.9rem;font-style:italic}@media (max-width: 768px){.maintenance-section{padding:60px 0}.maintenance-section .maintenance-container{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem}.maintenance-section .maintenance-card{padding:1.5rem}.maintenance-section .maintenance-card:hover{transform:translateY(-8px) scale(1.01)}.maintenance-section .maintenance-card .card-header .plan-price{font-size:2rem}}@media (max-width: 480px){.maintenance-section .maintenance-container{padding:0 1rem}.maintenance-section .maintenance-card{padding:1.2rem;border-radius:16px}.maintenance-section .maintenance-card .card-header{margin-bottom:1.5rem}.maintenance-section .maintenance-card .card-header .plan-name{font-size:1.1rem}.maintenance-section .maintenance-card .card-header .plan-price{font-size:1.8rem}.maintenance-section .maintenance-card .features-list li{font-size:0.85rem;padding:0.5rem 0}.maintenance-section .maintenance-card .cta-button{padding:0.7rem 1.2rem;font-size:0.85rem}}.addon-section{padding:80px 0;background:linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);position:relative;overflow:hidden}.addon-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%, rgba(0,212,170,0.02) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(0,245,212,0.015) 0%, transparent 50%);pointer-events:none}.addon-section .section-title{color:white;font-size:clamp(2rem, 4vw, 2.8rem);font-weight:700;text-align:center;margin-bottom:3rem;letter-spacing:-0.01em;position:relative;z-index:2}.addon-section .section-title .highlight{background:linear-gradient(135deg, #00d4aa, #00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.addon-section .addon-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2;justify-content:center}.addon-section .addon-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:1.8rem;text-align:center;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden}.addon-section .addon-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0,212,170,0.04) 0%, rgba(0,245,212,0.02) 50%, rgba(0,212,170,0.04) 100%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.addon-section .addon-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg, rgba(0,212,170,0.2) 0%, rgba(0,245,212,0.1) 50%, rgba(0,212,170,0.2) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:0;transition:opacity 0.4s ease}.addon-section .addon-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(0,212,170,0.3);box-shadow:0 15px 30px rgba(0,0,0,0.2),0 8px 20px rgba(0,212,170,0.1),0 3px 10px rgba(0,212,170,0.15)}.addon-section .addon-card:hover::before{opacity:1}.addon-section .addon-card:hover::after{opacity:1}.addon-section .addon-card:hover .addon-title{color:#00f5d4}.addon-section .addon-card:hover .addon-price{transform:scale(1.05)}.addon-section .addon-card .addon-title{color:white;font-size:1.1rem;font-weight:600;margin-bottom:1rem;line-height:1.4;transition:color 0.3s ease;position:relative;z-index:2}.addon-section .addon-card .addon-price{color:#00d4aa;font-size:1.4rem;font-weight:700;position:relative;z-index:2;transition:transform 0.3s ease}@media (max-width: 768px){.addon-section{padding:60px 0}.addon-section .addon-container{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1.2rem;padding:0 1.5rem}.addon-section .addon-card{padding:1.5rem}.addon-section .addon-card:hover{transform:translateY(-6px) scale(1.01)}.addon-section .addon-card .addon-title{font-size:1rem}.addon-section .addon-card .addon-price{font-size:1.3rem}}@media (max-width: 480px){.addon-section .addon-container{grid-template-columns:1fr;padding:0 1rem}.addon-section .addon-card{padding:1.2rem;border-radius:12px}.addon-section .addon-card .addon-title{font-size:0.95rem;margin-bottom:0.8rem}.addon-section .addon-card .addon-price{font-size:1.2rem}}.contact-email a{color:#28c999;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color 0.3s ease}.contact-email a:hover{color:#28c999;text-decoration:underline}.footer{background:#00221c;color:#fff;text-align:center;padding:3rem 2rem 2rem;margin-top:2rem}.footer a{color:#28c999;text-decoration:none;transition:color 0.3s ease}.footer a:hover{color:#28c999}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;text-align:left}.footer-content .footer-info h4{color:#28c999;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.footer-content .footer-info p{color:#7f8c8d;line-height:1.6;margin:0}.footer-content .footer-contact p{margin:0.5rem 0;color:#7f8c8d}.footer-content .footer-contact p:first-child{color:#fff;font-weight:600}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:1.5rem}.footer-content .footer-info,.footer-content .footer-contact{text-align:center}}.back-to-top{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.5rem;padding:0.8rem 1.5rem;background:rgba(49,237,174,0.1);border:1px solid rgba(49,237,174,0.3);border-radius:25px;color:#28c999 !important;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.3s ease}.back-to-top span:first-child{font-size:1.2rem;font-weight:bold}.back-to-top:hover{background:rgba(49,237,174,0.2);border-color:rgba(49,237,174,0.5);transform:translateY(-2px);box-shadow:0 5px 15px rgba(49,237,174,0.2);text-decoration:none}@media (max-width: 768px){.back-to-top{padding:0.6rem 1.2rem;font-size:0.8rem}.back-to-top span:first-child{font-size:1rem}}.services-section{padding:120px 0;background:linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);position:relative;overflow:hidden}.services-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(0,212,170,0.03) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(0,245,212,0.02) 0%, transparent 50%);pointer-events:none}.services-container{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:2}.services-container .section-title{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;margin-bottom:1.5rem;color:#fff;letter-spacing:-0.02em}.services-container .section-title .highlight{background:linear-gradient(135deg, #00d4aa, #00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-container .services-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.7);margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(380px, 1fr));gap:2rem;margin-top:3rem;justify-content:center;align-items:stretch}.service-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:2.5rem;text-align:center;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0,212,170,0.05) 0%, rgba(0,245,212,0.02) 50%, rgba(0,212,170,0.05) 100%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.service-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:1px;background:linear-gradient(135deg, rgba(0,212,170,0.3) 0%, rgba(0,245,212,0.1) 50%, rgba(0,212,170,0.3) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:0;transition:opacity 0.4s ease}.service-card:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(0,212,170,0.4);box-shadow:0 25px 50px rgba(0,0,0,0.3),0 15px 35px rgba(0,212,170,0.1),0 5px 15px rgba(0,212,170,0.2)}.service-card:hover::before{opacity:1}.service-card:hover::after{opacity:1}.service-card:hover .service-icon{transform:scale(1.1) rotateY(10deg);box-shadow:0 15px 35px rgba(0,212,170,0.3),0 5px 15px rgba(0,212,170,0.2)}.service-card:hover h3{color:#00f5d4}.service-card .service-icon{width:80px;height:80px;background:linear-gradient(135deg, #00d4aa 0%, #00a085 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:1.8rem;color:#fff;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;z-index:3;box-shadow:0 10px 25px rgba(0,212,170,0.2),0 5px 10px rgba(0,0,0,0.1)}.service-card .service-icon::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, #00f5d4, #00d4aa, #00a085);border-radius:22px;z-index:-1;opacity:0;transition:opacity 0.3s ease}.service-card .service-icon:hover::before{opacity:1}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff;position:relative;z-index:2;transition:color 0.3s ease;letter-spacing:-0.01em}.service-card p{color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:2rem;position:relative;z-index:2;flex-grow:1;font-size:0.95rem}.service-features{list-style:none;padding:0;margin:0;text-align:left;position:relative;z-index:2}.service-features li{color:rgba(255,255,255,0.9);margin-bottom:0.8rem;padding-left:1.5rem;position:relative;font-size:0.9rem;line-height:1.5;transition:color 0.3s ease}.service-features li::before{content:'✓';position:absolute;left:0;top:0;color:#00d4aa;font-weight:bold;font-size:1rem;transition:transform 0.3s ease}.service-features li:hover{color:#fff}.service-features li:hover::before{transform:scale(1.2)}@media (max-width: 1200px){.services-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr))}}@media (max-width: 768px){.services-section{padding:80px 0}.services-container{padding:0 1.5rem}.services-container .services-subtitle{font-size:1.1rem;margin-bottom:3rem}.services-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.service-card{padding:2rem}.service-card:hover{transform:translateY(-8px) scale(1.01)}.service-card .service-icon{width:70px;height:70px;font-size:1.6rem;margin-bottom:1.5rem}.service-card h3{font-size:1.4rem}.service-card p{font-size:0.9rem;margin-bottom:1.5rem}}@media (max-width: 480px){.services-container{padding:0 1rem}.service-card{padding:1.5rem;border-radius:20px}.service-card .service-icon{width:60px;height:60px;font-size:1.4rem;border-radius:16px}.service-card h3{font-size:1.3rem}.service-card p{font-size:0.85rem}.service-features li{font-size:0.85rem;margin-bottom:0.6rem}}.contact-section{padding:120px 0;background:linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);position:relative;overflow:hidden}.contact-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(0,212,170,0.03) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(0,245,212,0.02) 0%, transparent 50%);pointer-events:none}.contact-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.contact-info .section-title{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;margin-bottom:1.5rem;color:#fff;line-height:1.2;letter-spacing:-0.02em}.contact-info .section-title .highlight{background:linear-gradient(135deg, #00d4aa, #00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-info .contact-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.7);margin-bottom:3rem;line-height:1.6}.contact-details{margin-bottom:3rem}.contact-item{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;transition:all 0.3s ease}.contact-item:hover{transform:translateY(-3px);border-color:rgba(0,212,170,0.3);box-shadow:0 10px 25px rgba(0,212,170,0.1)}.contact-item .contact-icon{width:50px;height:50px;background:linear-gradient(135deg, #00d4aa, #00a085);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0}.contact-item h3,.contact-item h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:0.3rem}.contact-item p{color:#b0b0b0;margin:0}.response-time{display:flex;align-items:center;gap:0.8rem;padding:1rem;background:rgba(0,212,170,0.1);border-radius:10px;border:1px solid rgba(0,212,170,0.2)}.response-time .icon-clock{color:#00d4aa;font-size:1.1rem}.response-time p{color:#d0d0d0;margin:0;font-size:0.9rem}.contact-form-wrapper{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(0,212,170,0.1);border-radius:20px;padding:2.5rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-form .form-group{display:flex;flex-direction:column}.contact-form .form-group.full-width{grid-column:1 / -1}.contact-form .form-group.checkbox-group{grid-column:1 / -1;flex-direction:row;align-items:center;gap:0.5rem}.contact-form label{font-size:0.9rem;font-weight:500;color:#d0d0d0;margin-bottom:0.5rem}.contact-form input,.contact-form select,.contact-form textarea{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.8rem;color:#fff;font-size:0.9rem;transition:all 0.3s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,0.2);background:rgba(255,255,255,0.08)}.contact-form input::placeholder,.contact-form select::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form select{cursor:pointer}.contact-form select option{background:#1a1a1a;color:#fff}.contact-form textarea{resize:vertical;min-height:120px}.checkbox-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.85rem;color:#b0b0b0}.checkbox-label input[type="checkbox"]{width:auto;margin:0}.checkbox-label .checkmark{width:18px;height:18px;border:1px solid rgba(255,255,255,0.3);border-radius:3px;position:relative;transition:all 0.3s ease}.checkbox-label .checkmark::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);color:#fff;font-size:10px;transition:transform 0.2s ease}.checkbox-label input[type="checkbox"]:checked+.checkmark{background:#00d4aa;border-color:#00d4aa}.checkbox-label input[type="checkbox"]:checked+.checkmark::after{transform:translate(-50%, -50%) scale(1)}.submit-btn{grid-column:1 / -1;background:linear-gradient(135deg, #00d4aa, #00a085);border:none;border-radius:25px;padding:1rem 2rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;margin-top:1rem}.submit-btn .btn-loading{display:none}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,212,170,0.3)}.submit-btn:active{transform:translateY(0)}.submit-btn.loading .btn-text{display:none}.submit-btn.loading .btn-loading{display:inline}.form-note{grid-column:1 / -1;font-size:0.8rem;color:#888;margin-top:1rem;margin-bottom:0;text-align:center}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-info .section-title{font-size:2.5rem}}@media (max-width: 768px){.contact-section{padding:80px 0}.contact-info .section-title{font-size:2.2rem}.contact-form-wrapper{padding:2rem}.contact-form{grid-template-columns:1fr;gap:1rem}.contact-form .form-group.full-width{grid-column:1}.contact-form .form-group.checkbox-group{grid-column:1}.submit-btn{grid-column:1}.form-note{grid-column:1}}@media (max-width: 480px){.contact-container{padding:0 1rem}.contact-info .section-title{font-size:2rem}.contact-form-wrapper{padding:1.5rem}.contact-item .contact-icon{width:45px;height:45px;font-size:1.1rem}}.portfolio-section{padding:120px 0;background:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);position:relative;overflow:hidden}.portfolio-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%, rgba(0,212,170,0.05) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(0,212,170,0.03) 0%, transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;pointer-events:none}@keyframes backgroundFloat{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(-20px, -30px) rotate(1deg)}66%{transform:translate(20px, 20px) rotate(-1deg)}}.portfolio-container{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:2}.portfolio-container .section-title{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:800;margin-bottom:1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.portfolio-container .section-title .highlight{background:linear-gradient(135deg, #00d4aa 0%, #00a085 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-container .portfolio-subtitle{font-size:1.3rem;color:#b0b0b0;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:4rem;padding:0 1rem}.filter-btn{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);border:1px solid rgba(0,212,170,0.2);color:#b0b0b0;padding:1rem 2rem;border-radius:50px;cursor:pointer;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);font-size:1rem;font-weight:600;position:relative;overflow:hidden}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);transition:left 0.5s}.filter-btn:hover{background:rgba(0,212,170,0.1);border-color:rgba(0,212,170,0.4);color:#00d4aa;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,212,170,0.2)}.filter-btn:hover::before{left:100%}.filter-btn.active{background:linear-gradient(135deg, #00d4aa, #00a085);border-color:#00d4aa;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,170,0.4)}.filter-btn.active::before{display:none}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 400px));gap:2.5rem;transition:height 0.6s cubic-bezier(0.4, 0, 0.2, 1);justify-content:center;justify-items:center;width:100%}@media (max-width: 1200px){.portfolio-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 350px));gap:2rem;justify-content:center;justify-items:center}}@media (max-width: 768px){.portfolio-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 400px));gap:2rem;justify-content:center;justify-items:center}}@media (max-width: 480px){.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 0.5rem;justify-content:center;justify-items:center}}.project{position:relative;border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.02);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;transform:scale(1) translateY(0);width:100%;max-width:400px;margin:0 auto}.project:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,0.4),0 0 30px rgba(0,212,170,0.1);border-color:rgba(0,212,170,0.3)}.project:hover .portfolio-overlay{opacity:1;visibility:visible;backdrop-filter:blur(15px)}.project:hover .portfolio-image img{transform:scale(1.1)}.project:hover .portfolio-tags .portfolio-tag{transform:translateY(0);opacity:1}.project:hover .portfolio-content>*{transform:translateY(0);opacity:1}.project.hide{opacity:0;transform:scale(0.8) translateY(-20px);pointer-events:none}.project.show{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.portfolio-image{position:relative;aspect-ratio:16/10;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);filter:brightness(0.9)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 50%, rgba(0,212,170,0.3) 100%);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.portfolio-content{text-align:center;width:100%;max-width:100%}.portfolio-content>*{transform:translateY(20px);opacity:0;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-content>*:nth-child(1){transition-delay:0.1s}.portfolio-content>*:nth-child(2){transition-delay:0.2s}.portfolio-content>*:nth-child(3){transition-delay:0.3s}.portfolio-content>*:nth-child(4){transition-delay:0.4s}.portfolio-content h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:0.8rem;text-shadow:0 2px 10px rgba(0,0,0,0.3);line-height:1.2}.portfolio-content p{font-size:0.95rem;color:#e0e0e0;line-height:1.4;margin-bottom:1.2rem;max-height:3.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.portfolio-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-bottom:1.2rem}.portfolio-tag{background:rgba(0,212,170,0.2);border:1px solid rgba(0,212,170,0.4);color:#00d4aa;padding:0.4rem 0.9rem;border-radius:18px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;transform:translateY(10px);opacity:0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-tag.tag-refactor{background:rgba(255,107,107,0.2);border-color:rgba(255,107,107,0.4);color:#ff6b6b}.portfolio-tag.tag-frontend{background:rgba(74,144,226,0.2);border-color:rgba(74,144,226,0.4);color:#4a90e2}.portfolio-tag.tag-backend{background:rgba(156,39,176,0.2);border-color:rgba(156,39,176,0.4);color:#9c27b0}.portfolio-tag.tag-web-design{background:rgba(0,212,170,0.2);border-color:rgba(0,212,170,0.4);color:#00d4aa}.portfolio-links{display:flex;justify-content:center;gap:0.8rem;margin-top:auto}.portfolio-link{display:inline-flex;align-items:center;gap:0.4rem;background:linear-gradient(135deg, #00d4aa, #00a085);color:#fff;padding:0.6rem 1.2rem;border-radius:20px;text-decoration:none;font-size:0.8rem;font-weight:600;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid transparent;position:relative;overflow:hidden;white-space:nowrap;z-index:10}.portfolio-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left 0.5s}.portfolio-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,212,170,0.4);background:linear-gradient(135deg, #00a085, #008a6e)}.portfolio-link:hover::before{left:100%}.portfolio-link:active{transform:translateY(0)}.portfolio-link.secondary{background:transparent;border-color:rgba(255,255,255,0.3);color:#fff}.portfolio-link.secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);box-shadow:0 8px 20px rgba(255,255,255,0.1)}@media (max-width: 1024px){.portfolio-section{padding:80px 0}.portfolio-container .section-title{font-size:2.8rem}.portfolio-container .portfolio-subtitle{font-size:1.2rem}.portfolio-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 350px));gap:2rem;justify-content:center;justify-items:center}.filter-buttons{margin-bottom:3rem}.filter-btn{padding:0.8rem 1.5rem;font-size:0.9rem}}@media (max-width: 768px){.portfolio-section{padding:60px 0}.portfolio-container .section-title{font-size:2.5rem}.portfolio-container .portfolio-subtitle{font-size:1.1rem;margin-bottom:3rem}.filter-buttons{gap:0.5rem;margin-bottom:2.5rem}.filter-btn{padding:0.7rem 1.2rem;font-size:0.85rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;justify-content:center;justify-items:center}.portfolio-overlay{padding:1rem;align-items:center}.portfolio-content{padding-top:0}.portfolio-content h3{font-size:1.3rem;margin-bottom:0.6rem}.portfolio-content p{font-size:0.85rem;margin-bottom:0.8rem}.portfolio-tags{gap:0.4rem;margin-bottom:1rem}.portfolio-tag{padding:0.3rem 0.7rem;font-size:0.7rem}.portfolio-links{gap:0.5rem}.portfolio-links .portfolio-link{padding:0.5rem 1rem;font-size:0.75rem}}@media (max-width: 480px){.portfolio-container{padding:0 1rem}.portfolio-container .section-title{font-size:2.2rem}.filter-buttons{flex-direction:column;align-items:center;gap:0.5rem}.filter-btn{width:100%;max-width:250px;padding:0.8rem 1rem}.portfolio-overlay{padding:0.8rem}.portfolio-content h3{font-size:1.2rem;margin-bottom:0.5rem}.portfolio-content p{font-size:0.8rem;margin-bottom:0.7rem}.portfolio-tags{gap:0.3rem;margin-bottom:0.8rem}.portfolio-tag{padding:0.25rem 0.6rem;font-size:0.65rem}.portfolio-links{flex-direction:column;gap:0.4rem}.portfolio-links .portfolio-link{padding:0.6rem 1rem;font-size:0.75rem}}.faq-section{padding:120px 0;background:linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);position:relative;overflow:hidden}.faq-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%, rgba(0,212,170,0.03) 0%, transparent 50%),radial-gradient(circle at 70% 60%, rgba(0,245,212,0.02) 0%, transparent 50%);pointer-events:none}.faq-section .faq-container{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:2}.faq-section .faq-container .section-title{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;margin-bottom:1.5rem;color:#fff;letter-spacing:-0.02em}.faq-section .faq-container .section-title .highlight{background:linear-gradient(135deg, #00d4aa, #00f5d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-section .faq-container .faq-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.7);margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.faq-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:2rem;text-align:left;justify-content:center;align-items:start}.faq-item{background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem;transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden}.faq-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0,212,170,0.05) 0%, rgba(0,245,212,0.02) 50%, rgba(0,212,170,0.05) 100%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.faq-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(135deg, rgba(0,212,170,0.3) 0%, rgba(0,245,212,0.1) 50%, rgba(0,212,170,0.3) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;opacity:0;transition:opacity 0.4s ease}.faq-item:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(0,212,170,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.2),0 10px 25px rgba(0,212,170,0.1),0 5px 15px rgba(0,212,170,0.15)}.faq-item:hover::before{opacity:1}.faq-item:hover::after{opacity:1}.faq-item:hover h3{color:#00f5d4}.faq-item h3{font-size:1.4rem;font-weight:600;margin-bottom:1.2rem;color:#fff;line-height:1.3;transition:color 0.3s ease;position:relative;z-index:2;letter-spacing:-0.01em}.faq-item p{color:rgba(255,255,255,0.8);line-height:1.7;font-size:0.95rem;margin:0;position:relative;z-index:2}@media (max-width: 1200px){.faq-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr))}}@media (max-width: 768px){.faq-section{padding:80px 0}.faq-section .faq-container{padding:0 1.5rem}.faq-section .faq-container .faq-subtitle{font-size:1.1rem;margin-bottom:3rem}.faq-grid{grid-template-columns:1fr;gap:1.5rem}.faq-item{padding:2rem}.faq-item:hover{transform:translateY(-6px) scale(1.01)}.faq-item h3{font-size:1.2rem;margin-bottom:1rem}.faq-item p{font-size:0.9rem}}@media (max-width: 480px){.faq-section .faq-container{padding:0 1rem}.faq-item{padding:1.5rem;border-radius:16px}.faq-item h3{font-size:1.1rem}.faq-item p{font-size:0.85rem;line-height:1.6}}.tab-navigation{display:flex;gap:0.5rem;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1rem}.tab-navigation .tab-link{padding:0.75rem 1.5rem;border-radius:10px;text-decoration:none;color:#7f8c8d;font-weight:600;transition:all 0.3s ease;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.tab-navigation .tab-link:hover{color:#fff;background:rgba(255,255,255,0.1);transform:translateY(-1px)}.tab-navigation .tab-link.active{background:linear-gradient(135deg, #28c999, #00382e);color:#fff;border-color:#28c999}.role-badge{padding:0.2rem 0.6rem;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.role-badge.role-admin{background:linear-gradient(135deg, rgba(231,76,60,0.8), rgba(192,57,43,0.8));color:#fff;border:1px solid rgba(231,76,60,0.3)}.role-badge.role-user{background:linear-gradient(135deg, rgba(52,152,219,0.8), rgba(41,128,185,0.8));color:#fff;border:1px solid rgba(52,152,219,0.3)}.notes-preview{font-size:0.9rem;color:#ecf0f1;cursor:help}.notes-preview:hover{color:#fff}.text-muted{color:#7f8c8d;opacity:0.7}@media (max-width: 768px){.crm-container{padding:1.5rem;margin:1rem}.crm-header{flex-direction:column;gap:1rem;text-align:center}.crm-title{font-size:2rem}.crm-actions{justify-content:center}.crm-table-container{overflow-x:auto}.tab-navigation .tab-link{padding:0.5rem;font-size:1.2rem;min-width:auto;flex:1;text-align:center}.tab-navigation .tab-link .tab-text{display:none}.tab-navigation .tab-link .tab-icon{display:inline}.crm-actions{flex-wrap:wrap;gap:0.5rem}.crm-actions .btn{font-size:0.8rem;padding:0.5rem 0.75rem}.controls-section>div{justify-content:center}.controls-section .btn{font-size:0.75rem;padding:0.5rem 0.75rem}}@media (min-width: 769px){.tab-navigation .tab-link .tab-text{display:inline}.tab-navigation .tab-link .tab-icon{display:inline}}@media (max-width: 576px){.auth-container,.crm-container{padding:2rem;margin:1rem}.auth-title,.crm-title{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#00221c;padding:2rem;margin:0;padding-top:0}.auth-container{max-width:400px;width:100%;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:3rem;box-shadow:0 20px 40px rgba(0,0,0,0.3)}.auth-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:0.5rem;text-align:center}.auth-subtitle{color:#7f8c8d;text-align:center;margin-bottom:2rem;font-size:0.9rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-label{color:#ecf0f1;font-weight:600;font-size:0.9rem}.form-input{padding:1rem;border:1px solid rgba(255,255,255,0.2);border-radius:10px;background:rgba(255,255,255,0.1);color:#fff;font-size:1rem;transition:all 0.3s ease;font-family:inherit}.form-input::placeholder{color:rgba(255,255,255,0.5)}.form-input:focus{outline:none;border-color:#28c999;box-shadow:0 0 0 2px rgba(40,201,153,0.2);background:rgba(255,255,255,0.15)}.form-input:hover{border-color:rgba(255,255,255,0.3)}.form-input[type="date"]{color-scheme:dark}.form-input[type="password"]{letter-spacing:0.1em}.form-input.error{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,0.2)}.form-input.success{border-color:#28c999;box-shadow:0 0 0 2px rgba(40,201,153,0.2)}textarea.form-input{resize:vertical;min-height:100px;line-height:1.5}select.form-input{cursor:pointer}select.form-input option{background:#00221c;color:#fff}.auth-button{padding:1rem;background:linear-gradient(135deg, #28c999, #00382e);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(40,201,153,0.3)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-button.loading{color:transparent}.auth-button.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.3);color:#ff6b6b;padding:1rem;border-radius:10px;text-align:center;margin-bottom:1.5rem;font-size:0.9rem}.auth-success{background:rgba(40,201,153,0.1);border:1px solid rgba(40,201,153,0.3);color:#28c999;padding:1rem;border-radius:10px;text-align:center;margin-bottom:1.5rem;font-size:0.9rem}@media (max-width: 768px){.auth-page{padding:1rem}.auth-container{padding:2rem 1.5rem;margin:0 0.5rem}.auth-title{font-size:1.75rem}.form-input,.auth-button{padding:0.875rem;font-size:0.95rem}}@media (max-width: 480px){.auth-container{padding:1.5rem 1rem;margin:0}.auth-title{font-size:1.5rem}.form-input,.auth-button{padding:0.75rem}}.crm-page{min-height:100vh;background:#00221c;padding:0;margin:0}.crm-fullscreen{margin:10px;min-height:calc(100vh - 20px);padding:2rem;border-radius:15px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05)}.crm-container{width:95%;max-width:none;margin:0 auto;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,0.3)}.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.1)}.crm-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.crm-subtitle{color:#7f8c8d;font-size:1rem;margin-top:0.5rem}.crm-actions{display:flex;gap:1rem;align-items:center}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.controls-section .search-container{flex:1;max-width:400px}.controls-section .sort-container{flex:0 0 auto;min-width:200px}.btn{padding:0.75rem 1.5rem;border:none;border-radius:10px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-align:center}.btn.btn-sm{padding:0.5rem 1rem;font-size:0.8rem}.btn.btn-primary{background:linear-gradient(135deg, #28c999, #00382e);color:#fff}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(40,201,153,0.3)}.btn.btn-danger{background:linear-gradient(135deg, #dc3545, #a71e2a);color:#fff}.btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(220,53,69,0.3)}.btn.btn-secondary{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2)}.btn.btn-secondary:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:0.5rem;margin-bottom:1rem}.stat-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:15px;padding:1rem;text-align:center}@media (max-width: 373px){.stat-card{display:none}}.task-card{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:15px;padding:1rem;text-align:center}@media (max-width: 373px){.task-card{display:none}}.stat-number{color:#28c999;font-size:2rem;font-weight:700;margin-bottom:0.5rem}.stat-label{color:#7f8c8d;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.crm-table-container{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:15px;overflow:hidden;overflow-x:auto}.crm-table{width:100%;border-collapse:collapse;margin:0;font-size:0.9rem}.crm-table th{background:rgba(255,255,255,0.1);color:#fff;padding:1.2rem 1rem;text-align:left;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.1);white-space:nowrap}.crm-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,0.05);color:#ecf0f1;vertical-align:top}.crm-table td strong{color:#fff}.crm-table tr:hover{background:rgba(255,255,255,0.05)}.crm-table tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:0.5rem;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:rgba(255,255,255,0.05);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.5);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}.modal-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#7f8c8d;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.modal-close:hover{background:rgba(255,255,255,0.1);color:#fff}.modal-body{padding:2rem}.client-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.client-info-grid .info-item.full-width{grid-column:1 / -1}.client-info-grid .info-item label{display:block;color:#7f8c8d;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;font-weight:600}.client-info-grid .info-item span{color:#fff;font-size:1rem;word-break:break-word}.client-info-grid .info-item .notes-content{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:1rem;color:#ecf0f1;line-height:1.6;min-height:80px;white-space:pre-wrap}.modal-footer{padding:1rem 2rem 2rem;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.modal-footer .modal-actions-left{display:flex;gap:0.5rem;flex-wrap:wrap}.modal-footer .modal-actions-right{display:flex;gap:1rem}.toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:10px;color:#fff;font-weight:600;z-index:10000;transform:translateX(400px);opacity:0;transition:all 0.3s ease;box-shadow:0 10px 20px rgba(0,0,0,0.3)}.toast.show{transform:translateX(0);opacity:1}.toast.toast-success{background:linear-gradient(135deg, #27ae60, #2ecc71)}.toast.toast-error{background:linear-gradient(135deg, #e74c3c, #c0392b)}.toast.toast-info{background:linear-gradient(135deg, #3498db, #2980b9)}.controls-section{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.controls-section .search-container{flex:2;min-width:200px}.controls-section .filter-container{flex:1;min-width:150px}.controls-section .sort-container{flex:1;min-width:150px}@media (max-width: 768px){.controls-section{flex-direction:column;gap:0.75rem}.controls-section .search-container,.controls-section .filter-container,.controls-section .sort-container{flex:none;width:100%;min-width:unset}.controls-section .form-input{width:100%;box-sizing:border-box}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.client-info-grid{grid-template-columns:1fr;gap:1rem}.modal-header,.modal-body,.modal-footer{padding-left:1.5rem;padding-right:1.5rem}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .modal-actions-left,.modal-footer .modal-actions-right{justify-content:center}.modal-footer .btn{flex:1;min-width:120px}.toast{top:10px;right:10px;left:10px;transform:translateY(-100px)}.toast.show{transform:translateY(0)}.crm-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.crm-table{min-width:800px}.crm-table th,.crm-table td{padding:0.5rem 0.25rem;font-size:0.85rem}.crm-table .tag-badge{font-size:0.65rem;padding:0.15rem 0.4rem}.crm-table .stage-badge{font-size:0.7rem;padding:0.2rem 0.5rem}}.empty-state{text-align:center;padding:3rem;color:#7f8c8d}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:0.5}.empty-state .empty-message{font-size:1.1rem;margin-bottom:0.5rem}.empty-state .empty-submessage{font-size:0.9rem;opacity:0.7}.stage-badge{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.stage-badge.stage-message{background:rgba(108,117,125,0.2);color:#6c757d;border:1px solid rgba(108,117,125,0.3)}.stage-badge.stage-data-collection{background:rgba(40,201,153,0.2);color:#28c999;border:1px solid rgba(40,201,153,0.3)}.stage-badge.stage-meeting{background:rgba(255,193,7,0.2);color:#ffc107;border:1px solid rgba(255,193,7,0.3)}.stage-badge.stage-proposal-sent{background:rgba(0,123,255,0.2);color:#007bff;border:1px solid rgba(0,123,255,0.3)}.stage-badge.stage-project-underway{background:rgba(255,87,34,0.2);color:#ff5722;border:1px solid rgba(255,87,34,0.3)}.stage-badge.stage-project-approval{background:rgba(156,39,176,0.2);color:#9c27b0;border:1px solid rgba(156,39,176,0.3)}.stage-badge.stage-project-completed{background:rgba(76,175,80,0.2);color:#4caf50;border:1px solid rgba(76,175,80,0.3)}.stage-badge.stage-ongoing-management{background:rgba(63,81,181,0.2);color:#3f51b5;border:1px solid rgba(63,81,181,0.3)}.stage-badge.stage-invoiced{background:rgba(243,156,18,0.2);color:#f39c12;border:1px solid rgba(243,156,18,0.3)}.stage-badge.stage-paid{background:rgba(39,174,96,0.2);color:#27ae60;border:1px solid rgba(39,174,96,0.3)}.stage-badge.stage-closed{background:rgba(220,53,69,0.2);color:#dc3545;border:1px solid rgba(220,53,69,0.3)}.stage-badge.stage-none{background:rgba(255,255,255,0.1);color:#7f8c8d;border:1px solid rgba(255,255,255,0.2)}.tag-badge{display:inline-block;padding:0.2rem 0.6rem;margin:0.1rem 0.2rem 0.1rem 0;border-radius:12px;font-size:0.75rem;font-weight:500;background:linear-gradient(135deg, rgba(52,152,219,0.8), rgba(41,128,185,0.8));color:#fff;border:1px solid rgba(52,152,219,0.3);text-transform:capitalize}.tag-badge:hover{background:linear-gradient(135deg, #3498db, #2980b9);transform:translateY(-1px);transition:all 0.2s ease}.tab-navigation-tasks{margin-bottom:2rem}.controls-section-tasks{margin-bottom:2rem}.task-filter-nav{display:flex;gap:0.5rem;flex-wrap:wrap}.stat-number-pending{color:#ffc107}.stat-number-inprogress{color:#17a2b8}.stat-number-completed{color:#28c999}.stat-number-today{color:#fd7e14}.stat-number-overdue{color:#dc3545}.auth-success-tasks{margin-bottom:1.5rem}.task-list-summary{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center;font-weight:500;color:#ecf0f1}.task-th-name{width:25%}.task-th-priority{width:15%}.task-th-status{width:12%}.task-th-due{width:12%}.task-th-desc{width:20%}.task-th-actions{width:16%}.task-status-select{background:rgba(255,255,255,0.1) !important;color:#ecf0f1 !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:6px !important;padding:0.4rem 0.6rem !important;font-size:0.8rem !important;cursor:pointer !important;transition:all 0.2s ease !important}.task-status-select:hover{background:rgba(255,255,255,0.15) !important;border-color:#28c999 !important}.task-status-select:focus{outline:none !important;border-color:#28c999 !important;box-shadow:0 0 0 2px rgba(40,201,153,0.2) !important}.task-status-select option{background:#2c3e50 !important;color:#ecf0f1 !important;padding:0.5rem !important}select.form-input{background:rgba(255,255,255,0.05) !important;color:#ecf0f1 !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:10px !important;padding:0.75rem 1rem !important;font-size:0.9rem !important;cursor:pointer !important;transition:all 0.3s ease !important;appearance:none !important;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23ecf0f1' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !important;background-repeat:no-repeat !important;background-position:right 1rem center !important;background-size:12px !important}select.form-input:hover{background-color:rgba(255,255,255,0.08) !important;border-color:#28c999 !important;transform:translateY(-1px) !important}select.form-input:focus{outline:none !important;border-color:#28c999 !important;box-shadow:0 0 0 3px rgba(40,201,153,0.1) !important;background-color:rgba(255,255,255,0.08) !important}select.form-input option{background:#2c3e50 !important;color:#ecf0f1 !important;padding:0.75rem !important;font-size:0.9rem !important}select.form-input option:checked{background:#28c999 !important;color:white !important}.task-row[data-priority="critical"]{border-left:4px solid #dc3545}.task-row[data-priority="high"]{border-left:4px solid #fd7e14}.task-row[data-priority="medium"]{border-left:4px solid #ffc107}.task-row[data-priority="low"]{border-left:4px solid #28c999}.task-overdue-label{color:#dc3545;font-size:0.8rem;margin-left:0.5rem}.task-today-label{color:#fd7e14;font-size:0.8rem;margin-left:0.5rem}.role-badge-priority.critical{background:rgba(220,53,69,0.2);color:#dc3545;border:1px solid rgba(220,53,69,0.3)}.role-badge-priority.high{background:rgba(253,126,20,0.2);color:#fd7e14;border:1px solid rgba(253,126,20,0.3)}.role-badge-priority.medium{background:rgba(255,193,7,0.2);color:#ffc107;border:1px solid rgba(255,193,7,0.3)}.role-badge-priority.low{background:rgba(40,201,153,0.2);color:#28c999;border:1px solid rgba(40,201,153,0.3)}.role-badge-status.completed{background:rgba(40,201,153,0.2);color:#28c999;border:1px solid rgba(40,201,153,0.3)}.role-badge-status.in-progress{background:rgba(23,162,184,0.2);color:#17a2b8;border:1px solid rgba(23,162,184,0.3)}.role-badge-status.pending{background:rgba(255,193,7,0.2);color:#ffc107;border:1px solid rgba(255,193,7,0.3)}.task-desc{color:#ecf0f1}.task-desc-empty{color:#7f8c8d;font-style:italic}.task-status-form{display:inline}.task-status-select{padding:0.25rem 0.5rem;font-size:0.75rem;margin-right:0.25rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#ecf0f1}.add-task-modal{display:none}.add-task-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-task-modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-add-task,.btn-cancel-task{flex:1}.tab-navigation-users{margin-bottom:2rem}.auth-error-users,.auth-success-users{margin-bottom:1.5rem}.user-th-username{width:20%}.user-th-role{width:15%}.user-th-created{width:20%}.user-th-login{width:25%}.user-th-actions{width:20%}.user-you-label{color:#28c999;font-size:0.8rem;margin-left:0.5rem}.user-login-not-tracked{color:#95a5a6;font-style:italic}.add-user-modal{display:none}.add-user-modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-add-user,.btn-cancel-user{flex:1}.edit-user-modal{display:none}.edit-user-username-section{margin-bottom:1.5rem}.edit-user-username-title,.edit-user-password-title{color:white;margin-bottom:1rem}.edit-user-username-form{margin-bottom:2rem}.edit-user-password-section{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem}.edit-user-modal-actions{margin-top:2rem;text-align:center}