@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--color-primary: #FF6B35;--color-primary-dark: #E55A2B;--color-primary-light: #FF8C5A;--color-primary-glow: rgba(255, 107, 53, .25);--color-secondary: #4B7BEC;--color-secondary-dark: #3867D6;--color-secondary-light: #6C93F0;--color-accent: #26DE81;--color-accent-dark: #20C677;--color-bg: #FAFBFD;--color-bg-alt: #F1F3F8;--color-surface: #FFFFFF;--color-surface-hover: #F8F9FC;--color-border: #E2E6EF;--color-border-light: #EEF0F6;--color-text: #1A1F36;--color-text-secondary: #525A76;--color-text-muted: #8892A8;--color-text-inverse: #FFFFFF;--color-dark: #1A1F36;--color-dark-alt: #232842;--color-dark-surface: #2A3050;--color-success: #26DE81;--color-warning: #FFBE21;--color-error: #FC5C65;--color-info: #4B7BEC;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3rem;--fs-5xl: 3.75rem;--fs-6xl: 4.5rem;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--lh-tight: 1.15;--lh-normal: 1.5;--lh-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 31, 54, .04);--shadow-sm: 0 2px 8px rgba(26, 31, 54, .06);--shadow-md: 0 4px 16px rgba(26, 31, 54, .08);--shadow-lg: 0 8px 32px rgba(26, 31, 54, .1);--shadow-xl: 0 16px 48px rgba(26, 31, 54, .14);--shadow-glow: 0 0 40px rgba(255, 107, 53, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--max-width: 1280px;--nav-height: 72px;--gradient-primary: linear-gradient(135deg, #FF6B35, #FF8C5A);--gradient-secondary: linear-gradient(135deg, #4B7BEC, #6C93F0);--gradient-dark: linear-gradient(135deg, #1A1F36, #2A3050);--gradient-hero: linear-gradient(135deg, #1A1F36 0%, #2A3050 50%, #1A1F36 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.05));--gradient-orange-blue: linear-gradient(135deg, #FF6B35, #4B7BEC)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--lh-tight);font-weight:var(--fw-bold)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body);font-size:var(--fs-base)}input,textarea,select{font-family:var(--font-body);font-size:var(--fs-base)}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section-dark{background:var(--gradient-hero);color:var(--color-text-inverse)}.section-alt{background:var(--color-bg-alt)}.glass{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)}.glass-dark{background:#1a1f3699;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.btn-secondary{background:var(--gradient-secondary);color:var(--color-text-inverse);box-shadow:0 4px 14px #4b7bec4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4b7bec66}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-bg-alt)}.btn-white{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--fs-md);border-radius:var(--radius-lg)}.text-gradient{background:var(--gradient-orange-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff6b3533}50%{box-shadow:0 0 40px #ff6b3566}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:1024px){:root{--fs-5xl: 3rem;--fs-6xl: 3.5rem}}@media(max-width:768px){:root{--fs-4xl: 2.25rem;--fs-5xl: 2.5rem;--fs-6xl: 3rem}.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}}@media(max-width:480px){:root{--fs-3xl: 1.75rem;--fs-4xl: 2rem;--fs-5xl: 2.25rem}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:all var(--transition-base);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light)}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:var(--fs-xl);color:var(--color-text);flex-shrink:0}.nav-logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.nav-logo span{color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;position:relative;display:flex;align-items:center;gap:var(--space-1)}.nav-link:hover{color:var(--color-text);background:var(--color-bg-alt)}.nav-link-chevron{transition:transform var(--transition-fast)}.nav-link:hover .nav-link-chevron{transform:rotate(180deg)}.nav-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-login{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-login:hover{color:var(--color-primary);background:#ff6b350f}.mega-menu-overlay{position:fixed;inset:0;top:var(--nav-height);background:#0003;z-index:990;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mega-menu-overlay.active{opacity:1;visibility:visible}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);min-width:600px;opacity:0;visibility:hidden;transition:all var(--transition-base);border:1px solid var(--color-border-light);z-index:1001}.mega-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.mega-menu-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.mega-menu-item:hover{background:var(--color-bg-alt)}.mega-menu-item-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mega-menu-item-content h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:2px}.mega-menu-item-content p{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:var(--lh-normal)}.mobile-toggle{display:none;background:none;padding:var(--space-2);color:var(--color-text)}.mobile-menu{display:none}@media(max-width:900px){.nav-links,.nav-actions .nav-login{display:none}.mobile-toggle{display:flex}.mobile-menu{display:block;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--color-surface);z-index:999;padding:var(--space-6);overflow-y:auto;transform:translate(100%);transition:transform var(--transition-base)}.mobile-menu.active{transform:translate(0)}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-menu-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--color-text);transition:background var(--transition-fast)}.mobile-menu-link:hover{background:var(--color-bg-alt)}.mobile-menu-cta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.mega-menu{position:fixed;top:var(--nav-height);left:0;right:0;transform:none;min-width:auto;border-radius:0;max-height:70vh;overflow-y:auto}.mega-menu.active{transform:none}.mega-menu-grid{grid-template-columns:1fr}}.footer{background:var(--color-dark);color:#fffc;padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--fw-extrabold);font-size:var(--fs-xl);color:#fff}.footer-logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.footer-logo span{color:var(--color-primary)}.footer-tagline{font-size:var(--fs-sm);color:#ffffff80;line-height:var(--lh-relaxed);max-width:280px}.footer-socials{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.footer-social-link{width:38px;height:38px;border-radius:var(--radius-full);background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all var(--transition-fast)}.footer-social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer-column h4{font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:#fff;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-column li a{font-size:var(--fs-sm);color:#ffffff80;transition:all var(--transition-fast);display:inline-block}.footer-column li a:hover{color:var(--color-primary);transform:translate(4px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--fs-xs);color:#ffffff59}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--fs-xs);color:#ffffff59;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-primary)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-brand{grid-column:span 2}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;text-align:center}}.file-uploader{width:100%}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-surface);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.upload-zone:hover{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.upload-zone:hover:before{opacity:.03}.upload-zone.dragging{border-color:var(--color-primary);background:#ff6b350a;box-shadow:0 0 0 4px var(--color-primary-glow);transform:scale(1.01)}.upload-zone-content{position:relative;z-index:1}.upload-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#ff6b351a,#4b7bec1a);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-primary);transition:transform var(--transition-spring)}.upload-icon.bounce{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}.upload-zone h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.upload-zone p{font-size:var(--fs-sm);color:var(--color-text-muted)}.upload-browse{color:var(--color-primary);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.upload-hint{margin-top:var(--space-2);font-size:var(--fs-xs)!important;color:var(--color-text-muted)!important}.upload-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fc5c6514;color:var(--color-error);border-radius:var(--radius-md);font-size:var(--fs-sm);margin-top:var(--space-3)}.upload-files{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.upload-file-info{display:flex;align-items:center;gap:var(--space-3);color:var(--color-primary)}.upload-file-info div{display:flex;flex-direction:column}.upload-file-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.upload-file-size{font-size:var(--fs-xs);color:var(--color-text-muted)}.upload-file-actions{display:flex;align-items:center;gap:var(--space-2)}.upload-file-check{color:var(--color-success)}.upload-file-remove{background:none;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.upload-file-remove:hover{background:#fc5c651a;color:var(--color-error)}.home-hero{background:var(--gradient-hero);padding:var(--space-20) 0 var(--space-24);position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.12) 0%,transparent 70%);top:-200px;right:-100px;pointer-events:none}.home-hero:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(75,123,236,.1) 0%,transparent 70%);bottom:-200px;left:-100px;pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-sm);color:#fffc;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:pulse-glow 2s ease-in-out infinite}.hero-title{font-size:var(--fs-6xl);font-weight:var(--fw-black);color:#fff;margin-bottom:var(--space-6);line-height:1.1}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--fs-lg);color:#fff9;margin-bottom:var(--space-8);line-height:var(--lh-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12)}.hero-upload{max-width:580px;margin:0 auto}.hero-upload .upload-zone{background:#ffffff0a;border-color:#ffffff26}.hero-upload .upload-zone:hover{border-color:var(--color-primary);background:#ffffff0f}.hero-upload .upload-zone h3{color:#fff}.hero-upload .upload-zone p,.hero-upload .upload-hint{color:#ffffff80!important}.hero-upload .upload-icon{background:#ff6b3526}.stats-bar{background:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);padding:var(--space-8) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);text-align:center}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);background:var(--gradient-orange-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:var(--fw-medium)}.tools-section{padding:var(--space-24) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-4)}.section-header p{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.tools-categories{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.tool-category-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);background:var(--color-bg-alt);border:1px solid transparent;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.tool-category-btn:hover{background:var(--color-surface);border-color:var(--color-border)}.tool-category-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.tool-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-gradient);opacity:0;transition:opacity var(--transition-base)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.tool-card:hover:after{opacity:1}.tool-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.tool-card:hover .tool-card-icon{transform:scale(1.1)}.tool-card h3{font-size:var(--fs-base);font-weight:var(--fw-bold)}.tool-card p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed);flex:1}.tool-card-arrow{font-size:var(--fs-sm);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:var(--space-1);transition:all var(--transition-fast)}.tool-card:hover .tool-card-arrow{gap:var(--space-2)}.tool-card-coming{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--fs-xs);padding:2px var(--space-2);border-radius:var(--radius-full);background:#a55eea1a;color:#a55eea;font-weight:var(--fw-semibold)}.features-showcase{background:var(--color-bg-alt);padding:var(--space-24) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}.feature-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-border-light);transition:all var(--transition-base);text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.feature-card h3{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.industries-section{padding:var(--space-24) 0}.industries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.industry-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base)}.industry-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.industry-card-emoji{font-size:var(--fs-3xl)}.industry-card h4{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:2px}.industry-card p{font-size:var(--fs-xs);color:var(--color-text-muted)}.security-section{background:var(--gradient-hero);padding:var(--space-20) 0;text-align:center}.security-badges{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap}.security-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.security-badge-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:#ffffff14;display:flex;align-items:center;justify-content:center;color:var(--color-primary);border:1px solid rgba(255,255,255,.1)}.security-badge span{font-size:var(--fs-sm);color:#fff9;font-weight:var(--fw-medium)}.cta-section{padding:var(--space-24) 0;text-align:center}.cta-card{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-8);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#ffffff1a;top:-250px;right:-100px}.cta-card h2{font-size:var(--fs-4xl);color:#fff;margin-bottom:var(--space-4);position:relative;z-index:1}.cta-card p{font-size:var(--fs-md);color:#fffc;margin-bottom:var(--space-8);position:relative;z-index:1}@media(max-width:768px){.hero-title{font-size:var(--fs-4xl)}.hero-ctas{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}.features-page{padding:var(--space-16) 0 var(--space-24)}.features-hero{text-align:center;margin-bottom:var(--space-12)}.features-hero h1{font-size:var(--fs-5xl);margin-bottom:var(--space-4)}.features-hero p{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features-tabs{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10);flex-wrap:wrap;padding:var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-xl);max-width:800px;margin-left:auto;margin-right:auto}.features-tab{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);background:transparent;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.features-tab:hover{color:var(--color-text)}.features-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--fw-semibold)}.features-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.feature-item{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;color:inherit}.feature-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent}.feature-item-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item h3{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--space-1)}.feature-item p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.pricing-page{padding:var(--space-16) 0 var(--space-24)}.pricing-hero{text-align:center;margin-bottom:var(--space-10)}.pricing-hero h1{font-size:var(--fs-5xl);margin-bottom:var(--space-4)}.pricing-hero p{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-6)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.pricing-toggle span{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted)}.pricing-toggle span.active{color:var(--color-text);font-weight:var(--fw-semibold)}.toggle-switch{width:52px;height:28px;background:var(--color-border);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--transition-fast)}.toggle-switch.active{background:var(--color-primary)}.toggle-switch:after{content:"";width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.active:after{transform:translate(24px)}.pricing-save{background:#26de811a;color:var(--color-accent-dark);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto;align-items:start}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;transition:all var(--transition-base)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-lg);transform:scale(1.04);z-index:1}.pricing-card.popular:hover{transform:scale(1.04) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.5px}.pricing-plan-name{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.pricing-plan-desc{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.pricing-price{margin-bottom:var(--space-6)}.pricing-amount{font-family:var(--font-heading);font-size:var(--fs-5xl);font-weight:var(--fw-black)}.pricing-period{font-size:var(--fs-sm);color:var(--color-text-muted)}.pricing-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.pricing-feature{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-secondary)}.pricing-feature svg{flex-shrink:0;margin-top:2px;color:var(--color-accent)}.pricing-faq{max-width:700px;margin:var(--space-16) auto 0}.pricing-faq h2{text-align:center;font-size:var(--fs-3xl);margin-bottom:var(--space-8)}.faq-item{border-bottom:1px solid var(--color-border-light)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) 0;background:none;font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-text);text-align:left}.faq-answer{padding:0 0 var(--space-5);font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed);display:none}.faq-item.open .faq-answer{display:block}@media(max-width:900px){.pricing-cards{grid-template-columns:1fr;max-width:400px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}}.tool-workspace{display:flex;min-height:calc(100vh - var(--nav-height));background:var(--color-bg-alt)}.tool-sidebar{width:320px;background:var(--color-surface);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.tool-sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--space-3)}.tool-sidebar-header h2{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.tool-sidebar-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-sidebar-body{padding:var(--space-5);flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.tool-sidebar-footer{padding:var(--space-5);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-3)}.tool-canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);overflow:auto;position:relative}.tool-canvas-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);width:100%}.tool-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.tool-toolbar-group{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-right:1px solid var(--color-border-light)}.tool-toolbar-group:last-child{border-right:none}.toolbar-btn{padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--fs-sm);color:var(--color-text-secondary);background:transparent;transition:all var(--transition-fast);white-space:nowrap}.toolbar-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.toolbar-btn.active{background:var(--color-primary-bg);color:var(--color-primary)}.toolbar-btn svg{flex-shrink:0}.page-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);width:100%}.page-thumb{position:relative;border:2px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:#fff}.page-thumb:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-thumb.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.page-thumb canvas{width:100%;height:auto;display:block}.page-thumb-number{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm)}.page-thumb-actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.page-thumb:hover .page-thumb-actions{opacity:1}.page-thumb-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:var(--color-text);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:none;cursor:pointer}.page-thumb-btn:hover{background:#fff;box-shadow:var(--shadow-md)}.page-thumb-btn.danger:hover{background:var(--color-error);color:#fff}.tool-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;max-width:500px}.tool-upload-zone h2{font-size:var(--fs-2xl);margin-bottom:var(--space-2)}.tool-upload-zone p{color:var(--color-text-muted);font-size:var(--fs-sm)}.control-group{display:flex;flex-direction:column;gap:var(--space-2)}.control-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.control-desc{font-size:var(--fs-xs);color:var(--color-text-muted)}.control-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:border-color var(--transition-fast)}.control-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.control-range{width:100%;accent-color:var(--color-primary)}.control-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--color-surface);cursor:pointer}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.file-item-info{flex:1;min-width:0}.file-item-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{font-size:var(--fs-xs);color:var(--color-text-muted)}.file-item-remove{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0;background:transparent;border:none;cursor:pointer}.file-item-remove:hover{background:#fc5c651a;color:var(--color-error)}.tool-result-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tool-result-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-10);max-width:450px;width:90%;text-align:center;box-shadow:var(--shadow-xl)}.tool-result-card .result-icon{width:72px;height:72px;border-radius:50%;background:#26de811a;color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.tool-result-card h3{font-size:var(--fs-xl);margin-bottom:var(--space-2)}.tool-result-card p{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.size-comparison{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.size-item{flex:1;text-align:center}.size-item-value{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.size-item-label{font-size:var(--fs-xs);color:var(--color-text-muted)}.size-arrow{color:var(--color-success);font-weight:var(--fw-bold)}.drag-file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast)}.drag-file-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.drag-file-item.dragging{opacity:.5;border-style:dashed}.drag-handle{color:var(--color-text-muted);cursor:grab;padding:var(--space-1)}.pdf-page-canvas{box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);background:#fff}.text-overlay{position:absolute;cursor:move;padding:4px 8px;border:1px dashed transparent;transition:border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.text-overlay:hover,.text-overlay.selected{border-color:var(--color-primary)}.process-progress{padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.progress-bar-track{height:6px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-2) 0}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease}.rotation-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.watermark-preview-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--wm-angle, -45deg));font-size:var(--wm-size, 48px);color:var(--wm-color, rgba(0, 0, 0, .15));white-space:nowrap;pointer-events:none;font-weight:var(--fw-bold)}@media(max-width:900px){.tool-workspace{flex-direction:column}.tool-sidebar{width:100%;max-height:40vh}.page-thumbnails{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.tool-page{padding:var(--space-12) 0 var(--space-24);min-height:70vh}.tool-page-hero{text-align:center;margin-bottom:var(--space-10)}.tool-page-icon{width:72px;height:72px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.tool-page-hero h1{font-size:var(--fs-4xl);margin-bottom:var(--space-3)}.tool-page-hero p{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:550px;margin:0 auto}.tool-page-upload{max-width:640px;margin:0 auto var(--space-12)}.tool-page-processing{max-width:500px;margin:0 auto;text-align:center}.processing-bar{width:100%;height:8px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-4) 0}.processing-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease}.tool-page-result{max-width:500px;margin:0 auto;text-align:center;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.result-icon{width:64px;height:64px;border-radius:50%;background:#26de811a;color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.tool-page-result h3{font-size:var(--fs-xl);margin-bottom:var(--space-2)}.tool-page-result p{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.how-it-works{background:var(--color-bg-alt);padding:var(--space-20) 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:900px;margin:0 auto;position:relative}.steps-grid:before{content:"";position:absolute;top:36px;left:15%;right:15%;height:2px;background:var(--color-border);z-index:0}.step-card{text-align:center;position:relative;z-index:1}.step-number{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);margin:0 auto var(--space-4);background:var(--color-surface);border:2px solid var(--color-border)}.step-card h3{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.step-card p{font-size:var(--fs-sm);color:var(--color-text-muted)}.related-tools{padding:var(--space-20) 0}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.tool-not-found{text-align:center;padding:var(--space-20) 0}.tool-not-found h2{font-size:var(--fs-3xl);margin-bottom:var(--space-4)}@media(max-width:768px){.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}}.auth-page{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-bg-alt)}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header h1{font-size:var(--fs-2xl);margin-bottom:var(--space-2)}.auth-header p{font-size:var(--fs-sm);color:var(--color-text-muted)}.auth-social-btns{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--color-text);transition:all var(--transition-fast)}.auth-social-btn:hover{background:var(--color-bg-alt);border-color:var(--color-border)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--fs-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.form-group input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:all var(--transition-fast);background:var(--color-surface)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.auth-extras{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm)}.auth-extras label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text-secondary)}.auth-extras a{color:var(--color-primary);font-weight:var(--fw-medium)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--fs-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary);font-weight:var(--fw-semibold)}.about-page{padding:var(--space-16) 0 var(--space-24)}.about-hero{text-align:center;margin-bottom:var(--space-16)}.about-hero h1{font-size:var(--fs-5xl);margin-bottom:var(--space-4)}.about-hero p{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:650px;margin:0 auto;line-height:var(--lh-relaxed)}.about-mission{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-bottom:var(--space-20)}.about-mission-content h2{font-size:var(--fs-3xl);margin-bottom:var(--space-4)}.about-mission-content p{color:var(--color-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.about-mission-visual{background:var(--gradient-hero);border-radius:var(--radius-2xl);padding:var(--space-12);display:flex;align-items:center;justify-content:center;min-height:300px}.about-mission-visual .stat-value{font-size:var(--fs-6xl);color:#fff}.about-mission-visual .stat-label{color:#fff9;font-size:var(--fs-lg)}.about-values{margin-bottom:var(--space-20)}.about-values h2{text-align:center;font-size:var(--fs-3xl);margin-bottom:var(--space-10)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.value-card{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-card-emoji{font-size:3rem;margin-bottom:var(--space-4)}.value-card h3{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.value-card p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}@media(max-width:768px){.about-mission,.values-grid{grid-template-columns:1fr}}.contact-page{padding:var(--space-16) 0 var(--space-24)}.contact-hero{text-align:center;margin-bottom:var(--space-12)}.contact-hero h1{font-size:var(--fs-5xl);margin-bottom:var(--space-4)}.contact-hero p{font-size:var(--fs-md);color:var(--color-text-secondary);max-width:500px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);max-width:900px;margin:0 auto}.contact-form-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-8)}.contact-form-card h2{font-size:var(--fs-xl);margin-bottom:var(--space-6)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.contact-info-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg-alt);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.contact-info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-info-card h3{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.contact-info-card p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}