*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a1a1a;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px}:root{--primary:#F54927;--primary-600:#e63900;--primary-700:#d63000;--primary-800:#c62828;--primary-900:#b71c1c;--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0a0a0a;--bg-dark-secondary:#111111;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#ffffff;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:var(--text-5xl);color:var(--gray-900);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.section-subtitle{font-size:var(--text-xl);color:var(--gray-600);line-height:1.6}.btn{gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;font-family:var(--font-family);transition:all var(--transition-normal);white-space:nowrap;min-height:48px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);box-shadow:0 4px 12px rgba(245,73,39,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,73,39,.4)}.btn-outline{color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:56px}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:1000;padding:var(--space-4) 0}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.logo{gap:var(--space-2);font-size:var(--text-xl);font-weight:700;color:var(--primary);text-decoration:none}.nav,.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-links{list-style:none}.nav-link{color:var(--gray-700);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primary)}.header-cta{display:flex;gap:var(--space-4);z-index:1001}.header-cta,.header-cta .btn{align-items:center;position:relative}.header-cta .btn{cursor:pointer;pointer-events:auto;z-index:1002;display:inline-flex;justify-content:center;text-decoration:none;border:none;transition:all .3s ease}.header-cta .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.header-cta .btn:active{transform:translateY(0)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}.mobile-menu-content{padding:var(--space-6)}.mobile-nav-links{list-style:none;margin-bottom:var(--space-6)}.mobile-nav-link{display:block;color:var(--gray-700);text-decoration:none;font-weight:500;font-size:var(--text-lg);padding:var(--space-3) 0;transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--primary)}.mobile-cta{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-cta .btn{cursor:pointer;pointer-events:auto;position:relative;z-index:1002;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;transition:all .3s ease;width:100%}.mobile-cta .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.mobile-cta .btn:active{transform:translateY(0)}.hero{background:linear-gradient(135deg,#fff5f0,#ffffff 50%,#fef7f0);overflow:hidden;padding-top:80px}.hero-content{align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.hero-badge{gap:var(--space-2);background:rgba(245,73,39,.1);color:var(--primary);padding:var(--space-2) var(--space-4);font-weight:600}.hero-badge,.hero-title{margin-bottom:var(--space-6)}.hero-title{font-weight:800}.title-main{margin-bottom:var(--space-2)}.title-highlight,.title-main{display:block}.hero-description{margin-bottom:var(--space-8)}.hero-signup{background:var(--white);padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:0 20px 40px rgba(0,0,0,.1);width:100%;max-width:400px}.hero-signup h3{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-6);text-align:center}.signup-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{gap:var(--space-2)}.signup-form input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-family);transition:all var(--transition-normal);background:var(--white)}.signup-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,73,39,.1)}.signup-button{width:100%;margin-top:var(--space-4)}.trust-hero-section{padding:var(--space-16) 0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);position:relative;overflow:hidden}.trust-hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(245,69,39,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,69,39,.08) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(245,69,39,.05) 0,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite}.trust-hero-content{text-align:center;max-width:1200px;margin:0 auto;position:relative;z-index:2}.trust-hero-title{font-size:var(--text-4xl);font-weight:800;color:#ffffff;margin-bottom:var(--space-6);line-height:1.2;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:titleSlideIn 1s ease-out}.trust-hero-description{font-size:var(--text-xl);font-weight:500;color:#cbd5e1;margin-bottom:var(--space-16);line-height:1.6;text-align:center;animation:descriptionFadeIn 1.2s ease-out .2s both}.trust-hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-8);align-items:stretch}.trust-hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:cardSlideUp .8s ease-out both}.trust-hero-stat:first-child{animation-delay:.1s}.trust-hero-stat:nth-child(2){animation-delay:.2s}.trust-hero-stat:nth-child(3){animation-delay:.3s}.trust-hero-stat:nth-child(4){animation-delay:.4s}.trust-hero-stat:nth-child(5){animation-delay:.5s}.trust-hero-stat:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,69,39,.1),rgba(245,69,39,.05));border-radius:24px}.trust-hero-stat:after,.trust-hero-stat:before{content:"";position:absolute;opacity:0;transition:opacity .3s ease}.trust-hero-stat:after{top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#f54527,#e63900,#ff6b47,#f54527);border-radius:26px;z-index:-1;animation:borderGlow 3s ease-in-out infinite}.trust-hero-stat:hover:after,.trust-hero-stat:hover:before{opacity:1}.trust-hero-stat:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(245,69,39,.3)}.stat-icon{width:80px;height:80px;background:linear-gradient(135deg,#f54527,#e63900);border-radius:20px;margin-bottom:var(--space-4);position:relative;transition:all .3s ease;box-shadow:0 8px 25px rgba(245,69,39,.3)}.stat-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#f54527,#e63900,#ff6b47,#f54527);border-radius:22px;z-index:-1;opacity:0;transition:opacity .3s ease}.trust-hero-stat:hover .stat-icon:before{opacity:1}.trust-hero-stat:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px rgba(245,69,39,.4)}.stat-icon svg{width:40px;height:40px;color:#ffffff;transition:all .3s ease}.trust-hero-stat:hover .stat-icon svg{transform:scale(1.1)}.stat-label{font-size:var(--text-lg);color:#ffffff;text-align:center;line-height:1.3;margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.trust-hero-stat:hover .stat-label{color:#f54527;transform:translateY(-2px)}.stat-description{font-size:var(--text-sm);font-weight:500;color:#cbd5e1;text-align:center;line-height:1.4;transition:all .3s ease}.trust-hero-stat:hover .stat-description{color:#ffffff;transform:translateY(-1px)}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.trust-hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.trust-hero-title{font-size:var(--text-3xl)}.trust-hero-description{font-size:var(--text-lg)}.stat-icon{width:70px;height:70px}.stat-icon svg{width:35px;height:35px}}@media (max-width:768px){.trust-hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.trust-hero-title{font-size:var(--text-2xl)}.trust-hero-description{font-size:var(--text-base)}.trust-hero-stat{padding:var(--space-6)}.stat-icon{width:60px;height:60px}.stat-icon svg{width:30px;height:30px}.stat-label{font-size:var(--text-base)}.stat-description{font-size:var(--text-xs)}}@media (max-width:480px){.trust-hero-stats{grid-template-columns:1fr;gap:var(--space-4)}.trust-hero-title{font-size:var(--text-xl)}.trust-hero-description{font-size:var(--text-sm)}.trust-hero-stat{padding:var(--space-4)}}.trust-section{padding:var(--space-20) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0)}.trust-badge{background:rgba(245,73,39,.1);color:var(--primary);margin-bottom:var(--space-6);border:1px solid rgba(245,73,39,.2)}.trust-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.trust-subtitle{max-width:600px;margin-left:auto;margin-right:auto}.trust-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);max-width:800px;margin:0 auto}.stat-item{box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-100);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%)}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;margin:0 auto var(--space-4);font-size:var(--text-2xl);color:var(--white);box-shadow:0 4px 15px rgba(245,73,39,.3)}.features-section{padding:var(--space-32) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(245,69,39,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,69,39,.03) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(245,69,39,.02) 0,transparent 50%);animation:featuresBackgroundFloat 25s ease-in-out infinite}.features-showcase{margin-top:var(--space-16)}.features-section .section-header,.features-showcase{position:relative;z-index:2}.features-section .section-title{color:#1f2937!important;text-shadow:none;animation:featuresTitleSlideIn 1s ease-out;font-size:var(--text-5xl)!important;font-weight:900!important;margin-bottom:var(--space-6);background:linear-gradient(135deg,#1f2937,#f54527);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-section .section-subtitle{color:#6b7280!important;animation:featuresSubtitleFadeIn 1.2s ease-out .2s both;font-size:var(--text-xl)!important;font-weight:500!important;margin-bottom:var(--space-20);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.features-section .section-badge{background:linear-gradient(135deg,rgba(245,69,39,.1),rgba(245,69,39,.05));border:1px solid rgba(245,69,39,.2);color:#f54527;animation:featuresBadgeSlideIn .8s ease-out;margin-bottom:var(--space-8);font-weight:700;text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(245,69,39,.1)}.feature-highlight{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-3xl);padding:var(--space-16);margin-bottom:var(--space-20);color:var(--white);text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(245,73,39,.3)}.feature-highlight:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:shimmer 3s ease-in-out infinite}.feature-highlight h3{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-6)}.feature-highlight h3,.feature-highlight p{color:var(--white);position:relative;z-index:2}.feature-highlight p{font-size:var(--text-xl);margin-bottom:var(--space-8);opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.ai-demo-showcase{background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);border-radius:var(--radius-3xl);padding:var(--space-12);margin:var(--space-12) 0;box-shadow:0 25px 80px rgba(0,0,0,.1);border:1px solid #f1f5f9;position:relative;overflow:hidden}.ai-demo-showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0,#e63900 50%,var(--primary) 100%);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.demo-header{text-align:center;margin-bottom:var(--space-12);position:relative}.header-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;margin:0 auto var(--space-6);box-shadow:0 15px 40px rgba(245,73,39,.3);animation:float 3s ease-in-out infinite}.header-icon svg{width:40px;height:40px;color:var(--white)}.demo-header h4{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-header p{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.demo-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12);max-width:1200px;margin:0 auto}.features-sidebar{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 15px 40px rgba(0,0,0,.1);border:2px solid #f1f5f9;height:fit-content;position:sticky;top:var(--space-8)}.features-sidebar h5{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-8);text-align:center;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.capability-list{display:flex;flex-direction:column;gap:var(--space-4)}.capability-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#f8fafc,#ffffff);border-radius:var(--radius-xl);border:2px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.capability-item:hover{transform:translateX(8px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--primary);background:linear-gradient(135deg,#fef7f0,#ffffff)}.capability-item:hover .capability-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(245,73,39,.4)}.capability-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;color:var(--white);box-shadow:0 4px 15px rgba(245,73,39,.3);transition:all .3s ease}.capability-icon svg{width:24px;height:24px}.capability-item span{font-weight:600;color:var(--gray-900);font-size:var(--text-base);flex:1}.chat-agent{background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 20px 60px rgba(0,0,0,.12);border:3px solid #f1f5f9;overflow:hidden;display:flex;flex-direction:column;height:650px;position:relative;backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff,#fefefe)}.chat-agent:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0,#e63900 50%,var(--primary) 100%);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.chat-header{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);padding:var(--space-8);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;box-shadow:0 4px 20px rgba(245,73,39,.2)}.chat-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent)}.agent-info{gap:var(--space-4)}.agent-avatar,.agent-info{display:flex;align-items:center}.agent-avatar{width:60px;height:60px;background:var(--white);border-radius:50%;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.15);transition:all .3s ease;border:3px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.agent-avatar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;z-index:-1;opacity:.3}.agent-avatar svg{width:24px;height:24px;color:var(--primary)}.agent-details h6{font-size:var(--text-lg);font-weight:700;color:var(--white);margin:0}.agent-status{font-size:var(--text-sm);color:rgba(255,255,255,.8);font-weight:500;display:flex;align-items:center;gap:var(--space-2)}.status-dot{background:#10b981}.chat-actions{display:flex;gap:var(--space-2)}.action-btn{background:rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--white);transition:all .3s ease}.action-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.action-btn svg{width:20px;height:20px}.chat-messages{flex:1;padding:var(--space-8);overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#ffffff);display:flex;flex-direction:column;gap:var(--space-8);position:relative;z-index:1}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e63900 0,var(--primary) 100%)}.message{display:flex;gap:var(--space-4);align-items:flex-start}.user-message{flex-direction:row-reverse}.message-avatar{width:48px;height:48px;font-size:var(--text-base);position:relative;transition:all .3s ease}.message-avatar:hover{transform:scale(1.05)}.user-message .message-avatar{box-shadow:0 4px 15px rgba(245,73,39,.3)}.ai-message .message-avatar{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);color:var(--gray-700);border:2px solid #d1d5db;box-shadow:0 4px 15px rgba(0,0,0,.1)}.ai-message .message-avatar svg{width:20px;height:20px;color:var(--primary)}.message-content{flex:1;max-width:80%}.user-message .message-content{text-align:right}.message-text{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);padding:var(--space-5) var(--space-8);border-radius:var(--radius-3xl);border-bottom-right-radius:var(--radius-lg);font-weight:600;margin-bottom:var(--space-3);display:inline-block;box-shadow:0 4px 20px rgba(245,73,39,.2);position:relative;max-width:100%;word-wrap:break-word}.message-text:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-left:8px solid #e63900;border-top:8px solid transparent;border-bottom:8px solid transparent}.ai-message .message-text{background:linear-gradient(135deg,var(--white) 0,#fefefe 100%);color:var(--gray-900);border:2px solid #e2e8f0;border-bottom-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-3xl);border-top-left-radius:var(--radius-3xl);border-bottom-right-radius:var(--radius-3xl);box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative}.ai-message .message-text:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border-right:8px solid #e2e8f0;border-top:8px solid transparent;border-bottom:8px solid transparent}.message-time{font-size:var(--text-xs);color:var(--gray-500);font-weight:500}.ai-response{background:var(--white);border:2px solid #e2e8f0;border-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-2xl);border-top-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);padding:var(--space-6)}.response-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.response-title{font-weight:600;color:var(--gray-900);font-size:var(--text-base)}.loading-dots{display:flex;gap:var(--space-1)}.loading-dots span{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:loading 1.4s ease-in-out infinite}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.generated-tests{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2)}.test-item{gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#f8fafc,#ffffff);border-radius:var(--radius-2xl);border:2px solid #e2e8f0;transition:all .4s ease;animation:fadeInUp .8s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);cursor:pointer}.test-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);transform:scaleY(0);transition:transform .3s ease}.test-item:hover:before{transform:scaleY(1)}.test-item:first-child{animation-delay:.1s}.test-item:nth-child(2){animation-delay:.2s}.test-item:nth-child(3){animation-delay:.3s}.test-item:hover{transform:translateX(8px) translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12);border-color:var(--primary);background:linear-gradient(135deg,#fef7f0,#ffffff)}.test-item:active{transform:translateX(4px) translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.test-icon{color:#10b981;width:32px;height:32px;box-shadow:0 4px 15px rgba(16,185,129,.3);transition:all .3s ease;flex-shrink:0}.test-icon svg{width:18px;height:18px;color:white}.test-item:hover .test-icon{transform:scale(1.1);box-shadow:0 6px 20px rgba(16,185,129,.4)}.test-text{font-weight:600;color:var(--gray-900);font-size:var(--text-lg);line-height:1.5;flex:1;transition:color .3s ease}.test-item:hover .test-text{color:var(--primary)}.chat-input{background:linear-gradient(135deg,var(--white) 0,#fefefe 100%);padding:var(--space-8);border-top:3px solid #e2e8f0;position:relative;z-index:2;box-shadow:0 -4px 20px rgba(0,0,0,.05)}.chat-input:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--primary) 50%,transparent 100%);opacity:.3}.input-container{display:flex;gap:var(--space-3);align-items:center}.input-container input{flex:1;padding:var(--space-5) var(--space-8);border:3px solid #e2e8f0;border-radius:var(--radius-3xl);font-size:var(--text-lg);background:linear-gradient(135deg,#f8fafc,#ffffff);transition:all .3s ease;font-family:inherit;font-weight:500;box-shadow:0 2px 10px rgba(0,0,0,.05)}.input-container input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px rgba(245,73,39,.1),0 4px 20px rgba(0,0,0,.1);transform:translateY(-1px)}.input-container input::placeholder{color:var(--gray-500);font-style:italic}.send-btn{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);border:none;border-radius:var(--radius-3xl);padding:var(--space-5) var(--space-6);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:60px;box-shadow:0 4px 20px rgba(245,73,39,.3);position:relative;overflow:hidden}.send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.send-btn:hover:before{left:100%}.send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,73,39,.3)}.send-btn svg{width:20px;height:20px}@media (max-width:768px){.ai-demo-showcase{padding:var(--space-8);margin:var(--space-8) 0}.demo-header h4{font-size:var(--text-3xl)}.demo-header p{font-size:var(--text-lg)}.demo-layout{grid-template-columns:1fr;gap:var(--space-8)}.features-sidebar{position:static;order:2}.chat-agent{order:1;height:500px}.capability-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.capability-item{padding:var(--space-3) var(--space-4)}.capability-item:hover{transform:translateY(-2px)}.message-content{max-width:85%}.message-text{font-size:var(--text-sm)}}.example-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid #f1f5f9}.example-header h4{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.example-header p{font-size:var(--text-lg);color:var(--primary);font-weight:600;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generated-tests{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.test-case{background:#f8fafc;border-radius:var(--radius-xl);padding:var(--space-6);border:2px solid #e2e8f0;transition:all .3s ease}.test-case:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--primary)}.test-title{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.test-steps{display:flex;flex-direction:column;gap:var(--space-3)}.step{font-size:var(--text-sm);color:var(--gray-700);padding:var(--space-2) var(--space-4);background:var(--white);border-radius:var(--radius-lg);border-left:3px solid var(--primary);transition:all .3s ease}.step:hover{background:#fef7f0;border-left-color:#e63900}.feature-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);list-style:none}.feature-benefits li{display:flex;align-items:center;gap:var(--space-3);color:var(--white);font-weight:600;font-size:var(--text-lg);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.1);border-radius:var(--radius-xl);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal)}.feature-benefits li:hover{background:rgba(255,255,255,.2);transform:translateX(8px)}.feature-benefits li:before{content:"✓";color:var(--white);font-weight:700;font-size:var(--text-xl);width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative;z-index:2;margin-top:var(--space-16)}.features-grid:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(245,69,39,.3) 50%,transparent);transform:translateY(-50%);z-index:1}.features-grid:after{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(245,69,39,.3) 50%,transparent);transform:translateX(-50%);z-index:1}.feature-card{background:linear-gradient(145deg,#ffffff,#fefefe);border-radius:32px;padding:var(--space-16);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.08),0 0 0 1px rgba(245,69,39,.1),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(245,69,39,.2);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:featureCardSlideUp 1s ease-out both}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,69,39,.1),rgba(245,69,39,.05));opacity:0;transition:opacity .4s ease;border-radius:32px}.feature-card:first-child{animation-delay:.2s;transform:translateY(20px)}.feature-card:nth-child(2){animation-delay:.4s;transform:translateY(0)}.feature-card:nth-child(3){animation-delay:.6s;transform:translateY(20px)}.feature-card:hover{transform:translateY(-20px) scale(1.05);box-shadow:0 40px 80px rgba(245,69,39,.15),0 0 0 2px rgba(245,69,39,.3),inset 0 1px 0 rgba(255,255,255,.9);background:linear-gradient(145deg,#ffffff,#fefefe)}.feature-icon{width:120px;height:120px;background:linear-gradient(135deg,#f54527,#e63900);border-radius:24px;margin:0 auto var(--space-8);position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 30px rgba(245,69,39,.3)}.feature-icon:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,#f54527,#e63900,#ff6b47,#f54527);border-radius:28px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:iconBorderGlow 3s ease-in-out infinite}.feature-card:hover .feature-icon:before{opacity:1}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 16px 40px rgba(245,69,39,.4)}.feature-icon svg{width:60px;height:60px;color:#ffffff;transition:all .3s ease;stroke-width:2;fill:none;stroke:currentColor}.feature-card:hover .feature-icon svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.feature-card h3{font-size:var(--text-2xl);font-weight:800;color:#1f2937;margin-bottom:var(--space-6);line-height:1.3;text-shadow:none;transition:all .3s ease}.feature-card:hover h3{color:#f54527;transform:translateY(-2px);text-shadow:0 2px 4px rgba(245,69,39,.2)}.feature-card p{color:#6b7280;line-height:1.7;margin-bottom:var(--space-8);font-size:var(--text-lg);transition:all .3s ease}.feature-card:hover p{color:#374151;transform:translateY(-1px);font-weight:500}.feature-stats{display:flex;justify-content:center;gap:var(--space-4)}.stat{background:linear-gradient(135deg,rgba(245,69,39,.1),rgba(245,69,39,.05));color:#f54527;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(245,69,39,.2);transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(245,69,39,.1)}.feature-card:hover .stat{background:linear-gradient(135deg,#f54527,#e63900);color:#ffffff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px rgba(245,69,39,.4);border-color:#e63900}@keyframes featuresBackgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes featuresTitleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes featuresSubtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes featuresBadgeSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes featureCardSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes iconBorderGlow{0%,to{background:linear-gradient(135deg,#f54527,#e63900,#ff6b47,#f54527)}50%{background:linear-gradient(135deg,#ff6b47,#f54527,#e63900,#ff6b47)}}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.features-section .section-title{font-size:var(--text-4xl)!important}.features-section .section-subtitle{font-size:var(--text-lg)!important}.feature-icon{width:100px;height:100px}.feature-icon svg{width:50px;height:50px}}@media (max-width:768px){.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.features-grid:after,.features-grid:before{display:none}.features-section .section-title{font-size:var(--text-3xl)!important}.features-section .section-subtitle{font-size:var(--text-base)!important}.feature-card{padding:var(--space-12)}.feature-icon{width:80px;height:80px}.feature-icon svg{width:40px;height:40px}.feature-card h3{font-size:var(--text-xl)}.feature-card p{font-size:var(--text-base)}}@media (max-width:480px){.features-section .section-title{font-size:var(--text-2xl)!important}.features-section .section-subtitle{font-size:var(--text-sm)!important}.feature-card{padding:var(--space-8)}.feature-icon{width:70px;height:70px}.feature-icon svg{width:35px;height:35px}}.how-it-works-section{padding:var(--space-32) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.how-it-works-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F54927' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;z-index:1}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-6);box-shadow:0 4px 15px rgba(245,73,39,.3);text-transform:uppercase;letter-spacing:.5px}.badge-icon{font-size:var(--text-lg)}.workflow-showcase{margin-top:var(--space-20);position:relative;z-index:2}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-12);margin-bottom:var(--space-20)}.workflow-step-card{background:linear-gradient(135deg,var(--white) 0,#fefefe 100%);border-radius:var(--radius-3xl);padding:var(--space-10);box-shadow:0 15px 50px rgba(0,0,0,.08);border:2px solid #f1f5f9;position:relative;overflow:hidden;transition:all .4s ease;height:100%;display:flex;flex-direction:column}.workflow-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0,#e63900 100%)}.workflow-step-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.12);border-color:var(--primary)}.step-header{justify-content:center;margin-bottom:var(--space-8);text-align:center}.step-number-badge{display:flex;align-items:center;justify-content:center;width:100px;height:100px;color:var(--white);border-radius:50%;font-weight:900;font-size:var(--text-3xl);box-shadow:0 15px 40px rgba(245,73,39,.4);position:relative;z-index:2;border:6px solid var(--white);transition:all .4s ease}.step-number-badge,.step-number-badge:before{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%)}.step-number-badge:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;opacity:.2;z-index:-1;animation:pulse 2s ease-in-out infinite}.step-number-badge:hover{transform:scale(1.1);box-shadow:0 20px 50px rgba(245,73,39,.5)}.workflow-step-card:hover .step-number-badge{transform:scale(1.05);box-shadow:0 18px 45px rgba(245,73,39,.6)}.step-content{margin-bottom:var(--space-8)}.step-content h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.step-content p{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-6)}.step-features{gap:var(--space-3)}.feature-tag{background:linear-gradient(135deg,#f8fafc,#ffffff);color:var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;border:2px solid #e2e8f0;transition:all .3s ease}.feature-tag:hover{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);border-color:var(--primary);transform:translateY(-2px)}.step-demo{background:linear-gradient(135deg,#f8fafc,#ffffff);border-radius:var(--radius-2xl);padding:var(--space-6);border:2px solid #e2e8f0;margin-top:auto}.demo-chat{display:flex;flex-direction:column;gap:var(--space-4)}.chat-bubble{padding:var(--space-4) var(--space-6);border-radius:var(--radius-2xl);font-weight:500;max-width:80%;position:relative}.user-bubble{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);align-self:flex-end;border-bottom-right-radius:var(--radius-sm)}.ai-bubble{background:var(--white);color:var(--gray-900);border:2px solid #e2e8f0;align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.demo-test-generation{text-align:center}.generating-header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--primary);font-weight:600}.loading-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid var(--primary)}.generated-tests-preview{display:flex;flex-direction:column;gap:var(--space-3)}.test-item-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--white);border-radius:var(--radius-lg);border:1px solid #e2e8f0;transition:all .3s ease}.test-item-preview:hover{transform:translateX(4px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.test-icon{width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--text-sm);font-weight:700}.demo-browsers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.browser-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--white);border-radius:var(--radius-xl);border:2px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.browser-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--primary)}.browser-logo{font-size:var(--text-2xl)}.browser-card span{font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.demo-results{text-align:center}.results-header{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-6)}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stat-card{flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--white);border-radius:var(--radius-xl);border:2px solid #e2e8f0}.stat-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}.stat-card.passed{border-color:#10b981}.stat-card.failed{border-color:#ef4444}.stat-card.duration{border-color:#3b82f6}.stat-icon{font-size:var(--text-xl)}.stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--gray-900)}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:600}.step-visual{flex:0 0 380px;display:flex;flex-direction:column;align-items:center;gap:var(--space-10);background:linear-gradient(135deg,#f8fafc,#ffffff);border-radius:var(--radius-3xl);padding:var(--space-10);border:3px solid #f1f5f9;box-shadow:0 10px 40px rgba(0,0,0,.08);position:relative;overflow:hidden;transition:all .4s ease}.step-visual:hover{transform:translateY(-4px);box-shadow:0 15px 50px rgba(0,0,0,.12);border-color:var(--primary)}.step-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0,#e63900 50%,var(--primary) 100%);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.step-visual:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(245,73,39,.05) 0,transparent 70%);border-radius:50%;z-index:0;animation:pulse 4s ease-in-out infinite}.step-icon{width:140px;height:140px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px rgba(245,73,39,.4);position:relative;z-index:4;border:6px solid var(--white);transition:all .4s ease;animation:float 3s ease-in-out infinite}.step-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 50px rgba(245,73,39,.5);animation-play-state:paused}.step-icon:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;opacity:.2;z-index:-1}.step-icon svg{width:60px;height:60px;color:var(--white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.step-icon:hover svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.step-preview{background:linear-gradient(135deg,var(--white) 0,#fefefe 100%);border-radius:var(--radius-3xl);padding:var(--space-10);box-shadow:0 15px 50px rgba(0,0,0,.12);min-width:320px;border:3px solid var(--gray-100);position:relative;transition:all .4s ease;z-index:2;backdrop-filter:blur(10px)}.step-preview:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.18);border-color:var(--primary)}.step-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.step-content{flex:1;padding:var(--space-10);background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 15px 50px rgba(0,0,0,.1);max-width:600px;border:1px solid var(--gray-100);position:relative;z-index:4}.step-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}.step-number{display:inline-flex;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);width:50px;height:50px;font-size:var(--text-xl);box-shadow:0 4px 15px rgba(245,73,39,.3)}.step-content h3,.step-number{font-weight:800;margin-bottom:var(--space-6)}.step-content h3{font-size:var(--text-3xl);color:var(--gray-900);line-height:1.3}.step-content p{color:var(--gray-600);font-size:var(--text-xl);line-height:1.7;margin-bottom:var(--space-8)}.step-features{display:flex;flex-wrap:wrap;gap:var(--space-4)}.step-actions{justify-content:center;margin-top:var(--space-6)}.step-actions .btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);min-height:40px}.platform-section{padding:var(--space-32) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.platform-background{z-index:1}.platform-background,.platform-pattern{position:absolute;top:0;left:0;right:0;bottom:0}.platform-pattern{background-image:radial-gradient(circle at 20% 80%,rgba(245,73,39,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,73,39,.05) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.1) 0,transparent 50%);animation:gradientShift 8s ease-in-out infinite}.platform-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,73,39,.02),rgba(230,57,0,.03) 50%,rgba(194,24,0,.02))}.platform-hero{position:relative;z-index:2;margin-bottom:var(--space-20)}.platform-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:1200px;margin:0 auto}.hero-icon-container{width:300px;height:300px}.hero-icon,.hero-icon-container{position:relative;display:flex;justify-content:center;align-items:center}.hero-icon{width:200px;height:200px;box-shadow:0 25px 60px rgba(245,73,39,.4);z-index:2;animation:float 3s ease-in-out infinite}.hero-icon,.hero-icon:before{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-3xl)}.hero-icon:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;opacity:.2;z-index:-1;animation:pulse 2s ease-in-out infinite}.hero-icon svg{width:100px;height:100px;color:var(--white)}.hero-text{text-align:left}.hero-text h2{font-size:var(--text-5xl);font-weight:900;color:var(--gray-900);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-text p{font-size:var(--text-xl);color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-10)}.hero-stats{flex-wrap:wrap}.stat-item{align-items:center;text-align:center;padding:var(--space-6);background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 10px 30px rgba(0,0,0,.08);border:2px solid var(--gray-100);transition:all var(--transition-normal);min-width:120px}.stat-item:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.15);border-color:var(--primary)}.stat-number{font-size:var(--text-4xl);font-weight:900;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-base);color:var(--gray-700);font-weight:700;text-transform:uppercase;letter-spacing:.5px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px rgba(245,73,39,.3)}50%{transform:scale(1.05);box-shadow:0 15px 40px rgba(245,73,39,.4)}}.platform-cards-container{margin-top:64px!important;position:relative!important;z-index:2!important;display:block!important}.platform-cards-container,.platform-cards-grid{visibility:visible!important;width:100%!important}.platform-cards-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:24px!important;max-width:1400px!important;margin:0 auto!important;padding:0 24px!important}.platform-card-modern{background:#ffffff!important;border-radius:16px!important;padding:32px!important;border:2px solid transparent!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;animation:cardFadeIn .6s ease-out forwards!important;opacity:1!important;display:block!important;visibility:visible!important}.platform-card-modern:first-child{animation-delay:.1s!important;opacity:1!important}.platform-card-modern:nth-child(2){animation-delay:.2s!important;opacity:1!important}.platform-card-modern:nth-child(3){animation-delay:.3s!important;opacity:1!important}.platform-card-modern:nth-child(4){animation-delay:.4s!important;opacity:1!important}.platform-card-modern:nth-child(5){animation-delay:.5s!important;opacity:1!important}.platform-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0,#e63900 50%,var(--primary) 100%);transform:scaleX(0);transition:transform .3s ease}.platform-card-modern:hover:before{transform:scaleX(1)}.platform-card-modern:hover{transform:translateY(-8px) scale(1.02)!important;border-color:var(--primary)!important;box-shadow:0 20px 40px rgba(245,73,39,.15)!important;background:linear-gradient(135deg,#ffffff,#fef7f0)!important}.card-icon-modern{width:60px!important;height:60px!important;background:linear-gradient(135deg,#f54527,#e63900)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:24px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 25px rgba(245,73,39,.3)!important;visibility:visible!important}.card-icon-modern svg{width:28px!important;height:28px!important;color:#ffffff!important;stroke-width:2.5!important;display:block!important;visibility:visible!important}.platform-card-modern:hover .card-icon-modern{transform:scale(1.1) rotate(5deg)!important;box-shadow:0 12px 35px rgba(245,73,39,.4)!important}.card-content-modern h3{font-size:20px!important;font-weight:700!important;color:#1f2937!important;margin-bottom:20px!important;line-height:1.3!important;display:block!important;visibility:visible!important}.features-compact{display:flex!important;flex-direction:column!important;gap:12px!important}.features-compact span{font-size:14px!important;color:#4b5563!important;padding:8px 12px!important;background:linear-gradient(135deg,#f8fafc,#ffffff)!important;border-radius:8px!important;border:1px solid #e2e8f0!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;display:block!important;visibility:visible!important}.features-compact span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);transform:scaleY(0);transition:transform .3s ease}.features-compact span:hover:before{transform:scaleY(1)}.features-compact span:hover{background:linear-gradient(135deg,#ffffff,#fef7f0)!important;transform:translateX(4px)!important;border-color:var(--primary)!important;box-shadow:0 4px 12px rgba(245,73,39,.1)!important;color:var(--gray-800)!important}.testimonials-section-modern{padding:120px 0!important;position:relative!important;background:linear-gradient(135deg,#f8fafc,#ffffff)!important;overflow:hidden!important}.testimonials-background{z-index:1!important}.testimonials-background,.testimonials-pattern{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.testimonials-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(245,73,39,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(245,73,39,.05) 0,transparent 50%)!important;background-size:400px 400px!important;animation:float 20s ease-in-out infinite!important}.testimonials-gradient{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,rgba(245,73,39,.02),rgba(255,255,255,.8) 50%,rgba(245,73,39,.02))!important}.testimonials-header{text-align:center!important;margin-bottom:80px!important;position:relative!important;z-index:2!important}.testimonials-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;background:linear-gradient(135deg,#f54527,#e63900)!important;color:#ffffff!important;padding:8px 20px!important;border-radius:50px!important;font-size:14px!important;font-weight:600!important;margin-bottom:24px!important;box-shadow:0 4px 20px rgba(245,73,39,.3)!important}.testimonials-badge svg{width:16px!important;height:16px!important}.testimonials-grid-modern{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:32px!important;max-width:1200px!important;margin:0 auto!important;position:relative!important;z-index:2!important}.testimonial-card-modern{background:#ffffff!important;border-radius:24px!important;padding:40px!important;border:2px solid transparent!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important}.testimonial-card-modern:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#f54527,#e63900 50%,#f54527)!important;transform:scaleX(0)!important;transition:transform .3s ease!important}.testimonial-card-modern:hover:before{transform:scaleX(1)!important}.testimonial-card-modern:hover{transform:translateY(-8px)!important;border-color:#f54527!important;box-shadow:0 20px 40px rgba(245,73,39,.15)!important}.testimonial-quote-modern{margin-bottom:24px!important}.testimonial-quote-modern svg{width:32px!important;height:32px!important;color:#f54527!important;opacity:.8!important}.testimonial-content-modern p{font-size:16px!important;color:#374151!important;line-height:1.7!important;margin-bottom:32px!important;font-style:italic!important}.testimonial-author-modern{display:flex!important;align-items:center!important;gap:16px!important}.author-avatar-modern{width:60px!important;height:60px!important;border-radius:50%!important;overflow:hidden!important;border:3px solid #f54527!important;box-shadow:0 4px 12px rgba(245,73,39,.3)!important}.author-avatar-modern img{width:100%!important;height:100%!important;object-fit:cover!important}.author-info-modern h4{font-size:18px!important;font-weight:700!important;color:#1f2937!important;margin-bottom:4px!important}.author-info-modern p{font-size:14px!important;color:#6b7280!important;margin-bottom:8px!important;font-style:normal!important}.rating-modern{display:flex!important;gap:4px!important}.rating-modern svg{width:16px!important;height:16px!important;color:#fbbf24!important}.faqs-section-modern{padding:120px 0!important;background:#ffffff!important;position:relative!important}.faqs-header{text-align:center!important;margin-bottom:80px!important}.faqs-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;background:linear-gradient(135deg,#f54527,#e63900)!important;color:#ffffff!important;padding:8px 20px!important;border-radius:50px!important;font-size:14px!important;font-weight:600!important;margin-bottom:24px!important;box-shadow:0 4px 20px rgba(245,73,39,.3)!important}.faqs-badge svg{width:16px!important;height:16px!important}.faqs-grid-modern{max-width:800px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:16px!important}.faq-item-modern{background:#ffffff!important;border:2px solid #e5e7eb!important;border-radius:16px!important;overflow:hidden!important;transition:all .3s ease!important}.faq-item-modern:hover{border-color:#f54527!important;box-shadow:0 8px 32px rgba(245,73,39,.1)!important}.faq-question-modern{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:24px!important;cursor:pointer!important;transition:all .3s ease!important}.faq-question-modern:hover{background:#fef7f0!important}.faq-question-modern h3{font-size:18px!important;font-weight:600!important;color:#1f2937!important;margin:0!important;flex:1!important;padding-right:16px!important}.faq-toggle-modern{width:40px!important;height:40px!important;border:none!important;background:linear-gradient(135deg,#f54527,#e63900)!important;color:#ffffff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;flex-shrink:0!important}.faq-toggle-modern:hover{transform:scale(1.1)!important;box-shadow:0 4px 12px rgba(245,73,39,.4)!important}.faq-toggle-modern svg{width:20px!important;height:20px!important;transition:transform .3s ease!important}.faq-item-modern.active .faq-toggle-modern svg{transform:rotate(180deg)!important}.faq-answer-modern{padding:0 24px 24px!important;max-height:0!important;overflow:hidden!important;transition:all .3s ease!important}.faq-item-modern.active .faq-answer-modern{max-height:200px!important;padding:0 24px 24px!important}.faq-answer-modern p{font-size:16px!important;color:#6b7280!important;line-height:1.6!important;margin:0!important}.contact-section-modern{padding:var(--space-24) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.contact-header-modern{text-align:center;margin-bottom:var(--space-16)}.contact-title-modern{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1.2;display:block}.contact-subtitle-modern{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;display:block}.contact-badge-modern{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.contact-badge-modern svg{width:16px;height:16px}.contact-content-modern{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);max-width:1200px;margin:0 auto}.contact-info-modern{display:flex;flex-direction:column;gap:var(--space-8)}.contact-intro-modern h3{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-3)}.contact-intro-modern p{font-size:var(--text-base);color:var(--gray-600);line-height:1.6}.contact-methods-modern{display:flex;flex-direction:column;gap:var(--space-6)}.contact-method-modern{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all .3s ease}.contact-method-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--primary)}.method-icon-modern{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon-modern svg{width:24px;height:24px;color:var(--white)}.method-content-modern h4{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.method-content-modern p{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-3)}.method-links-modern{display:flex;flex-direction:column;gap:var(--space-2)}.method-links-modern a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s ease}.method-links-modern a:hover{color:#e63900}.method-links-modern span{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5}.contact-form-modern{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--gray-200);box-shadow:0 10px 30px rgba(0,0,0,.1)}.form-header-modern h3{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.form-header-modern p{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-6)}.contact-form-wrapper-modern{display:flex;flex-direction:column;gap:var(--space-6)}.form-row-modern{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group-modern{display:flex;flex-direction:column}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .3s ease;background:var(--white)}.form-group-modern input:focus,.form-group-modern select:focus,.form-group-modern textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,69,39,.1)}.form-group-modern textarea{resize:vertical;min-height:120px}.form-group-modern select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-primary-modern{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);box-shadow:0 4px 20px rgba(245,73,39,.3)}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(245,73,39,.4)}.btn-modern svg{width:20px;height:20px;transition:transform .3s ease}.btn-modern:hover svg{transform:translateX(4px)}@media (max-width:1024px){.contact-content-modern{grid-template-columns:1fr;gap:var(--space-12)}}@media (max-width:768px){.contact-section-modern{padding:var(--space-16) 0}.contact-title-modern{font-size:var(--text-3xl)}.contact-subtitle-modern{font-size:var(--text-lg)}.form-row-modern{grid-template-columns:1fr}.contact-method-modern{padding:var(--space-4)}.contact-form-modern{padding:var(--space-6)}}@media (max-width:480px){.contact-title-modern{font-size:var(--text-2xl)}.contact-subtitle-modern{font-size:var(--text-base)}}@media (max-width:1024px){.platform-hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-text{text-align:center}.hero-stats{justify-content:center}.platform-cards-grid{grid-template-columns:repeat(3,1fr)!important;gap:var(--space-6)!important}}@media (max-width:1200px){.platform-cards-grid{grid-template-columns:repeat(4,1fr)!important;gap:var(--space-5)!important}}@media (max-width:900px){.platform-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-6)!important}}@media (max-width:768px){.platform-section{padding:var(--space-20) 0}.hero-icon-container{width:250px;height:250px}.hero-icon{width:150px;height:150px}.hero-icon svg{width:75px;height:75px}.hero-text h2{font-size:var(--text-4xl)}.hero-text p{font-size:var(--text-lg)}.hero-stats{gap:var(--space-4)}.stat-item{padding:var(--space-4);min-width:100px}.stat-number{font-size:var(--text-3xl)}.platform-cards-grid{grid-template-columns:1fr!important;gap:var(--space-6)!important}.platform-card-modern{padding:var(--space-6)!important}.card-icon-modern{width:50px!important;height:50px!important;margin-bottom:var(--space-4)!important}.card-icon-modern svg{width:24px!important;height:24px!important}.card-content-modern h3{font-size:var(--text-lg)!important;margin-bottom:var(--space-4)!important}.features-compact span{font-size:var(--text-xs)!important;padding:var(--space-1) var(--space-2)!important}}@media (max-width:1024px){.testimonials-grid-modern{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}.contact-content-modern{grid-template-columns:1fr!important;gap:60px!important}}@media (max-width:768px){.contact-section-modern,.faqs-section-modern,.testimonials-section-modern{padding:80px 0!important}.testimonials-grid-modern{grid-template-columns:1fr!important;gap:20px!important}.contact-header-modern,.faqs-header,.testimonials-header{margin-bottom:60px!important}.testimonial-card-modern{padding:24px!important}.contact-method-modern{padding:20px!important}.contact-form-modern{padding:24px!important}.form-row-modern{grid-template-columns:1fr!important}.faq-question-modern{padding:20px!important}.faq-question-modern h3{font-size:16px!important}}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-6)!important}.pricing-toggle{gap:var(--space-4)!important}.toggle-label{font-size:var(--text-lg)!important}}@media (max-width:768px){.pricing-section{padding:var(--space-20) 0!important}.pricing-grid{grid-template-columns:1fr!important;gap:var(--space-6)!important}.pricing-toggle{flex-direction:column!important;gap:var(--space-4)!important}.toggle-label{font-size:var(--text-base)!important}.pricing-card{padding:var(--space-8)!important}.pricing-badge{font-size:var(--text-xs)!important;padding:var(--space-1) var(--space-3)!important}}.pricing-section{padding:var(--space-24) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-16);position:relative}.toggle-label{font-size:var(--text-xl);font-weight:700;color:var(--gray-700);transition:color var(--transition-normal)}.toggle-label.active{color:var(--primary);font-weight:700}.toggle-label{transition:all .3s ease;cursor:pointer;user-select:none}.toggle-switch{position:relative;width:80px;height:40px;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:2px solid var(--gray-200);flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+label{transform:translateX(40px)}.toggle-switch:has(input:checked){background:var(--primary);border-color:var(--primary)}.toggle-switch label{position:absolute;top:4px;left:4px;width:32px;height:32px;background:var(--white);border-radius:50%;transition:transform var(--transition-normal);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15)}.discount-badge{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;margin-left:var(--space-3);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(245,73,39,.3)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.pricing-card{background:var(--white);border-radius:var(--radius-3xl);padding:var(--space-10);box-shadow:0 15px 50px rgba(0,0,0,.08);border:2px solid var(--gray-100);position:relative;transition:all var(--transition-normal);overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%)}.pricing-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px rgba(0,0,0,.15);border-color:var(--primary)}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05);box-shadow:0 25px 60px rgba(245,73,39,.2)}.pricing-card.featured:before{height:8px}.pricing-badge{top:-16px;padding:var(--space-3) var(--space-8);font-weight:800;box-shadow:0 8px 20px rgba(245,73,39,.4)}.pricing-header{margin-bottom:var(--space-10);position:relative;padding-top:var(--space-4)}.pricing-title{font-size:var(--text-3xl);margin-bottom:var(--space-6);line-height:1.3}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.price-amount{font-size:var(--text-6xl);font-weight:900;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-period{font-size:var(--text-xl);color:var(--gray-600);font-weight:600}.pricing-description{color:var(--gray-600);font-size:var(--text-lg);font-weight:500}.pricing-features{list-style:none;margin-bottom:var(--space-10)}.pricing-features li{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;font-size:var(--text-lg);color:var(--gray-700);border-bottom:1px solid var(--gray-100);transition:all var(--transition-normal);font-weight:500}.pricing-features li:last-child{border-bottom:none}.pricing-features li:hover{color:var(--primary);background:var(--gray-50);margin:0 calc(-1 * var(--space-10));padding-left:var(--space-10);padding-right:var(--space-10);border-radius:var(--radius-lg)}.pricing-feature-icon{width:24px;height:24px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(245,73,39,.3)}.pricing-footer{padding-top:var(--space-8);border-top:2px solid var(--gray-200)}.pricing-note{color:var(--gray-600);font-size:var(--text-xl);margin-bottom:var(--space-8);font-weight:600}.pricing-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);box-shadow:0 8px 25px rgba(245,73,39,.3);transition:all .3s ease}.pricing-icon svg{width:30px;height:30px;color:var(--white)}.pricing-card:hover .pricing-icon{transform:scale(1.1);box-shadow:0 12px 35px rgba(245,73,39,.4)}.pricing-badge{display:flex;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);font-weight:700;position:absolute;top:-15px;left:50%;transform:translateX(-50%);box-shadow:0 4px 15px rgba(245,73,39,.4);z-index:10;white-space:nowrap}.pricing-badge .badge-icon{font-size:var(--text-lg)}.pricing-footer{margin-top:var(--space-16);text-align:center}.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:var(--space-4);background:linear-gradient(135deg,#f8fafc,#ffffff);border:2px solid #e2e8f0;border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease}.pricing-guarantee:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.1);border-color:var(--primary)}.guarantee-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guarantee-icon svg{width:25px;height:25px;color:var(--white)}.guarantee-content h4{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-2) 0}.guarantee-content p{font-size:var(--text-base);color:var(--gray-600);margin:0}.pricing-note{color:var(--gray-500);font-size:var(--text-sm);font-weight:500}.auth-page{background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);padding:var(--space-6)}.auth-container{max-width:480px;background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 20px 60px rgba(0,0,0,.1);padding:var(--space-12);border:1px solid #e2e8f0}.auth-header{margin-bottom:var(--space-10)}.auth-logo{gap:var(--space-3);font-size:var(--text-2xl);color:var(--primary);margin-bottom:var(--space-8);transition:all .3s ease}.auth-logo:hover{transform:scale(1.05)}.auth-logo span:first-child{font-size:var(--text-3xl)}.auth-header h1{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4)}.auth-header p{font-size:var(--text-lg);color:var(--gray-600);margin:0}.auth-form{gap:var(--space-6)}.form-row{gap:var(--space-4)}.form-group input{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--white);color:var(--gray-900);font-weight:500}.form-group input::placeholder{color:var(--gray-500);font-weight:400}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,73,39,.1);transform:translateY(-1px)}.form-options{flex-direction:column;gap:var(--space-4)}.checkbox-group{align-items:flex-start;gap:var(--space-3)}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary)}.checkbox-group label{font-size:var(--text-sm);color:var(--gray-600);line-height:1.5}.forgot-link{font-size:var(--text-sm);color:var(--primary);font-weight:600;transition:color .3s ease}.forgot-link:hover{color:#e63900}.terms-link{color:var(--primary);font-weight:600;transition:color .3s ease}.terms-link:hover{color:#e63900}.auth-btn{padding:var(--space-4);font-size:var(--text-lg);font-weight:700;margin-top:var(--space-4)}.auth-divider{position:relative;text-align:center;margin:var(--space-6) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.auth-divider span{background:var(--white);padding:0 var(--space-4);color:var(--gray-500);font-size:var(--text-sm);font-weight:500}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);font-weight:600}.social-btn svg{width:20px;height:20px}.auth-footer{margin-top:var(--space-6)}.auth-footer p{font-size:var(--text-base);color:var(--gray-600);margin:0}.auth-link{color:var(--primary);font-weight:700;transition:color .3s ease}.auth-link:hover{color:#e63900}@media (max-width:768px){.auth-container{padding:var(--space-8);margin:var(--space-4)}.form-row,.social-login{grid-template-columns:1fr}.auth-header h1{font-size:var(--text-3xl)}}.testimonials-section{padding:var(--space-24) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.testimonial-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.12)}.testimonial-content{margin-bottom:var(--space-6)}.testimonial-quote{margin-bottom:var(--space-4)}.testimonial-quote svg{width:32px;height:32px;color:var(--primary);opacity:.7}.testimonial-content p{font-size:var(--text-lg);line-height:1.6;color:var(--gray-700);font-style:italic;margin:0}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.author-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--primary);flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-1) 0}.author-info p{color:var(--gray-600);margin:0 0 var(--space-2) 0}.author-info p,.testimonial-rating{font-size:var(--text-sm)}.faqs-section{padding:var(--space-24) 0;background:linear-gradient(135deg,#ffffff,#f8fafc 50%,#fef7f0);position:relative;overflow:hidden}.faqs-grid{max-width:800px;margin:var(--space-16) auto 0;display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--white);border-radius:var(--radius-xl);border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);border-color:var(--primary)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);cursor:pointer;transition:all .3s ease}.faq-question:hover{background:#f8fafc}.faq-question h3{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0;flex:1;text-align:left}.faq-toggle{width:40px;height:40px;border:none;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-left:var(--space-4)}.faq-toggle svg{width:20px;height:20px;color:var(--white);transition:transform .3s ease}.faq-item.active .faq-toggle svg{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-6);max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{max-height:200px;padding:0 var(--space-6) var(--space-6)}.faq-answer p{font-size:var(--text-base);line-height:1.6;color:var(--gray-600);margin:0}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:visible;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);padding:var(--space-20) 0 var(--space-8) 0;margin-top:80px}.hero-background{z-index:1}.hero-background,.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0}.hero-pattern{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f1f5f9' fill-opacity='0.3'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.4}.hero-gradient{background:radial-gradient(ellipse at top right,rgba(245,73,39,.1) 0,transparent 50%),radial-gradient(ellipse at bottom left,rgba(245,73,39,.05) 0,transparent 50%)}.hero-gradient,.hero-shapes{position:absolute;top:0;left:0;right:0;bottom:0}.hero-shapes{pointer-events:none}.hero-shapes .shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);opacity:.1;animation:float 8s ease-in-out infinite}.hero-shapes .shape-1{width:200px;height:200px;top:10%;right:10%;animation-delay:0s}.hero-shapes .shape-2{width:150px;height:150px;bottom:20%;left:5%;animation-delay:2s}.hero-shapes .shape-3{width:100px;height:100px;top:50%;right:5%;animation-delay:4s}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start;position:relative;z-index:2;padding:var(--space-12) 0;min-height:80vh}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--white);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-8);position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(245,73,39,.3)}.badge-pulse,.hero-badge{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-full)}.badge-pulse{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;opacity:.3;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:var(--text-6xl);font-weight:900;line-height:1.1;margin-bottom:var(--space-8);color:var(--gray-900)}.title-line{display:block;margin-bottom:var(--space-2)}.title-highlight{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.title-main{color:var(--gray-700);font-weight:600}.hero-description{font-size:var(--text-xl);line-height:1.6;color:var(--gray-600);margin-bottom:var(--space-10);max-width:500px}.hero-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-10)}.hero-stats .stat-item{text-align:center;flex:1}.hero-stats .stat-number{font-size:var(--text-3xl);font-weight:900;color:var(--primary);line-height:1;margin-bottom:var(--space-2)}.hero-stats .stat-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.hero-cta{display:flex;gap:var(--space-4);margin-bottom:var(--space-12)}.hero-btn-primary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700;transition:all .3s ease}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,73,39,.4)}.hero-btn-secondary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700;transition:all .3s ease}.hero-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.hero-trust{text-align:left;margin:var(--space-10) 0}.trust-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#f8fafc,#ffffff);color:var(--gray-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);border:1px solid #e2e8f0}.trust-title{font-size:var(--text-2xl);color:var(--gray-900);margin-bottom:var(--space-3);line-height:1.3}.trust-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin-bottom:var(--space-8);line-height:1.5}.trust-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-6)}.trust-stats .stat-item{text-align:center;padding:var(--space-4);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .3s ease}.trust-stats .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1);border-color:var(--primary)}.trust-stats .stat-icon{font-size:var(--text-xl);margin-bottom:var(--space-2);display:block}.trust-stats .stat-number{font-size:var(--text-lg);font-weight:800;color:var(--primary);margin-bottom:var(--space-1);line-height:1}.trust-stats .stat-label{font-size:var(--text-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;overflow:visible;padding:var(--space-8);z-index:5}.hero-demo{background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 25px 60px rgba(0,0,0,.15);border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:500px;position:relative;z-index:6}.demo-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,#f8fafc,#ffffff);border-bottom:1px solid #e2e8f0}.demo-dots{display:flex;gap:var(--space-2)}.demo-dots span{width:12px;height:12px;border-radius:50%;background:#e2e8f0}.demo-dots span:first-child{background:#ff5f57}.demo-dots span:nth-child(2){background:#ffbd2e}.demo-dots span:nth-child(3){background:#28ca42}.demo-title{font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.demo-content{padding:var(--space-6)}.demo-chat{margin-bottom:var(--space-6)}.chat-message{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.user-message .message-avatar{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white)}.ai-message .message-avatar{background:linear-gradient(135deg,#f8fafc,#ffffff);color:var(--primary);border:2px solid #e2e8f0}.message-text{background:#f8fafc;color:var(--gray-700)}.ai-typing,.message-text{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);max-width:80%}.ai-typing{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);color:var(--white)}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background:var(--white);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.demo-results{flex-direction:column}.demo-results,.result-item{display:flex;gap:var(--space-3)}.result-item{align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:var(--radius-lg);border-left:4px solid #22c55e}.result-icon{width:20px;height:20px;background:#22c55e;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.result-text{font-size:var(--text-sm);color:var(--gray-700);font-weight:500}.hero-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.hero-floating-elements .floating-card{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ffffff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.08);width:160px;height:80px;cursor:pointer}.hero-floating-elements .floating-card:hover{border-color:#f54527;box-shadow:0 12px 40px rgba(245,69,39,.15);background:linear-gradient(135deg,#ffffff,#fef7f0)}.hero-floating-elements .floating-card.card-1{top:100%;left:30px;margin-top:30px}.hero-floating-elements .floating-card.card-2{top:100%;left:50%;transform:translateX(-50%);margin-top:30px}.hero-floating-elements .floating-card.card-3{top:100%;right:30px;margin-top:30px}.hero-floating-elements .floating-card .card-icon{width:44px;height:44px;background:linear-gradient(135deg,#f54527,#e63900);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(245,69,39,.2)}.hero-floating-elements .floating-card .card-icon svg{width:22px;height:22px;color:white}.hero-floating-elements .floating-card .card-text{font-size:15px;font-weight:700;color:#1f2937;line-height:1.3;letter-spacing:-.01em}@media (max-width:1024px){.hero-floating-elements .floating-card{width:140px;height:70px;padding:16px}.hero-floating-elements .floating-card .card-icon{width:36px;height:36px}.hero-floating-elements .floating-card .card-icon svg{width:18px;height:18px}.hero-floating-elements .floating-card .card-text{font-size:13px}}@media (max-width:768px){.hero-floating-elements .floating-card{width:120px;height:60px;padding:12px}.hero-floating-elements .floating-card.card-1{left:20px}.hero-floating-elements .floating-card.card-3{right:20px}}.floating-card.card-1,.hero-floating-elements .floating-card.card-1{left:5%!important}.floating-card.card-1,.floating-card.card-2,.floating-card.card-3,.hero-floating-elements .floating-card.card-1,.hero-floating-elements .floating-card.card-2,.hero-floating-elements .floating-card.card-3{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;background:white!important;border:2px solid #f54527!important;border-radius:12px!important;padding:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;z-index:999!important;top:80%!important;width:120px!important;height:60px!important}.floating-card.card-3,.hero-floating-elements .floating-card.card-3{right:5%!important}div[class*=floating-card]{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;background:linear-gradient(135deg,#ffffff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:20px 16px!important;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08)!important;z-index:999!important;width:140px!important;height:80px!important;align-items:center!important;gap:12px!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important;cursor:pointer!important}.floating-card.card-1:hover,.floating-card.card-2:hover,.floating-card.card-3:hover,.hero-floating-elements .floating-card.card-1:hover,.hero-floating-elements .floating-card.card-2:hover,.hero-floating-elements .floating-card.card-3:hover,div[class*=floating-card]:hover{transform:translateY(-8px) scale(1.05)!important;box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08)!important;border-color:#f54527!important;background:linear-gradient(135deg,#ffffff,#fef7f0)!important}div[class*=floating-card][class*=card-1]{top:100%!important;left:10%!important;animation:float 6s ease-in-out infinite!important;animation-delay:0s!important;position:absolute!important;margin-top:30px!important;transform:translateX(0)!important}div[class*=floating-card][class*=card-2]{top:100%!important;left:50%!important;transform:translateX(-50%)!important;animation:float 6s ease-in-out infinite!important;animation-delay:2s!important;position:absolute!important;margin-top:30px!important}div[class*=floating-card][class*=card-3]{top:100%!important;right:10%!important;animation:float 6s ease-in-out infinite!important;animation-delay:4s!important;position:absolute!important;margin-top:30px!important;transform:translateX(0)!important}div[class*=floating-card] .card-icon{width:48px!important;height:48px!important;background:linear-gradient(135deg,#f54527,#e63900)!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-shadow:0 6px 20px rgba(245,69,39,.25)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important}.floating-card.card-1:hover .card-icon,.floating-card.card-2:hover .card-icon,.floating-card.card-3:hover .card-icon,.hero-floating-elements .floating-card.card-1:hover .card-icon,.hero-floating-elements .floating-card.card-2:hover .card-icon,.hero-floating-elements .floating-card.card-3:hover .card-icon,div[class*=floating-card]:hover .card-icon{transform:scale(1.15) rotate(5deg)!important;box-shadow:0 8px 24px rgba(245,69,39,.35)!important}div[class*=floating-card] .card-icon svg{width:24px!important;height:24px!important;color:white!important;stroke-width:2.5!important;transition:all .3s ease!important}div[class*=floating-card]:hover .card-icon svg{transform:scale(1.1)!important}div[class*=floating-card] .card-text{font-size:16px!important;font-weight:800!important;color:#1f2937!important;line-height:1.3!important;text-align:left!important;flex:1!important;letter-spacing:-.02em!important;transition:all .3s ease!important}.floating-card.card-1:hover .card-text,.floating-card.card-2:hover .card-text,.floating-card.card-3:hover .card-text,.hero-floating-elements .floating-card.card-1:hover .card-text,.hero-floating-elements .floating-card.card-2:hover .card-text,.hero-floating-elements .floating-card.card-3:hover .card-text,div[class*=floating-card]:hover .card-text{color:#f54527!important;transform:translateX(2px)!important}@media (max-width:1024px){.hero-floating-elements .floating-card,div[class*=floating-card]{width:140px!important;height:80px!important;padding:20px 16px!important}.hero-floating-elements .floating-card .card-icon,div[class*=floating-card] .card-icon{width:40px!important;height:40px!important}.hero-floating-elements .floating-card .card-icon svg,div[class*=floating-card] .card-icon svg{width:20px!important;height:20px!important}.hero-floating-elements .floating-card .card-text,div[class*=floating-card] .card-text{font-size:14px!important}.floating-card.card-1,.hero-floating-elements .floating-card.card-1,div[class*=floating-card][class*=card-1]{left:5%!important}.floating-card.card-3,.hero-floating-elements .floating-card.card-3,div[class*=floating-card][class*=card-3]{right:5%!important}}@media (max-width:768px){.hero-floating-elements .floating-card,div[class*=floating-card]{width:120px!important;height:70px!important;padding:16px 12px!important}.hero-floating-elements .floating-card .card-icon,div[class*=floating-card] .card-icon{width:36px!important;height:36px!important}.hero-floating-elements .floating-card .card-icon svg,div[class*=floating-card] .card-icon svg{width:18px!important;height:18px!important}.hero-floating-elements .floating-card .card-text,div[class*=floating-card] .card-text{font-size:12px!important}.floating-card.card-1,.hero-floating-elements .floating-card.card-1,div[class*=floating-card][class*=card-1]{left:50%!important;transform:translateX(-50%)!important;top:100%!important;margin-top:20px!important}.floating-card.card-2,.hero-floating-elements .floating-card.card-2,div[class*=floating-card][class*=card-2]{left:50%!important;transform:translateX(-50%)!important;top:100%!important;margin-top:100px!important}.floating-card.card-3,.hero-floating-elements .floating-card.card-3,div[class*=floating-card][class*=card-3]{left:50%!important;transform:translateX(-50%)!important;top:100%!important;margin-top:180px!important}}.floating-card.card-1,.floating-card.card-2,.floating-card.card-3,.hero-floating-elements .floating-card.card-1,.hero-floating-elements .floating-card.card-2,.hero-floating-elements .floating-card.card-3{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;background:linear-gradient(135deg,#ffffff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:24px 20px!important;box-shadow:0 10px 40px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04)!important;z-index:10!important;width:160px!important;height:90px!important;align-items:center!important;gap:16px!important;backdrop-filter:blur(20px)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;animation:float 8s ease-in-out infinite!important}.floating-card.card-1,.hero-floating-elements .floating-card.card-1{top:100%!important;left:10%!important;margin-top:30px!important;transform:translateX(0)!important}.floating-card.card-2,.hero-floating-elements .floating-card.card-2{top:100%!important;left:50%!important;transform:translateX(-50%)!important;margin-top:30px!important}.floating-card.card-3,.hero-floating-elements .floating-card.card-3{top:100%!important;right:10%!important;margin-top:30px!important;transform:translateX(0)!important}@media (max-width:1024px){.hero{margin-top:70px;padding:var(--space-16) 0 var(--space-8) 0}.hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title{font-size:var(--text-5xl)}.hero-cta,.hero-stats{justify-content:center}.hero-trust{text-align:center}.trust-stats{grid-template-columns:1fr;gap:var(--space-4)}.floating-card{display:flex!important}.floating-card.card-1{top:75%!important;left:5%!important;display:flex!important}.floating-card.card-2{top:75%!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important}.floating-card.card-3{top:75%!important;right:5%!important;display:flex!important}}@media (max-width:768px){.hero{margin-top:60px;padding:var(--space-12) 0 var(--space-6) 0}.hero-title{font-size:var(--text-4xl)}.hero-stats{flex-direction:column;gap:var(--space-6)}.hero-cta{flex-direction:column;align-items:center}.trust-title{font-size:var(--text-xl)}.trust-subtitle{font-size:var(--text-base)}.trust-stats{grid-template-columns:1fr;gap:var(--space-4)}.trust-stats .stat-item{padding:var(--space-4)}.floating-card.card-1{top:80%!important;left:2%!important;display:flex!important}.floating-card.card-2{top:80%!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important}.floating-card.card-3{top:80%!important;right:2%!important;display:flex!important}}@media (max-width:1024px){div[class*=floating-card]{width:120px!important;height:70px!important;padding:16px 12px!important}div[class*=floating-card] .card-icon{width:36px!important;height:36px!important}div[class*=floating-card] .card-icon svg{width:18px!important;height:18px!important}div[class*=floating-card] .card-text{font-size:13px!important}div[class*=floating-card][class*=card-1]{top:78%!important;left:5%!important}div[class*=floating-card][class*=card-2]{top:78%!important;left:50%!important;transform:translateX(-50%)!important}div[class*=floating-card][class*=card-3]{top:78%!important;right:5%!important}}@media (max-width:768px){div[class*=floating-card]{width:100px!important;height:60px!important;padding:12px 8px!important;gap:8px!important}div[class*=floating-card] .card-icon{width:32px!important;height:32px!important}div[class*=floating-card] .card-icon svg{width:16px!important;height:16px!important}div[class*=floating-card] .card-text{font-size:12px!important}div[class*=floating-card][class*=card-1]{top:82%!important;left:2%!important}div[class*=floating-card][class*=card-2]{top:82%!important;left:50%!important;transform:translateX(-50%)!important}div[class*=floating-card][class*=card-3]{top:82%!important;right:2%!important}}.trust-section{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);position:relative;overflow:hidden}.trust-content{text-align:center;max-width:800px;margin:0 auto}.trust-title{font-size:var(--text-5xl);font-weight:800;color:var(--white);margin-bottom:var(--space-6);line-height:1.2}.trust-subtitle{font-size:var(--text-xl);color:rgba(255,255,255,.9);margin-bottom:var(--space-12);line-height:1.6}.trust-cta{display:flex;gap:var(--space-6)}.trust-btn-primary,.trust-cta{justify-content:center;align-items:center}.trust-btn-primary{display:inline-flex;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700;background:var(--white);color:var(--primary);border:2px solid var(--white);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.trust-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2);background:#f8fafc;color:#e63900}.trust-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700;background:transparent;color:var(--white);border:2px solid var(--white);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease}.trust-btn-secondary:hover{transform:translateY(-2px);background:var(--white);color:var(--primary);box-shadow:0 8px 25px rgba(0,0,0,.2)}@media (max-width:1024px){.trust-title{font-size:var(--text-4xl)}.trust-subtitle{font-size:var(--text-lg)}.trust-cta{flex-direction:column;gap:var(--space-4)}}@media (max-width:768px){.trust-title{font-size:var(--text-3xl)}.trust-subtitle{font-size:var(--text-base)}.trust-cta{flex-direction:column;gap:var(--space-4)}.trust-btn-primary,.trust-btn-secondary{width:100%;justify-content:center}}.contact-background{z-index:1}.contact-background,.contact-pattern{position:absolute;top:0;left:0;right:0;bottom:0}.contact-pattern{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f1f5f9' fill-opacity='0.3'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.4}.contact-gradient{background:radial-gradient(ellipse at top left,rgba(245,73,39,.05) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(245,73,39,.1) 0,transparent 50%)}.contact-gradient,.contact-shapes{position:absolute;top:0;left:0;right:0;bottom:0}.contact-shapes{pointer-events:none}.contact-shapes .shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);opacity:.08;animation:float 10s ease-in-out infinite}.contact-shapes .shape-1{width:300px;height:300px;top:5%;right:5%;animation-delay:0s}.contact-shapes .shape-2{width:200px;height:200px;bottom:10%;left:10%;animation-delay:3s}.contact-shapes .shape-3{width:150px;height:150px;top:60%;right:15%;animation-delay:6s}.contact-content{gap:var(--space-16);position:relative;z-index:2}.contact-info{gap:var(--space-12)}.contact-intro h3{font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4)}.contact-intro p{font-size:var(--text-lg);line-height:1.6;color:var(--gray-600)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-8)}.contact-method{display:flex;gap:var(--space-6);padding:var(--space-6);background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 8px 25px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease}.contact-method:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.12);border-color:var(--primary)}.method-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon svg{width:28px;height:28px;color:var(--white)}.method-content h4{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.method-content p{font-size:var(--text-base);color:var(--gray-600);margin-bottom:var(--space-4)}.method-links{display:flex;flex-direction:column;gap:var(--space-2)}.method-links a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .3s ease}.method-links a:hover{color:#e63900}.method-links span{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5}.contact-cta{margin-top:var(--space-8)}.cta-card{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-2xl);padding:var(--space-8);color:var(--white);display:flex;gap:var(--space-6);align-items:center;box-shadow:0 15px 40px rgba(245,73,39,.3);transition:all .3s ease}.cta-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(245,73,39,.4)}.cta-icon{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-icon svg{width:28px;height:28px;color:var(--white)}.cta-content h4{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.cta-content p{font-size:var(--text-base);opacity:.9;margin-bottom:var(--space-4)}.contact-form{padding:var(--space-10);box-shadow:0 25px 60px rgba(0,0,0,.15);border:1px solid #e2e8f0;z-index:2}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-header h3{font-size:var(--text-2xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-3)}.form-header p{font-size:var(--text-base);color:var(--gray-600)}.contact-form-wrapper{gap:var(--space-6)}.contact-form-wrapper .form-group{display:flex;flex-direction:column}.contact-form-wrapper input,.contact-form-wrapper select,.contact-form-wrapper textarea{padding:var(--space-4) var(--space-5);border:2px solid #e2e8f0;border-radius:var(--radius-lg);font-size:var(--text-base);transition:all .3s ease;background:var(--white);color:var(--gray-900);font-weight:500}.contact-form-wrapper input::placeholder,.contact-form-wrapper select::placeholder,.contact-form-wrapper textarea::placeholder{color:var(--gray-500);font-weight:400}.contact-form-wrapper input:focus,.contact-form-wrapper select:focus,.contact-form-wrapper textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,73,39,.1);transform:translateY(-1px)}.contact-form-wrapper textarea{resize:vertical;min-height:120px;font-family:inherit}.contact-form-wrapper select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10)}.contact-form-wrapper .btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700;transition:all .3s ease}.contact-form-wrapper .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,73,39,.4)}@media (max-width:1024px){.contact-content{grid-template-columns:1fr;gap:var(--space-12)}.contact-info{order:2}.contact-form{order:1}}@media (max-width:768px){.contact-method,.cta-card{flex-direction:column;text-align:center}.contact-form{padding:var(--space-8)}}.contact-section{padding:var(--space-24) 0;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fef7f0);position:relative;overflow:hidden}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);margin-top:var(--space-16);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--space-10)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-3xl);background:var(--white);box-shadow:0 10px 40px rgba(0,0,0,.08);border:1px solid var(--gray-100);transition:all var(--transition-normal);position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%)}.contact-item:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.12);border-color:var(--primary)}.contact-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 25px rgba(245,73,39,.3);position:relative}.contact-icon,.contact-icon:before{background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:50%}.contact-icon:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;opacity:.2;z-index:-1}.contact-icon svg{width:36px;height:36px;color:var(--white)}.contact-details h3{font-size:var(--text-2xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1.3}.contact-details p{color:var(--gray-600);font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:500}.contact-details p:last-child{margin-bottom:0}.contact-form{background:var(--white);padding:var(--space-12);border-radius:var(--radius-3xl);box-shadow:0 20px 60px rgba(0,0,0,.1);border:1px solid var(--gray-100);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%)}.contact-form-wrapper{display:flex;flex-direction:column;gap:var(--space-8)}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.contact-form .form-group{display:flex;flex-direction:column;gap:var(--space-3)}.contact-form label{font-size:var(--text-base);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--text-lg);font-family:var(--font-family);transition:all var(--transition-normal);background:var(--gray-50);font-weight:500}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(245,73,39,.1);background:var(--white)}.contact-form textarea{resize:vertical;min-height:140px}.contact-form .btn{width:100%;margin-top:var(--space-6);padding:var(--space-5) var(--space-8);font-size:var(--text-lg);font-weight:700}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#ffffff);padding:20px}.auth-container{width:100%;max-width:400px;background:#ffffff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:800;color:#1f2937;text-decoration:none;margin-bottom:24px}.auth-logo span:first-child{font-size:28px}.auth-header h1{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.auth-header p{font-size:16px;color:#6b7280;line-height:1.5}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s ease;background:#ffffff}.form-group input:focus{outline:none;border-color:#f54527;box-shadow:0 0 0 3px rgba(245,69,39,.1)}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.error-banner,.error-message{font-size:14px}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px}.form-options{justify-content:space-between;margin:8px 0}.checkbox-group,.form-options{display:flex;align-items:center}.checkbox-group{gap:8px}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#f54527}.checkbox-group label{font-size:14px;color:#6b7280;cursor:pointer}.terms-link{color:#f54527;text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}.forgot-link{color:#f54527;text-decoration:none;font-size:14px;font-weight:500}.forgot-link:hover{text-decoration:underline}.auth-btn{width:100%;padding:14px 24px;background:#f54527;color:#ffffff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.auth-btn:hover:not(:disabled){background:#e63900;transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,69,39,.3)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:24px}.auth-footer p{font-size:14px;color:#6b7280}.auth-link{color:#f54527;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.dashboard{min-height:100vh;background:#f8fafc}.dashboard-header{background:#ffffff;border-bottom:1px solid #e2e8f0;padding:0 24px;position:sticky;top:0;z-index:100}.dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.dashboard-logo .logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1f2937}.logo-text{font-weight:800}.dashboard-nav{display:flex;gap:8px}.nav-item{padding:8px 16px;border:none;background:none;color:#6b7280;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item.active{background:#f54527;color:#ffffff}.dashboard-user{gap:16px}.dashboard-user,.user-info{display:flex;align-items:center}.user-info{gap:12px}.user-avatar{width:40px;height:40px;background:#f54527;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:#1f2937}.user-email{font-size:12px;color:#6b7280}.logout-btn{padding:8px;border:none;background:#f3f4f6;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#e5e7eb;color:#374151}.dashboard-main{padding:32px 24px}.dashboard-container{max-width:1400px;margin:0 auto}.welcome-section{margin-bottom:32px}.welcome-section h1{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.welcome-section p{font-size:16px;color:#6b7280}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#ffffff;padding:24px;border:1px solid #e2e8f0}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{font-size:14px;font-weight:500;color:#6b7280;margin:0}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.stat-change.up{background:#dcfce7;color:#166534}.stat-change.down{background:#fef2f2;color:#dc2626}.stat-change.neutral{background:#f3f4f6;color:#6b7280}.stat-value{font-size:32px;font-weight:700}.dashboard-content{background:#ffffff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:0;min-height:500px}.content-card{padding:24px;border-right:1px solid #e2e8f0}.content-card:last-child{border-right:none}.card-header{justify-content:space-between;margin-bottom:20px}.card-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.test-list{display:flex;flex-direction:column;gap:16px}.test-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.test-info{display:flex;flex-direction:column;gap:4px}.test-name{font-size:14px;font-weight:600;color:#1f2937;margin:0}.test-date{font-size:12px;color:#6b7280}.test-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.test-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.test-status.passed{background:#dcfce7;color:#166534}.test-status.failed{background:#fef2f2;color:#dc2626}.test-duration{font-size:12px;color:#6b7280}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-btn{gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.action-btn:hover{border-color:#d1d5db}.projects-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.projects-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px}.project-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease}.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-name{font-size:16px;font-weight:600;color:#1f2937;margin:0}.project-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.project-status.healthy{background:#dcfce7;color:#166534}.project-status.warning{background:#fef3c7;color:#92400e}.project-stats{display:flex;gap:24px;margin-bottom:20px}.project-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px}.stat-value{font-size:14px;font-weight:600;color:#1f2937}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none}.btn-primary{background:#f54527;color:#ffffff}.btn-outline{background:transparent}.btn-outline:hover{background:#f3f4f6}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger{background:#ef4444;color:#ffffff}.btn-danger:hover{background:#dc2626}.create-project-form,.edit-project-form{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.form-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.form-content{padding:24px}.form-group label{margin-bottom:6px}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;transition:all .2s ease;background:#ffffff}.form-group input:focus,.form-group textarea:focus{border-color:#f54527}.form-group textarea{min-height:80px}.form-row{gap:16px}.form-actions{padding-top:20px;border-top:1px solid #e2e8f0}.project-details{margin-bottom:16px}.project-description{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:12px}.project-meta{flex-direction:column;gap:6px}.meta-item{justify-content:space-between}.meta-value{color:#1f2937;font-weight:600}.project-actions{gap:8px;flex-wrap:wrap}.project-actions .btn{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions,.project-actions{flex-direction:column}.project-actions .btn{justify-content:center}}.dashboard-new{min-height:100vh;background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-header-new{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,.1)}.header-container{max-width:1400px;margin:0 auto;padding:0 24px;justify-content:space-between;height:70px}.header-container,.header-left,.logo-new{display:flex;align-items:center}.logo-new{gap:12px;text-decoration:none;color:#1f2937;font-weight:700;font-size:24px;transition:all .3s ease}.logo-new:hover{transform:translateY(-2px)}.logo-icon-new{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:white;box-shadow:0 4px 12px rgba(245,69,39,.3)}.logo-text-new{background:linear-gradient(135deg,var(--gray-800) 0,var(--gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:20px}.how-it-works-link{color:var(--gray-600);text-decoration:none;font-weight:500;font-size:14px;padding:8px 16px;border-radius:6px;transition:all .2s ease;border:1px solid transparent}.how-it-works-link:hover{color:var(--primary);background:var(--gray-50);border-color:var(--gray-200)}.user-profile{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--gray-50);border-radius:50px;border:1px solid var(--gray-200);transition:all .3s ease}.user-profile:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-avatar-new{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:14px}.user-info-new{display:flex;flex-direction:column;gap:2px}.user-name-new{font-weight:600;color:var(--gray-800);font-size:14px}.user-email-new{color:var(--gray-500);font-size:12px}.logout-btn-new{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.logout-btn-new:hover{background:rgba(239,68,68,.1);color:#ef4444}.dashboard-main-new{padding:40px 0}.dashboard-container-new{max-width:1400px;margin:0 auto;padding:0 24px}.welcome-section-new{margin-bottom:40px}.welcome-content{text-align:center;color:var(--gray-800)}.welcome-title{font-size:48px;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,var(--gray-800) 0,var(--gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:20px;color:var(--gray-500);margin:0;font-weight:400}.stats-overview-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:48px}.stat-card-new{background:var(--white);border-radius:20px;padding:32px;display:flex;align-items:center;gap:20px;border:1px solid var(--gray-200);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease}.stat-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.stat-icon-new{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.stat-content-new{flex:1}.stat-value-new{font-size:32px;font-weight:800;color:var(--gray-800);margin:0 0 4px}.stat-label-new{font-size:14px;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.projects-section-new{background:var(--white);border-radius:24px;padding:40px;border:1px solid var(--gray-200);box-shadow:0 4px 12px rgba(0,0,0,.05)}.section-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.section-title-new h2{font-size:32px;font-weight:800;color:var(--gray-800);margin:0 0 8px}.section-title-new p{font-size:16px;color:var(--gray-500);margin:0}.btn-create-new{background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);color:white;border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(245,69,39,.3)}.btn-create-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,69,39,.4)}.create-project-form-new,.edit-project-form-new{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;margin-bottom:32px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.form-header-new{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(0,0,0,.1)}.form-header-new h3{font-size:20px;font-weight:700;color:var(--gray-800);margin:0}.close-btn-new{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.close-btn-new:hover{background:rgba(239,68,68,.1);color:#ef4444}.form-content-new{padding:32px}.form-group-new{margin-bottom:24px}.form-group-new label{display:block;margin-bottom:8px}.form-group-new input,.form-group-new textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;transition:all .3s ease;background:white}.form-group-new input:focus,.form-group-new textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,69,39,.1)}.form-group-new textarea{resize:vertical;min-height:100px}.form-row-new{gap:20px}.form-actions-new{margin-top:32px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.btn-cancel-new,.btn-save-new{padding:12px 24px;cursor:pointer}.btn-save-new{background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);color:white;border:none;border-radius:12px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px rgba(245,69,39,.3)}.btn-save-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,69,39,.4)}.projects-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.project-card-new{background:white;border-radius:20px;padding:24px;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.project-card-new:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%)}.project-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1);border-color:#f54527}.project-card-new:hover .project-name-new{color:#f54527}.project-header-new{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.project-icon-new{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.project-info-new{flex:1}.project-name-new{font-size:18px;font-weight:700;color:var(--gray-800);margin:0 0 8px}.project-description-new{font-size:14px;color:var(--gray-500);line-height:1.5;margin:0}.project-status-new{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-status-new.healthy{background:#d1fae5;color:#065f46}.project-status-new.warning{background:#fef3c7;color:#92400e}.project-details-new{margin-bottom:20px}.detail-item-new{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.detail-label-new{color:var(--gray-500);font-weight:500}.detail-value-new{color:var(--gray-800);font-weight:600}.project-stats-new{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:12px}.stat-item-new{text-align:center}.stat-number-new{font-size:20px;font-weight:800;color:var(--gray-800);margin-bottom:4px}.stat-text-new{font-size:12px;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-actions-new{display:flex;gap:8px;flex-wrap:wrap}.action-btn-new{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.action-btn-new.edit{background:#dbeafe;color:#1e40af}.action-btn-new.edit:hover{background:#bfdbfe}.action-btn-new.run{background:#dcfce7;color:#166534}.action-btn-new.run:hover{background:#bbf7d0}.action-btn-new.delete{background:#fee2e2;color:#dc2626}.action-btn-new.delete:hover{background:#fecaca}@media (max-width:768px){.dashboard-container-new,.header-container{padding:0 16px}.welcome-title{font-size:32px}.welcome-subtitle{font-size:16px}.stats-overview-new{grid-template-columns:1fr}.projects-section-new{padding:24px}.section-header-new{flex-direction:column;gap:16px;align-items:stretch}.form-row-new{grid-template-columns:1fr}.form-actions-new{flex-direction:column}.projects-grid-new{grid-template-columns:1fr}.project-actions-new{flex-direction:column}.user-profile{padding:6px 12px}.user-info-new{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#f8fafc;border-radius:12px;border:1px dashed #d1d5db;margin:40px 0;min-height:400px}.empty-icon{margin-bottom:24px}.empty-title{margin:0 0 12px}.empty-description{font-size:16px;color:#6b7280;margin:0 0 32px;max-width:400px}.empty-state-new{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:white;border-radius:20px;border:1px solid #e5e7eb}.empty-icon-new{color:#9ca3af;margin-bottom:24px}.empty-title-new{font-size:24px;font-weight:600;color:#374151;margin-bottom:12px}.empty-description-new{font-size:16px;color:#6b7280;margin-bottom:32px;max-width:400px}.project-detail-layout{display:flex;min-height:100vh;background:#f8fafc}.project-main-content{flex:1;display:flex;flex-direction:column;margin-left:280px}.project-header{background:white;border-bottom:1px solid #e5e7eb;padding:24px 32px}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left{flex:1}.header-right{flex-shrink:0}.header-left h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.header-left p{font-size:16px;color:#6b7280;margin:0}.project-status .status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase}.project-status .status-badge.healthy{background:#d1fae5;color:#065f46}.project-status .status-badge.warning{background:#fef3c7;color:#92400e}.project-status .status-badge.error{background:#fee2e2;color:#991b1b}.project-content{flex:1;padding:32px}.content-container{max-width:1200px;margin:0 auto}.project-sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:white;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:1000}.sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb}.logo-link{text-decoration:none;color:inherit;display:block}.logo{display:flex;align-items:center;gap:12px;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-icon{color:#dc2626;flex-shrink:0;justify-content:center}.dashboard-header-new .logo,.logo-icon{font-size:24px;display:flex;align-items:center}.dashboard-header-new .logo{gap:12px;text-decoration:none;color:#1f2937;font-weight:700;transition:all .3s ease}.dashboard-header-new .logo:hover{opacity:.8}.dashboard-header-new .logo-icon{font-size:24px;color:#dc2626;flex-shrink:0}.dashboard-header-new .logo-text{font-size:24px;font-weight:700;color:#1f2937;letter-spacing:-.025em}.logo-text{font-size:20px;font-weight:700;color:#dc2626;letter-spacing:-.025em}.project-info{gap:12px}.project-icon,.project-info{display:flex;align-items:center}.project-icon{width:48px;height:48px;background:#F54927;border-radius:12px;justify-content:center;color:white}.project-details h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.project-details p{font-size:12px;color:#6b7280;margin:0}.sidebar-nav{flex:1;padding:16px 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#6b7280;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;position:relative}.nav-link:hover{background:#f8fafc;color:#1f2937;text-decoration:none}.nav-link.active{background:#fef2f2;color:#F54927;border-right:3px solid #f54927;text-decoration:none}.nav-link.expanded{background:#f8fafc;color:#1f2937}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:14px;font-weight:500;flex:1}.nav-arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.nav-link.expanded .nav-arrow{transform:rotate(180deg)}.submenu{list-style:none;margin:0;padding:0;background:#f8fafc;border-top:1px solid #e5e7eb}.submenu-item{margin:0}.submenu-link{display:block;padding:10px 24px 10px 56px;color:#6b7280;text-decoration:none;font-size:14px;transition:all .2s ease}.submenu-link:hover{background:#f1f5f9;color:#1f2937;text-decoration:none}.submenu-link.active{background:#fef2f2;color:#F54927;font-weight:500;text-decoration:none}.sidebar-footer{padding:24px;border-top:1px solid #e5e7eb}.back-to-dashboard{display:flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.back-to-dashboard:hover{color:#F54927}.project-overview{background:white;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.overview-title h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}.overview-title p{font-size:14px;color:#6b7280;margin:0}.overview-actions{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#f8fafc}.stat-card,.stat-icon{border-radius:8px}.stat-number{font-weight:700;margin:0 0 4px}.stat-label{margin:0}.recent-runs-section,.test-suites-section{background:white;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.section-header{margin-bottom:20px}.section-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.test-suites-grid{gap:16px}.test-suite-card{background:#f8fafc;border-radius:8px;padding:16px;transition:all .2s ease}.test-suite-card:hover{border-color:#F54927;box-shadow:0 4px 12px rgba(245,73,39,.1)}.suite-header{gap:12px;margin-bottom:12px}.suite-icon{width:32px;height:32px;background:#F54927;border-radius:6px;display:flex;align-items:center;justify-content:center;color:white}.suite-info{flex:1}.suite-name{font-size:14px;margin:0 0 2px}.suite-tests{font-size:12px;color:#6b7280;margin:0}.suite-status{border-radius:12px}.suite-status.success{background:#d1fae5;color:#065f46}.suite-status.error{background:#fee2e2;color:#991b1b}.suite-stats{gap:16px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-item .stat-label{font-size:12px;color:#6b7280}.stat-item .stat-value{font-size:14px;font-weight:600}.stat-item .stat-value.passed{color:#059669}.stat-item .stat-value.failed{color:#dc2626}.runs-table{border-radius:8px}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 80px}.table-cell{padding:12px 16px}.table-header .table-cell{font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table-cell.passed{color:#059669;font-weight:600}.table-cell.failed{color:#dc2626;font-weight:600}.action-btn{background:none;padding:4px;border-radius:4px}.action-btn:hover{background:#f3f4f6}.btn-outline,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:#F54927;color:white}.btn-primary:hover{background:#e63900}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-outline{color:#6b7280}.btn-outline:hover{background:#f8fafc;color:#374151}.dashboard-overview{background:white;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#f8fafc;border-radius:8px;padding:20px;gap:16px;border:1px solid #e5e7eb}.metric-card,.metric-icon{display:flex;align-items:center}.metric-icon{width:48px;height:48px;border-radius:8px;justify-content:center;color:#F54927;background:#fef2f2}.metric-icon.passed{color:#10b981;background:#d1fae5}.metric-icon.failed{color:#ef4444;background:#fee2e2}.metric-icon.not-executed{color:#8b5cf6;background:#ede9fe}.metric-content{flex:1}.metric-number{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 4px}.metric-label{font-size:14px;color:#6b7280;margin:0}.latest-runs-section{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.runs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.runs-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.runs-tabs{display:flex;gap:8px}.tab{padding:8px 16px;border:1px solid #d1d5db;background:white;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.tab.active{background:#F54927;color:white;border-color:#F54927}.tab:hover:not(.active){background:#f9fafb}.runs-content{display:flex;justify-content:space-between;align-items:center}.runs-list{flex:1}.run-item{display:flex;align-items:center;gap:16px}.run-name{font-size:14px;color:#374151}.view-reports{color:#F54927;text-decoration:none;font-size:14px;font-weight:500}.runs-chart{display:flex;align-items:center;gap:24px}.donut-chart{width:120px;height:120px;background:conic-gradient(#10b981 0deg 0deg,#3b82f6 0deg 1turn);position:relative}.chart-center,.donut-chart{border-radius:50%;display:flex;align-items:center;justify-content:center}.chart-center{background:white;width:80px;height:80px;font-weight:600;color:#1f2937}.chart-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.passed{background:#10b981}.legend-dot.failed{background:#ef4444}.legend-dot.queued{background:#3b82f6}.legend-dot.stopped{background:#6b7280}.legend-dot.running{background:#10b981}.legend-dot.not-executed{background:#8b5cf6}.dashboard-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-section{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.section-tabs{display:flex;gap:8px;margin-bottom:16px}.section-content{min-height:100px;display:flex;align-items:center;justify-content:center}.section-content .empty-state{text-align:center}.section-content .empty-state p{color:#6b7280;font-size:14px;margin:0}.elements-table,.test-cases-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:white}.table-header{grid-template-columns:40px 2fr 1fr 1fr 1fr 120px;background:#f8fafc}.elements-table .table-header{grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 60px}.table-row{grid-template-columns:40px 2fr 1fr 1fr 1fr 120px;border-bottom:1px solid #e5e7eb;transition:background .2s ease}.elements-table .table-row{grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 60px}.table-row:hover{background:#f8fafc}.table-cell{padding:16px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-cell.checkbox{justify-content:center}.table-cell.name{flex-direction:column;align-items:flex-start;white-space:normal;overflow:visible;text-overflow:unset}.table-cell.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#F54927}.test-case-name{font-weight:600;color:#1f2937;margin:0 0 4px;line-height:1.4}.test-case-name,.test-case-requirement{white-space:normal;word-wrap:break-word}.test-case-requirement{font-size:12px;color:#6b7280;margin:0}.assignee-info{display:flex;align-items:center;gap:8px}.assignee-avatar{width:24px;height:24px;border-radius:50%;background:#F54927;color:white;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.status-indicator{gap:6px}.status-indicator.active .status-dot{background:#10b981}.status-indicator.inactive .status-dot{background:#f59e0b}.status-indicator.draft .status-dot{background:#6b7280}.run-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#F54927;color:white;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.run-btn:hover{background:#dc2626}.more-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.more-btn:hover{background:#f3f4f6}.view-btn{background:none;border:1px solid #d1d5db;color:#374151;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#f9fafb;border-color:#9ca3af}.section-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;border:1px solid #d1d5db;background:white;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.filter-tab.active{background:#F54927;color:white;border-color:#F54927}.filter-tab:hover:not(.active){background:#f9fafb}.filter-actions{display:flex;align-items:center;gap:16px}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;cursor:pointer}.sort-section{display:flex;align-items:center;gap:8px}.filter-status,.sort-section{font-size:14px;color:#6b7280}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-illustration{position:relative;width:200px;height:200px;margin-bottom:32px}.illustration-person{position:absolute;top:20px;left:20px;z-index:3}.person-head{width:40px;height:40px;background:#10b981;border-radius:50%;margin-bottom:8px}.person-body{width:60px;height:80px;background:#1f2937;border-radius:8px}.illustration-folder{position:absolute;top:40px;right:20px;z-index:2}.folder-icon{position:relative;color:#10b981}.folder-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:white}.illustration-papers{position:absolute;top:60px;right:40px;z-index:1}.paper{width:30px;height:40px;background:#e5e7eb;border-radius:2px;margin-bottom:4px;opacity:.7}.paper-1{transform:rotate(-5deg)}.paper-2{transform:rotate(2deg)}.paper-3{transform:rotate(-3deg)}.illustration-plant{position:absolute;bottom:0;left:0}.plant-pot{width:20px;height:15px;background:#8b5cf6;border-radius:0 0 4px 4px}.plant-leaves{width:30px;height:20px;background:#10b981;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;margin-left:-5px;margin-bottom:5px}.empty-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 24px}.empty-actions{display:flex;gap:12px}.create-form{background:white;border-radius:12px;padding:0;border:none}.form-section{background:white;border-radius:12px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.section-header{padding-bottom:16px;border-bottom:2px solid #f3f4f6}.section-title h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}.section-title p{font-size:14px;color:#6b7280;margin:0}.field-help{margin-top:8px;font-size:14px;color:#6b7280}.steps-container{display:flex;flex-direction:column;gap:16px}.step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease}.step-card:hover{border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.05)}.step-header{gap:12px}.step-number{width:32px;height:32px;background:#dc2626;color:white;flex-shrink:0}.step-header h4{flex:1}.btn-remove{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.step-content{margin-left:44px}.field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.empty-steps{padding:48px 24px;border:2px dashed #cbd5e1}.empty-icon{margin-bottom:16px;color:#9ca3af}.empty-steps h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-steps p{font-size:14px;color:#6b7280;margin:0 0 24px}.required{color:#dc2626;margin-left:2px}.step-item{background:white;border-radius:6px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.step-item:last-child{margin-bottom:0}.step-header{padding-bottom:12px;border-bottom:1px solid #f3f4f6}.step-actions{display:flex;gap:8px}.btn-add-step{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#1f2937;border:none;border-radius:6px;color:white;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-step:hover{background:#374151}.btn-add,.btn-remove{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-add{background:#1f2937;color:white}.btn-add:hover{background:#374151}.btn-remove{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-remove:hover{background:#fee2e2;border-color:#fca5a5}.create-form{max-width:800px;margin:0 auto}.create-form .form-section{background:white;border-radius:8px;padding:0;margin-bottom:32px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;position:relative;overflow:hidden}.create-form .section-header{background:#f8fafc;margin:0;padding:20px 24px;border-bottom:1px solid #e5e7eb;text-align:left;position:relative}.create-form .section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#dc2626}.create-form .form-content{padding:32px 24px;background:white}.create-form .section-header h3{font-size:20px;font-weight:700;color:#1f2937;margin:0;position:relative;padding-left:16px;text-align:left;line-height:1.2}.create-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.create-form .form-group{display:flex;flex-direction:column;margin-bottom:24px;position:relative}.create-form .form-group:last-child,.create-form .form-row .form-group{margin-bottom:0}.create-form .form-group label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:4px}.create-form .form-group .required{color:#dc2626;font-weight:700}.create-form .form-input,.create-form .form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:white;font-weight:400;width:100%}.create-form .form-input:focus,.create-form .form-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.create-form .form-input:hover,.create-form .form-select:hover{border-color:#9ca3af}.create-form .form-input.error,.create-form .form-select.error{border-color:#dc2626}.create-form .error-message{color:#dc2626;font-size:12px;margin-top:4px}.create-form .form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:white;resize:vertical;min-height:100px;font-family:inherit;font-weight:400;width:100%}.create-form .form-textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.create-form .form-textarea:hover{border-color:#9ca3af}.create-form .form-textarea.error{border-color:#dc2626}.create-form .field-help{font-size:12px;color:#6b7280;margin-top:4px}.browser-checkboxes{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;padding:8px 12px;border-radius:6px;transition:all .2s ease;background:white;border:1px solid #d1d5db;min-width:100px;justify-content:center}.checkbox-label:hover{background:#f9fafb;border-color:#9ca3af}.checkbox-label:has(input:checked){background:#fef2f2;border-color:#dc2626;color:#dc2626}.checkbox-input{width:16px;height:16px;accent-color:#dc2626;cursor:pointer}.checkbox-text{font-weight:500;color:inherit}.test-steps-section{margin-top:0}.test-steps-section .section-header{background:#f8fafc;margin:0;padding:20px 24px;border-bottom:1px solid #e5e7eb;text-align:left;position:relative}.test-steps-section .section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#dc2626}.test-steps-section .form-content{padding:32px 24px;background:white}.form-actions{padding:24px 0;margin-top:32px}.form-actions .btn{padding:10px 20px;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s ease;border:none;cursor:pointer}.form-actions .btn-primary{background:#dc2626;color:white}.form-actions .btn-primary:hover{background:#b91c1c}.form-actions .btn-secondary{background:white;color:#374151;border:1px solid #d1d5db}.form-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.ai-assistant-container{background:white;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;min-height:700px}.loading-container{min-height:600px;text-align:center}.loading-spinner{margin-bottom:24px}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#dc2626;border-radius:50%;animation:spin 1s linear infinite}.loading-container h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.loading-container p{font-size:14px;color:#6b7280;margin:0}.iframe-container{width:100%;height:700px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.ai-status,.status-indicator{display:flex;align-items:center}.status-indicator{gap:8px;padding:8px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;font-size:14px;font-weight:500;color:#166534}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.ai-info-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.info-card{background:white;border-radius:8px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.info-header svg{color:#dc2626;flex-shrink:0}.info-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.info-content ul{list-style:none;padding:0;margin:0}.info-content li{font-size:14px;color:#374151;position:relative;padding:8px 0 8px 20px}.info-content li:before{content:"•";color:#dc2626;font-weight:700;position:absolute;left:0}@media (max-width:768px){.ai-info-section{grid-template-columns:1fr}.iframe-container{height:500px}.ai-assistant-container{min-height:500px}}.text-link{color:#dc2626;text-decoration:none;font-weight:500}.text-link:hover{text-decoration:underline}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:white;cursor:pointer;transition:all .2s ease;min-height:48px}.dropdown-trigger:hover{border-color:#9ca3af}.dropdown-trigger.error{border-color:#dc2626}.dropdown-trigger .placeholder{color:#9ca3af}.dropdown-trigger .selected-value{color:#1f2937;font-weight:500}.dropdown-arrow{transition:transform .2s ease;color:#6b7280}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-content{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:1000;margin-top:4px;overflow:hidden}.search-container{position:relative;padding:12px;border-bottom:1px solid #e5e7eb}.search-input{padding:8px 32px 8px 12px;border-radius:6px;outline:none}.search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.search-container svg{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6b7280}.options-label{padding:8px 16px 4px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.options-list{max-height:200px;overflow-y:auto}.option-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6;font-weight:500;color:#1f2937}.option-item:last-child{border-bottom:none}.option-item:hover{background-color:#f8fafc}.option-item.selected{background-color:#fef2f2;color:#dc2626}.option-item.disabled{cursor:default;color:#6b7280}.option-item.disabled:hover{background-color:transparent}.form-section h3{color:#1f2937;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#F54927;box-shadow:0 0 0 3px rgba(245,73,39,.1)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.empty-steps{text-align:center;padding:40px 20px;color:#6b7280;background:#f8fafc;border-radius:8px;border:1px dashed #d1d5db}.steps-list{display:flex;flex-direction:column;gap:16px}.step-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.step-header h4{font-size:16px;font-weight:600;color:#1f2937;margin:0}.remove-step-btn{background:#fee2e2;color:#ef4444;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:background .2s ease}.remove-step-btn:hover{background:#fecaca}.step-fields{display:flex;gap:16px;align-items:flex-start}.step-fields .field-group{flex:1;display:flex;flex-direction:column}.value-field-group{position:relative}.value-input-container{display:flex;align-items:center;gap:8px}.value-input-container .form-input{flex:1}.btn-add-inline{width:32px;height:32px;border-radius:50%;border:none;background:#1f2937;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-add-inline:hover{background:#374151}.btn-remove-inline{width:32px;height:32px;border-radius:50%;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-inline:hover{background:#fee2e2;border-color:#fca5a5}.step-item{cursor:move;transition:all .2s ease}.step-item.dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 8px 16px rgba(0,0,0,.2)}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#9ca3af;cursor:grab;margin-right:12px;flex-shrink:0}.drag-handle:active{cursor:grabbing}.field-group{display:flex;flex-direction:column}.field-group.full-width{grid-column:1/-1}.field-group label{font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.form-actions{gap:12px;border-top:1px solid #e5e7eb}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:white;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.bulk-actions{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px}.bulk-actions-content{display:flex;justify-content:space-between;align-items:center}.selected-count{color:#dc2626}.bulk-delete-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#dc2626;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.bulk-delete-btn:hover{background:#b91c1c}.overflow-menu-container{position:relative;display:inline-block;z-index:1000}.overflow-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;min-width:120px;overflow:hidden;margin-top:4px;display:block;opacity:1;visibility:visible;transform:translateY(0)}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background .2s ease}.menu-item:hover{background:#f3f4f6}.menu-item.danger{color:#dc2626}.menu-item.danger:hover{background:#fef2f2}.overflow-menu-container:focus-within .overflow-menu{display:block}.wiki-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-section{flex:1;max-width:400px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:#6b7280;z-index:1}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:white;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#F54927;box-shadow:0 0 0 3px rgba(245,73,39,.1)}.filter-section{display:flex;align-items:center;gap:12px}.tag-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;cursor:pointer}.wiki-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.wiki-page-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease;cursor:pointer}.wiki-page-card:hover{border-color:#F54927;box-shadow:0 4px 12px rgba(245,73,39,.1)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.page-title{font-size:18px;font-weight:600;color:#1f2937;flex:1;margin:0 12px 0 0}.page-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.wiki-page-card:hover .page-actions{opacity:1}.action-btn{display:flex;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;color:#6b7280}.action-btn:hover{background:#e5e7eb;color:#374151}.action-btn.danger:hover{background:#fee2e2}.page-content{margin-bottom:16px}.page-preview{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.page-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f3f4f6}.page-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 8px;background:#f3f4f6;color:#374151;border-radius:4px;font-size:12px;font-weight:500}.page-meta{display:flex;gap:16px;align-items:center}.meta-item{align-items:center;font-size:12px;color:#6b7280}.meta-item svg{color:#9ca3af}.test-plans-table,.test-suites-table{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.test-plans-table .table-header,.test-suites-table .table-header{display:grid;grid-template-columns:40px 2fr 100px 120px 120px 120px 120px 120px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:14px}.test-plans-table .table-row,.test-suites-table .table-row{display:grid;grid-template-columns:40px 2fr 100px 120px 120px 120px 120px 120px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.test-plans-table .table-row:hover,.test-suites-table .table-row:hover{background:#f9fafb}.plan-name,.suite-name{font-weight:600;color:#1f2937;margin-bottom:4px}.plan-description,.suite-description{font-size:14px;color:#6b7280;line-height:1.4}.test-cases-selection,.test-suites-selection{border:1px solid #e5e7eb;border-radius:8px;background:white}.selection-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.selection-info{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151}.selected-count{font-size:14px;color:#6b7280;font-weight:500}.test-cases-list,.test-suites-list{max-height:400px;overflow-y:auto}.test-case-item,.test-suite-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.test-case-item:hover,.test-suite-item:hover{background:#f9fafb}.test-case-item:last-child,.test-suite-item:last-child{border-bottom:none}.test-case-checkbox,.test-suite-checkbox{margin-top:2px}.test-case-info,.test-suite-info{flex:1}.test-case-name,.test-suite-name{font-weight:600;color:#1f2937;margin-bottom:4px}.test-case-description,.test-suite-description{font-size:14px;color:#6b7280;margin-bottom:8px;line-height:1.4}.test-case-meta,.test-suite-meta{display:flex;gap:12px;align-items:center}.priority-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.priority-badge.high{color:#dc2626}.priority-badge.medium{color:#d97706}.priority-badge.low{color:#059669}.status-badge{padding:2px 8px;border-radius:4px;font-weight:500}.status-badge.active{color:#059669}.status-badge.draft,.test-cases-count{background:#f3f4f6;color:#6b7280}.test-cases-count{font-size:12px;padding:2px 8px;border-radius:4px}.environments-table{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.environments-table .table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:14px}.environments-table .table-header,.environments-table .table-row{display:grid;grid-template-columns:40px 2fr 2fr 120px 120px 120px 120px}.environments-table .table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.environments-table .table-row:hover{background:#f9fafb}.environment-name{font-weight:600;color:#1f2937;margin-bottom:4px}.environment-description{font-size:14px;color:#6b7280;line-height:1.4}.url-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;display:inline-block}.elements-section,.run-results-section,.settings-section,.step-groups-section,.test-cases-section,.test-data-section,.test-plans-section,.test-suites-section{background:white;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.section-actions{display:flex;gap:12px}.elements-grid,.step-groups-grid,.test-cases-grid,.test-data-grid,.test-plans-grid,.test-suites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.elements-list,.step-groups-list,.test-cases-list,.test-data-list,.test-plans-list,.test-suites-list{display:flex;flex-direction:column;gap:12px}.element-item,.step-group-item,.test-case-item,.test-data-item,.test-plan-item,.test-suite-item{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e5e7eb;transition:all .2s ease}.element-item:hover,.step-group-item:hover,.test-case-item:hover,.test-data-item:hover,.test-plan-item:hover,.test-suite-item:hover{border-color:#F54927;box-shadow:0 4px 12px rgba(245,73,39,.1)}.element-main,.step-group-main,.test-case-main,.test-data-main,.test-plan-main,.test-suite-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.element-card,.step-group-card,.test-case-card,.test-data-card,.test-plan-card,.test-suite-card{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e5e7eb;transition:all .2s ease}.element-card:hover,.step-group-card:hover,.test-case-card:hover,.test-data-card:hover,.test-plan-card:hover,.test-suite-card:hover{border-color:#F54927;box-shadow:0 4px 12px rgba(245,73,39,.1)}.element-header,.step-group-header,.test-case-header,.test-data-header,.test-plan-header,.test-suite-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.element-info,.step-group-info,.test-case-info,.test-data-info,.test-plan-info,.test-suite-info{flex:1}.element-name,.step-group-name,.test-case-name,.test-data-name,.test-plan-name,.test-suite-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.element-description,.step-group-description,.test-case-description,.test-data-description,.test-plan-description,.test-suite-description{font-size:14px;color:#6b7280;margin:0 0 8px}.element-selector{background:#f3f4f6;padding:8px 12px;border-radius:4px;margin-top:8px}.element-selector code{font-family:Courier New,monospace;font-size:12px;color:#374151}.element-status,.step-group-status,.test-case-status,.test-data-status,.test-plan-status,.test-suite-status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-badge{padding:4px 12px;border-radius:12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.deprecated,.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.running{background:#dbeafe;color:#1e40af}.type-badge{padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge.button{background:#dbeafe;color:#1e40af}.type-badge.input{background:#dcfce7;color:#166534}.type-badge.link{background:#fef3c7;color:#92400e}.type-badge.dropdown{background:#e0e7ff;color:#3730a3}.type-badge.checkbox{background:#fce7f3;color:#be185d}.type-badge.radio{background:#ecfdf5;color:#047857}.type-badge.other{background:#f3f4f6;color:#6b7280}.type-badge.csv{background:#dcfce7;color:#166534}.type-badge.json{background:#fef3c7;color:#92400e}.type-badge.excel{background:#dbeafe;color:#1e40af}.type-badge.database{background:#e0e7ff;color:#3730a3}.type-badge.api{background:#fce7f3;color:#be185d}.priority-badge{padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.low{background:#d1fae5;color:#065f46}.element-meta,.step-group-meta,.test-case-meta,.test-data-meta,.test-plan-meta,.test-suite-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:#6b7280;font-weight:500}.meta-value{font-size:14px;color:#374151;font-weight:500}.element-actions,.step-group-actions,.test-case-actions,.test-data-actions,.test-plan-actions,.test-suite-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:white;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f9fafb;border-color:#9ca3af}.action-btn.danger{color:#dc2626;border-color:#fecaca}.action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.run-results-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.run-results-table .table-header{background:#f8fafc}.run-results-table .table-header,.run-results-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 80px;border-bottom:1px solid #e5e7eb}.run-results-table .table-row{transition:background .2s ease}.run-results-table .table-row:hover{background:#f8fafc}.run-results-table .table-row:last-child{border-bottom:none}.test-plan-name{font-weight:600;color:#1f2937}.table-cell.skipped{color:#6b7280;font-weight:600}.settings-form{max-width:600px}.form-group{margin-bottom:20px}.form-group label{font-weight:500;color:#374151}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:white;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#F54927;box-shadow:0 0 0 3px rgba(245,73,39,.1)}.form-textarea{resize:vertical;min-height:100px}.form-actions{margin-top:24px}.danger-zone{border:1px solid #fecaca;background:#fef2f2}.danger-zone .section-header h3{color:#dc2626}.danger-actions{margin-top:16px}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:white;border:1px solid #fecaca;border-radius:8px}.danger-info h4{font-size:16px;font-weight:600;color:#dc2626;margin:0 0 8px}.danger-info p{font-size:14px;color:#6b7280;margin:0}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#dc2626;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-danger:hover{background:#b91c1c}.modal-overlay{right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000}.modal-content{background:white;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{align-items:center;padding:24px 24px 0}.modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;color:#6b7280;padding:4px;border-radius:4px;transition:background .2s ease}.modal-close:hover{background:#f3f4f6}.modal-body{padding:24px}.modal-body p{margin:0 0 16px;color:#374151}.modal-body ul{margin:16px 0;padding-left:20px}.modal-body li{margin:8px 0;color:#374151}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}@media (max-width:1024px){.project-main-content{margin-left:0}.project-sidebar{transform:translateX(-100%);transition:transform .3s ease}.project-sidebar.open{transform:translateX(0)}}@media (max-width:768px){.project-content{padding:16px}.elements-grid,.stats-grid,.step-groups-grid,.test-cases-grid,.test-data-grid,.test-plans-grid,.test-suites-grid{grid-template-columns:1fr}.element-main,.step-group-main,.test-case-main,.test-data-main,.test-plan-main,.test-suite-main{flex-direction:column;align-items:flex-start;gap:12px}.element-status,.step-group-status,.test-case-status,.test-data-status,.test-plan-status,.test-suite-status{align-items:flex-start;flex-direction:row;gap:12px}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr}.table-cell:nth-child(n+4){display:none}.run-results-table .table-header,.run-results-table .table-row{grid-template-columns:1fr 1fr 1fr}.run-results-table .table-cell:nth-child(n+4){display:none}.form-row{grid-template-columns:1fr}.danger-item{flex-direction:column;align-items:flex-start;gap:16px}}.create-project-page-new{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.create-project-header-new{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-container-new{max-width:1200px;margin:0 auto;padding:0 24px;justify-content:space-between;height:70px}.back-btn-new,.header-container-new,.header-left-new{display:flex;align-items:center}.back-btn-new{gap:12px;color:var(--gray-600);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease;background:var(--gray-50)}.back-btn-new:hover{color:var(--primary);background:var(--gray-100);transform:translateX(-2px)}.back-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray-100);border-radius:8px;transition:all .3s ease}.back-btn-new:hover .back-icon{background:var(--primary);color:white}.header-right-new{display:flex;align-items:center}.create-project-main-new{padding:40px 0 80px}.create-project-container-new{max-width:1000px;margin:0 auto;padding:0 24px}.progress-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:20px;background:var(--white);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.progress-step{flex-direction:column;gap:8px;position:relative}.progress-step,.step-number{display:flex;align-items:center}.step-number{width:40px;height:40px;border-radius:50%;background:var(--gray-200);color:var(--gray-500);justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-step.active .step-number{background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);color:white;box-shadow:0 4px 12px rgba(245,69,39,.3)}.step-label{font-size:12px;font-weight:500;color:var(--gray-500);text-align:center}.progress-step.active .step-label{color:var(--primary);font-weight:600}.progress-line{width:60px;height:2px;background:var(--gray-200);margin:0 20px;position:relative;top:-20px}.create-project-content-new{background:var(--white);border-radius:24px;padding:48px;border:1px solid var(--gray-200);box-shadow:0 8px 32px rgba(0,0,0,.08)}.page-header-new{text-align:center;margin-bottom:48px;position:relative}.header-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:white;box-shadow:0 8px 24px rgba(245,69,39,.3)}.page-header-new h1{font-size:36px;font-weight:800;color:var(--gray-800);margin:0 0 16px;background:linear-gradient(135deg,var(--gray-800) 0,var(--gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-new p{font-size:18px;color:var(--gray-500);max-width:600px;margin:0 auto;line-height:1.6}.create-project-form-new{max-width:800px;margin:0 auto}.form-sections-container{display:flex;flex-direction:column;gap:32px;margin-bottom:48px}.form-section-new{background:var(--gray-50);border-radius:16px;padding:32px;border:1px solid var(--gray-200);transition:all .3s ease}.form-section-new:hover{box-shadow:0 4px 16px rgba(0,0,0,.05)}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.section-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.section-header h3{font-size:20px;font-weight:700;color:var(--gray-800);margin:0 0 4px}.section-header p{font-size:14px;color:var(--gray-500);margin:0}.form-fields{gap:24px}.form-fields,.form-group-new{display:flex;flex-direction:column}.form-group-new{gap:8px}.form-group-new label{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--gray-700)}.required{color:var(--primary);font-weight:700}.input-container,.textarea-container{position:relative}.input-container input,.textarea-container textarea{width:100%;padding:16px 20px 16px 48px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;transition:all .3s ease;background:var(--white);box-sizing:border-box}.input-container input:focus,.textarea-container textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(245,69,39,.1)}.input-container input.error,.textarea-container textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}.textarea-container textarea{resize:vertical;min-height:120px}.input-icon,.textarea-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.textarea-icon{top:20px;transform:none}.form-row-new{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-actions-new{display:flex;gap:16px;justify-content:flex-end;margin-top:48px;padding-top:32px;border-top:2px solid var(--gray-100)}.btn-cancel-new{background:var(--gray-100);color:var(--gray-700);border:none;border-radius:12px;padding:16px 24px;font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:all .3s ease;min-width:120px}.btn-cancel-new:hover{background:var(--gray-200);color:var(--gray-800);transform:translateY(-1px)}.btn-submit-new{background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);color:white;border:none;border-radius:12px;padding:16px 32px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(245,69,39,.3);display:inline-flex;align-items:center;gap:8px;justify-content:center;min-width:160px}.btn-submit-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,69,39,.4)}.btn-submit-new:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.create-project-container-new{padding:0 16px}.create-project-content-new{padding:24px}.page-header-new h1{font-size:28px}.page-header-new p{font-size:16px}.form-row-new{grid-template-columns:1fr}.form-actions-new{flex-direction:column}.back-btn-new{font-size:14px;padding:6px 12px}.progress-indicator{padding:16px}.progress-line{width:40px;margin:0 10px}.step-label{font-size:10px}.form-section-new{padding:24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-icon{width:40px;height:40px}.input-container input,.textarea-container textarea{padding:14px 16px 14px 44px}.input-icon,.textarea-icon{left:14px}.btn-cancel-new,.btn-submit-new{padding:14px 20px;font-size:14px}}.create-project-page{min-height:100vh;background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.create-project-header{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,.1)}.create-project-main{padding:40px 0}.create-project-container{max-width:800px;margin:0 auto;padding:0 24px}.create-project-content{background:var(--white);border-radius:24px;padding:40px;border:1px solid var(--gray-200);box-shadow:0 4px 12px rgba(0,0,0,.05)}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:32px;font-weight:800;color:var(--gray-800);margin:0 0 12px}.page-header p{font-size:16px;color:var(--gray-500);margin:0}.back-btn{display:flex;align-items:center;gap:8px;color:var(--gray-600);text-decoration:none;font-weight:500;transition:all .3s ease}.back-btn:hover{color:var(--primary)}.create-project-form{max-width:600px;margin:0 auto}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 20px;padding-bottom:8px;border-bottom:2px solid var(--gray-100)}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;transition:all .3s ease;background:var(--white);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,69,39,.1)}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-200)}.btn-cancel{background:var(--gray-100);color:var(--gray-700);border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-cancel:hover{background:var(--gray-200);color:var(--gray-800)}.btn-submit{background:linear-gradient(135deg,var(--primary) 0,var(--primary-600) 100%);color:white;border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(245,69,39,.3)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,69,39,.4)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.create-project-container{padding:0 16px}.create-project-content{padding:24px}.page-header h1{font-size:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.back-btn{font-size:14px}}.section-header h2{font-size:42px!important;font-weight:800!important;color:#1f2937!important;margin-bottom:20px!important;line-height:1.2!important;letter-spacing:-.02em!important;text-align:center!important}.section-header p{font-size:20px!important;color:#6b7280!important;max-width:600px!important;margin:0 auto!important;text-align:center!important;line-height:1.6!important}.features-header{text-align:center;margin-bottom:var(--space-16)}.features-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.features-title{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1.2;display:block}.features-subtitle{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;display:block}.how-it-works-header{text-align:center;margin-bottom:var(--space-16)}.how-it-works-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.how-it-works-title{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1.2;display:block}.how-it-works-subtitle{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;display:block}.pricing-header{text-align:center;margin-bottom:var(--space-16)}.pricing-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.pricing-title{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1.2;display:block}.pricing-subtitle{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;display:block}.testimonials-header{text-align:center;margin-bottom:var(--space-16)}.testimonials-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.testimonials-title{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);line-height:1.2;display:block}.testimonials-subtitle{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;display:block}.faqs-header{text-align:center;margin-bottom:var(--space-16)}.faqs-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.faqs-badge,.faqs-title{margin-bottom:var(--space-4)}.faqs-title{font-size:var(--text-4xl);font-weight:800;color:var(--gray-900);line-height:1.2;display:block}.faqs-subtitle{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;display:block}@media (max-width:1024px){.section-header h2{font-size:40px!important}.contact-title-modern,.faqs-title,.features-title,.how-it-works-title,.pricing-title,.testimonials-title{font-size:var(--text-3xl)}}@media (max-width:768px){.section-header h2{font-size:32px!important}.section-header p{font-size:18px!important}.contact-title-modern,.faqs-title,.features-title,.how-it-works-title,.pricing-title,.testimonials-title{font-size:var(--text-2xl)}.contact-subtitle-modern,.faqs-subtitle,.features-subtitle,.how-it-works-subtitle,.pricing-subtitle,.testimonials-subtitle{font-size:var(--text-lg)}}@media (max-width:480px){.contact-title-modern,.faqs-title,.features-title,.how-it-works-title,.pricing-title,.testimonials-title{font-size:var(--text-xl)}.contact-subtitle-modern,.faqs-subtitle,.features-subtitle,.how-it-works-subtitle,.pricing-subtitle,.testimonials-subtitle{font-size:var(--text-base)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(245,69,39,.15));backdrop-filter:blur(12px);z-index:99999;padding:20px;box-sizing:border-box;animation:overlayFadeIn .4s ease-out}.modal-content{background:linear-gradient(145deg,#ffffff,#fefefe);border-radius:24px;box-shadow:0 40px 80px rgba(245,69,39,.25),0 0 0 1px rgba(245,69,39,.1),inset 0 1px 0 rgba(255,255,255,.9);border:2px solid transparent;background-clip:padding-box;width:100%;max-width:450px;position:relative;display:flex;flex-direction:column;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1)}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:3px;background:linear-gradient(135deg,#f54527,#e63900,#ff6b47,#f54527);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1;animation:borderGlow 3s ease-in-out infinite}.modal-content:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(245,69,39,.03) 0,transparent 70%);animation:float 6s ease-in-out infinite;z-index:-1}@keyframes borderGlow{0%,to{background:linear-gradient(135deg,#f54527,#e63900,#ff6b47,#f54527)}50%{background:linear-gradient(135deg,#ff6b47,#f54527,#e63900,#ff6b47)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.8) rotateX(15deg)}50%{opacity:.8;transform:translateY(-10px) scale(1.02) rotateX(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(245,69,39,.3)}50%{box-shadow:0 0 30px rgba(245,69,39,.6),0 0 40px rgba(245,69,39,.3)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 28px 24px;border-bottom:none;margin-bottom:0;flex-shrink:0;background:linear-gradient(135deg,#f54527,#e63900 50%,#ff6b47);border-radius:24px 24px 0 0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.modal-header h2{font-size:24px;font-weight:800;color:white;margin:0;text-align:center;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;position:relative;z-index:1}.modal-close{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);color:white;cursor:pointer;padding:8px;border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:absolute;top:20px;right:20px;z-index:3;backdrop-filter:blur(10px)}.modal-close:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.6);transform:scale(1.15) rotate(90deg);box-shadow:0 8px 25px rgba(0,0,0,.2)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.modal-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:visible}.modal-form .form-group{display:flex;flex-direction:column;gap:8px}.modal-form .form-group input,.modal-form .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#f9fafb,#ffffff);box-sizing:border-box;color:#374151;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 2px 8px rgba(0,0,0,.05)}.modal-form .form-group input:focus,.modal-form .form-group textarea:focus{outline:none;border-color:#f54527;background:white;box-shadow:0 0 0 4px rgba(245,69,39,.15),0 8px 25px rgba(245,69,39,.1),inset 0 2px 4px rgba(0,0,0,.05);transform:translateY(-3px) scale(1.02);animation:glow 2s infinite}.modal-form .form-group input.error,.modal-form .form-group textarea.error{border-color:#ef4444;background:linear-gradient(145deg,#fef2f2,#ffffff);box-shadow:0 0 0 4px rgba(239,68,68,.15),0 4px 15px rgba(239,68,68,.1);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.modal-form .form-group textarea{resize:vertical;min-height:100px}.modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-form .form-options{display:flex;justify-content:space-between;align-items:center;margin:4px 0;flex-wrap:nowrap;gap:16px}.modal-form .checkbox-label{align-items:center;font-size:15px}.modal-form .checkbox-label input[type=checkbox]{margin:0}.modal-form .forgot-password{font-size:15px}.modal-form .terms-link{color:var(--primary)}.modal-form .form-actions{display:flex;gap:12px;justify-content:center;margin-top:8px;padding-top:12px;border-top:1px solid #e5e7eb}.modal-form .btn-primary,.modal-form .btn-secondary{padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;min-width:120px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.modal-form .btn-primary{background:linear-gradient(135deg,#f54527,#e63900 50%,#ff6b47);color:white;box-shadow:0 12px 25px rgba(245,69,39,.4),0 0 0 1px rgba(255,255,255,.1);border:2px solid transparent;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-form .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modal-form .btn-primary:hover:not(:disabled){transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px rgba(245,69,39,.5),0 0 0 1px rgba(255,255,255,.2);background:linear-gradient(135deg,#e63900,#d63000 50%,#f54527)}.modal-form .btn-primary:hover:not(:disabled):before{left:100%}.modal-form .btn-primary:active:not(:disabled){transform:translateY(-2px) scale(1.02)}.modal-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af;box-shadow:none}.modal-form .btn-secondary{background:linear-gradient(145deg,#ffffff,#f8f9fa);color:#f54527;border:2px solid #f54527;box-shadow:0 8px 20px rgba(245,69,39,.1),inset 0 1px 0 rgba(255,255,255,.8)}.modal-form .btn-secondary:hover{background:linear-gradient(135deg,#f54527,#e63900);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px rgba(245,69,39,.3),inset 0 1px 0 rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-form .error-banner{border-radius:12px}.modal-form .error-message{color:#ef4444;font-size:13px;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:6px}.modal-form .error-message:before{content:"⚠";font-size:14px}@media (max-width:768px){.modal-overlay{padding:8px}.modal-content{max-width:100%;max-height:90vh}.modal-content,.modal-content:before{border-radius:16px}.modal-header{padding:20px 20px 16px;border-radius:16px 16px 0 0}.modal-header h2{font-size:20px}.modal-close{width:32px;height:32px;padding:6px}.modal-form{padding:16px 20px 20px;gap:14px}.modal-form .form-row{grid-template-columns:1fr;gap:12px}.modal-form .form-actions{flex-direction:column;gap:10px}.modal-form .btn-primary,.modal-form .btn-secondary{width:100%;padding:12px 20px;font-size:13px;min-width:auto}.modal-form .form-options{flex-direction:column;align-items:flex-start;gap:10px}.modal-form .form-group input,.modal-form .form-group textarea{padding:12px 16px;font-size:13px}}.login-modal{max-width:420px;width:100%;max-height:90vh}.login-modal .modal-header{background:linear-gradient(135deg,#f54527,#e63900 50%,#ff6b47);padding:32px 28px 24px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.login-modal .modal-header-content{position:relative;z-index:2}.login-modal .modal-icon{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.login-modal .modal-icon svg{width:28px;height:28px;color:white;stroke-width:2.5}.login-modal .modal-header h2{font-size:28px;font-weight:800;color:white;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.login-modal .modal-header p{font-size:16px;color:rgba(255,255,255,.9);margin:0;font-weight:500}.signup-modal{max-width:480px;width:100%;max-height:95vh}.signup-modal .modal-header{background:linear-gradient(135deg,#f54527,#e63900 50%,#ff6b47);padding:32px 28px 24px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.signup-modal .modal-header-content{position:relative;z-index:2}.signup-modal .modal-icon{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.signup-modal .modal-icon svg{width:28px;height:28px;color:white;stroke-width:2.5}.signup-modal .modal-header h2{font-size:28px;font-weight:800;color:white;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.signup-modal .modal-header p{font-size:16px;color:rgba(255,255,255,.9);margin:0;font-weight:500}.form-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-label svg{width:16px;height:16px;color:#f54527;stroke-width:2}.modal-form .form-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#f9fafb,#ffffff);box-sizing:border-box;color:#374151;position:relative}.modal-form .form-group input:focus{outline:none;border-color:#f54527;background:white;box-shadow:0 0 0 4px rgba(245,69,39,.15),0 12px 30px rgba(245,69,39,.1),inset 0 2px 4px rgba(0,0,0,.05);transform:translateY(-2px) scale(1.02);animation:glow 2s infinite}.modal-form .form-group input::placeholder{color:#9ca3af;font-weight:400}.modal-form .btn-primary{padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;min-width:140px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px}.modal-form .btn-primary svg{width:20px;height:20px;stroke-width:2.5}.modal-form .btn-primary .loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-form .error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;color:#dc2626;padding:16px 20px;border-radius:16px;font-size:15px;font-weight:600;text-align:center;box-shadow:0 4px 12px rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;gap:8px}.modal-form .error-banner svg{width:20px;height:20px;stroke-width:2.5;flex-shrink:0}.modal-footer{text-align:center;padding:12px 0 0;border-top:1px solid #e5e7eb;margin-top:12px}.modal-footer p{font-size:14px;color:#6b7280;margin:0}.modal-footer .login-link,.modal-footer .signup-link{color:#f54527;text-decoration:none;font-weight:600;transition:all .3s ease}.modal-footer .login-link:hover,.modal-footer .signup-link:hover{color:#e63900;text-decoration:underline}.modal-form .checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#6b7280;cursor:pointer;font-weight:500;line-height:1.5}.modal-form .terms-text{display:inline;line-height:1.4}.modal-form .checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#f54527;cursor:pointer;flex-shrink:0;margin:2px 0 0}.modal-form .terms-link{color:#f54527;text-decoration:none;font-weight:600;transition:all .3s ease}.modal-form .terms-link:hover{color:#e63900;text-decoration:underline}.modal-form .forgot-password{color:#f54527;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease}.modal-form .forgot-password:hover{color:#e63900;text-decoration:underline}.modal-content{max-height:95vh;overflow:visible}.modal-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh}@media (max-width:768px){.login-modal,.signup-modal{max-width:100%;margin:0 16px;max-height:90vh;overflow:visible}.login-modal .modal-header,.signup-modal .modal-header{padding:20px 16px 16px}.login-modal .modal-icon,.signup-modal .modal-icon{width:45px;height:45px;margin-bottom:10px}.login-modal .modal-icon svg,.signup-modal .modal-icon svg{width:22px;height:22px}.login-modal .modal-header h2,.signup-modal .modal-header h2{font-size:22px}.login-modal .modal-header p,.signup-modal .modal-header p{font-size:13px}.modal-form{padding:16px 20px 20px;gap:12px}.modal-form .form-group input{padding:10px 14px;font-size:14px}.modal-form .btn-primary{padding:10px 20px;font-size:13px}.modal-close{top:12px;right:12px;width:30px;height:30px}.modal-form .form-row{grid-template-columns:1fr;gap:8px}.modal-form .form-options{flex-direction:column;align-items:flex-start;gap:8px}.modal-form .checkbox-label{align-items:flex-start;gap:10px}}.breadcrumb-new{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#f54527}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#374151;font-weight:500}.project-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:linear-gradient(145deg,#ffffff,#f8f9fa);border-radius:16px;border:1px solid #e5e7eb}.project-header-info{display:flex;align-items:flex-start;gap:20px}.project-icon-large{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.project-header-details h1{font-size:28px;font-weight:800;color:#1f2937;margin:0 0 8px}.project-subtitle{font-size:16px;color:#6b7280;margin:0 0 12px;line-height:1.5}.project-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.meta-separator{color:#d1d5db}.status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.healthy{background:#dcfce7;color:#166534}.status-badge.warning{background:#fef3c7;color:#92400e}.project-actions{display:flex;gap:12px;align-items:center}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:white;border-radius:12px;padding:20px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.stat-icon.success{background:#10b981}.stat-icon.warning{background:#f59e0b}.stat-icon.info{background:#3b82f6}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:800;color:#1f2937;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.test-suites-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:20px}.test-suites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.test-suite-card{background:white;border-radius:12px;padding:20px;border:1px solid #e5e7eb;transition:all .3s ease}.test-suite-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.suite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.suite-name{font-size:16px;font-weight:600;color:#1f2937;margin:0}.suite-status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.suite-status.success{background:#dcfce7;color:#166534}.suite-status.warning{background:#fef3c7;color:#92400e}.suite-stats{display:flex;gap:20px}.suite-stats .stat{text-align:center}.suite-stats .stat-number{font-size:18px;font-weight:700;color:#1f2937;display:block}.suite-stats .stat-label{font-size:12px;color:#6b7280;font-weight:500}.suite-stats .stat.success .stat-number{color:#10b981}.suite-stats .stat.error .stat-number{color:#ef4444}.recent-runs-section{margin-bottom:32px}.runs-table{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:14px;color:#374151}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px 20px}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color .3s ease}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.table-cell{font-size:14px;color:#374151;display:flex;align-items:center}.table-cell.success{color:#10b981;font-weight:600}.table-cell.error{color:#ef4444;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#f54527;border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.error-container h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.error-container p{font-size:16px;color:#6b7280;margin:0}@media (max-width:768px){.project-header-section{flex-direction:column;gap:20px}.project-actions{width:100%;justify-content:stretch}.project-actions button{flex:1}.stats-overview,.table-header,.table-row,.test-suites-grid{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:8px}.table-cell:before{content:attr(data-label) ": ";font-weight:600;color:#6b7280}}.footer{background:linear-gradient(135deg,#1f2937,#374151);color:var(--white);padding:80px 0 40px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(245,69,39,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,69,39,.1) 0,transparent 50%);z-index:1}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:50px;position:relative;z-index:2}.footer-brand h3{font-size:32px;font-weight:800;color:#f54527;margin-bottom:16px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.footer-logo-icon{font-size:28px;color:#f54527}.footer-brand p{color:#d1d5db;line-height:1.6;font-size:16px;margin-bottom:24px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h4{font-size:18px;font-weight:700;margin-bottom:20px;color:#ffffff;letter-spacing:-.01em}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:12px}.footer-column a{color:#9ca3af;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;display:inline-block}.footer-column a:hover{color:#f54527;transform:translateX(4px)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #374151;color:#9ca3af;position:relative;z-index:2}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom-content p{font-size:14px;margin:0;color:#9ca3af}.footer-bottom-links{display:flex;gap:30px}.footer-bottom-links a{color:#9ca3af;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.footer-bottom-links a:hover{color:#f54527}@media (max-width:768px){.auth-container{padding:24px;margin:16px}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header-content{padding:0 16px;height:auto;flex-wrap:wrap;gap:16px}.dashboard-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.dashboard-user{order:2}.dashboard-main{padding:16px}.stats-grid{gap:16px}.content-grid,.stats-grid{grid-template-columns:1fr}.content-card{border-right:none;border-bottom:1px solid #e2e8f0}.content-card:last-child{border-bottom:none}.projects-grid,.quick-actions{grid-template-columns:1fr}.projects-grid{padding:16px}.projects-header{align-items:flex-start;gap:16px;padding:16px}.project-actions,.projects-header{flex-direction:column}.user-details{display:none}}@media (max-width:480px){.auth-page{padding:10px}.auth-container{padding:20px}.auth-header h1{font-size:24px}.dashboard-header-content{flex-direction:column;align-items:stretch;height:auto;padding:16px}.dashboard-logo{text-align:center;margin-bottom:16px}.dashboard-nav{order:2;justify-content:space-around}.dashboard-user{order:3;justify-content:center}.welcome-section h1{font-size:24px}.stat-card{padding:16px}.stat-value{font-size:24px}}.browser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding:var(--space-8);background:linear-gradient(135deg,#f8fafc,#ffffff);border-radius:var(--radius-3xl);box-shadow:0 10px 40px rgba(0,0,0,.1);border:3px solid var(--gray-100);position:relative;overflow:hidden;min-width:280px}.browser-grid:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0,#e63900 50%,var(--primary) 100%);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.browser-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-2xl);font-weight:700;font-size:var(--text-lg);color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .4s ease;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.1)}.browser-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.browser-icon:hover:before{opacity:1}.browser-icon:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2)}.browser-icon.chrome{background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05)}.browser-icon.firefox{background:linear-gradient(135deg,#ff7139,#ff4500)}.browser-icon.safari{background:linear-gradient(135deg,#007aff,#0051d5)}.browser-icon.edge{background:linear-gradient(135deg,#0078d4,#106ebe)}.browser-icon:active{transform:translateY(-2px) scale(1.02)}.badge-icon{display:flex;align-items:center;justify-content:center}.badge-icon svg{width:1.2em;height:1.2em;stroke:currentColor}.card-icon svg{width:1.5em;height:1.5em}.browser-logo svg,.stat-icon svg{width:1.5em;height:1.5em;stroke:currentColor}.testimonial-rating svg{width:1em;height:1em;fill:#fbbf24;stroke:none}.testimonial-rating{display:flex;gap:2px}.highlight-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--white);border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;min-width:200px}.highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);transform:scaleX(0);transition:transform .3s ease}.highlight-card:hover:before{transform:scaleX(1)}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.12);border-color:var(--primary)}.highlight-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);border-radius:var(--radius-xl);color:var(--white);flex-shrink:0}.highlight-icon svg{width:24px;height:24px;stroke:currentColor}.highlight-content{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.highlight-number{font-size:var(--text-2xl);font-weight:800;color:var(--primary);line-height:1}.highlight-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3);position:relative;z-index:2;margin-top:var(--space-4)}.platform-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;text-align:left}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(135deg,var(--primary) 0,#e63900 100%);transform:scaleX(0);transition:transform .4s ease}.platform-card:hover:before{transform:scaleX(1)}.platform-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#cbd5e1}.card-header{gap:var(--space-3);margin-bottom:var(--space-3)}.card-header,.card-icon{display:flex;align-items:center}.card-icon{justify-content:center;width:40px;height:40px;background:#f0f9ff;border-radius:var(--radius-md);color:#0ea5e9;flex-shrink:0;transition:all .3s ease}.card-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:2}.card-header h3{font-size:var(--text-base);font-weight:700;color:var(--gray-900);margin:0}.card-content{padding-left:0;margin-top:0}.feature-list{display:flex;flex-direction:column;gap:var(--space-1)}.feature-item{gap:var(--space-2);padding:var(--space-1) 0;text-align:left}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{justify-content:center;width:6px;height:6px;background:#0ea5e9;transform:rotate(45deg);flex-shrink:0}.feature-item span{font-size:var(--text-sm);font-weight:500;color:var(--gray-600);line-height:1.4}.feature-item:hover{transform:translateX(2px)}@media (max-width:1024px){.platform-highlights{flex-direction:column;align-items:center;gap:var(--space-6)}.highlight-card{width:100%;max-width:300px}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}}@media (max-width:768px){.platform-section{padding:var(--space-20) 0}.platform-highlights{gap:var(--space-4)}.highlight-card{padding:var(--space-4) var(--space-6)}.highlight-icon{width:40px;height:40px}.highlight-icon svg{width:20px;height:20px}.highlight-number{font-size:var(--text-xl)}.platform-grid{grid-template-columns:1fr;gap:var(--space-6)}.card-content{padding-left:0;margin-top:var(--space-4)}.card-header{flex-direction:column;text-align:left;gap:var(--space-3);align-items:flex-start}.platform-card{padding:var(--space-6)}.card-icon{width:48px;height:48px}.card-icon svg{width:24px;height:24px}.card-content{padding-left:calc(48px + var(--space-4))}}@media (max-width:1024px){.container{padding:0 var(--space-4)}.hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.platform-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-content{grid-template-columns:1fr;gap:var(--space-12)}.footer-content{grid-template-columns:1fr;text-align:center}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:block}.header-cta{display:none}.hero-title{font-size:var(--text-4xl)}.section-title{font-size:var(--text-3xl)}.workflow-steps{grid-template-columns:1fr;gap:var(--space-6)}.workflow-step-card{padding:var(--space-8)}.step-header{justify-content:center;text-align:center}.step-number-badge{width:80px;height:80px;font-size:var(--text-2xl)}.demo-browsers{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.results-stats{grid-template-columns:1fr;gap:var(--space-3)}.platform-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.footer-links,.pricing-grid{grid-template-columns:1fr}.footer-links{gap:var(--space-6)}.footer-bottom-content{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:480px){.container{padding:0 var(--space-4)}.hero-title{font-size:var(--text-3xl)}.section-title{font-size:var(--text-2xl)}.step-number-badge{width:70px;height:70px;font-size:var(--text-xl)}.workflow-step-card{padding:var(--space-6)}.contact-form .form-row,.platform-cards{grid-template-columns:1fr}.contact-item{flex-direction:column;text-align:center;gap:var(--space-4)}.contact-icon{align-self:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out}.animate-fadeInRight{animation:fadeInRight .8s ease-out}.hero-floating-elements .floating-card.card-1,.hero-floating-elements .floating-card.card-2,.hero-floating-elements .floating-card.card-3,div[class*=floating-card]{position:absolute!important;display:flex!important;align-items:center!important;gap:16px!important;background:linear-gradient(135deg,#ffffff,#f8fafc)!important;border:2px solid #e2e8f0!important;border-radius:16px!important;padding:20px!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important;width:160px!important;height:80px!important;cursor:pointer!important;top:100%!important;margin-top:30px!important;animation:none!important;transition:none!important;transform:none!important;z-index:10!important}.hero-floating-elements .floating-card.card-1,div[class*=floating-card][class*=card-1]{left:30px!important}.hero-floating-elements .floating-card.card-2,div[class*=floating-card][class*=card-2]{left:50%!important;transform:translateX(-50%)!important}.hero-floating-elements .floating-card.card-3,div[class*=floating-card][class*=card-3]{right:30px!important}.hero-floating-elements .floating-card:hover,div[class*=floating-card]:hover{border:3px solid #f54527!important;box-shadow:0 8px 32px rgba(0,0,0,.08),0 0 0 2px rgba(245,69,39,.2)!important;background:linear-gradient(135deg,#ffffff,#f8fafc)!important;transform:none!important}.hero-floating-elements .floating-card .card-icon,div[class*=floating-card] .card-icon{width:44px!important;height:44px!important;background:linear-gradient(135deg,#f54527,#e63900)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-shadow:0 4px 16px rgba(245,69,39,.2)!important}.hero-floating-elements .floating-card .card-icon svg,div[class*=floating-card] .card-icon svg{width:22px!important;height:22px!important;color:white!important}.hero-floating-elements .floating-card .card-text,div[class*=floating-card] .card-text{font-size:15px!important;font-weight:700!important;color:#1f2937!important;line-height:1.3!important;letter-spacing:-.01em!important}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#f9fafb;border-color:#9ca3af}.btn-back:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}