:root{--color-primary: #1a2532;--color-secondary: #2d3748;--color-accent: #3182ce;--color-accent-hover: #4299e1;--color-text-primary: #f7fafc;--color-text-secondary: #e2e8f0;--color-text-tertiary: #a0aec0;--color-background: #121a24;--color-card-bg: #1e293b;--color-input-bg: #2d3748;--color-input-border: #4a5568;--color-success: #38a169;--color-warning: #d69e2e;--color-error: #e53e3e;--color-border: #2d3748;--color-button-primary: #3182ce;--color-button-primary-hover: #4299e1;--color-button-secondary: #4a5568;--color-button-secondary-hover: #718096;--color-shadow: rgba(0, 0, 0, .3);--light-color-primary: #3182ce;--light-color-secondary: #4a5568;--light-color-accent: #2b6cb0;--light-color-accent-hover: #2c5282;--light-color-text-primary: #1a202c;--light-color-text-secondary: #2d3748;--light-color-text-tertiary: #4a5568;--light-color-background: #f7fafc;--light-color-card-bg: #ffffff;--light-color-input-bg: #edf2f7;--light-color-input-border: #e2e8f0;--light-color-border: #e2e8f0;--light-color-shadow: rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 2.5rem;--space-10: 3rem;--space-12: 4rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow), 0 2px 4px -1px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow), 0 4px 6px -2px var(--color-shadow);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-fixed: 1200;--z-index-modal-backdrop: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-tooltip: 1600}body.light-mode{--color-primary: var(--light-color-primary);--color-secondary: var(--light-color-secondary);--color-accent: var(--light-color-accent);--color-accent-hover: var(--light-color-accent-hover);--color-text-primary: var(--light-color-text-primary);--color-text-secondary: var(--light-color-text-secondary);--color-text-tertiary: var(--light-color-text-tertiary);--color-background: var(--light-color-background);--color-card-bg: var(--light-color-card-bg);--color-input-bg: var(--light-color-input-bg);--color-input-border: var(--light-color-input-border);--color-border: var(--light-color-border);--color-shadow: var(--light-color-shadow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:var(--space-6);padding-bottom:var(--space-10)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);transition:all var(--transition-fast);border:none;background-color:var(--color-button-primary);color:#fff}button:hover{background-color:var(--color-button-primary-hover)}ul{list-style:none}.hero{padding:var(--space-10) 0;text-align:center;background-color:var(--color-primary);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);margin-bottom:var(--space-8)}.hero-content{max-width:800px;margin:0 auto}.hero h1{margin-bottom:var(--space-4);font-size:var(--font-size-4xl)}.hero p{font-size:var(--font-size-xl);margin-bottom:0;opacity:.9}.features{padding:var(--space-10) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.feature-card{background-color:var(--color-card-bg);padding:var(--space-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);background-color:var(--color-primary);border-radius:50%;color:var(--color-accent)}.feature-card h3{margin-bottom:var(--space-3);font-size:var(--font-size-xl)}.feature-card p{margin-bottom:0;color:var(--color-text-tertiary)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.hero{padding:var(--space-6) 0}.features-grid{grid-template-columns:1fr}}.header{background-color:var(--color-primary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-index-sticky);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;height:80px}.logo-container{display:flex;align-items:center}.logo{height:40px;width:auto;transition:opacity var(--transition-fast)}.logo:hover{opacity:.9}.main-nav ul{display:flex;gap:var(--space-6)}.main-nav a{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);position:relative;padding:var(--space-2) 0}.main-nav a:hover,.main-nav a.active{color:var(--color-text-primary)}.main-nav a.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--color-accent);border-radius:var(--border-radius-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.theme-toggle{background:transparent;border:none;color:var(--color-text-primary);padding:var(--space-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);position:relative}.theme-toggle:hover{color:var(--color-accent);transform:rotate(15deg)}body:not(.light-mode) .sun-icon{display:none}body.light-mode .moon-icon{display:none}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.user-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:none}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:transform var(--transition-fast);cursor:pointer}.avatar:hover{transform:scale(1.05)}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer}@media (min-width: 768px){.user-name{display:block}}@media (max-width: 767px){.main-nav{display:none}.mobile-menu-toggle{display:block}.header-content{height:70px}.logo{height:32px}}.ticket-form-section{padding:var(--space-8) 0}.form-container{background-color:var(--color-card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);max-width:900px;margin:0 auto;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.form-container:hover{box-shadow:var(--shadow-lg)}.form-header{text-align:center;margin-bottom:var(--space-6)}.form-header h2{color:var(--color-text-primary)}.form-header p{color:var(--color-text-tertiary);max-width:600px;margin:0 auto}.form-wrapper{position:relative;min-height:700px;border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--color-card-bg)}.clickup-embed{border:none!important;border-radius:var(--border-radius-md);min-height:700px;transition:opacity var(--transition-normal)}.form-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity var(--transition-normal);z-index:-1}.form-wrapper.loading:before{opacity:1;z-index:1}.form-wrapper.loading .clickup-embed{opacity:.5}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.form-container{padding:var(--space-4)}.form-wrapper,.clickup-embed{min-height:600px}}.footer{background-color:var(--color-primary);padding:var(--space-8) 0;margin-top:auto;border-top:1px solid var(--color-border)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-6)}.footer-logo{flex:1;min-width:250px}.footer-logo-img{height:32px;margin-bottom:var(--space-4)}.footer-logo p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:0}.footer-links{display:flex;gap:var(--space-8);flex-wrap:wrap}.footer-links-column{min-width:160px}.footer-links-column h4{font-size:var(--font-size-md);margin-bottom:var(--space-4);color:var(--color-text-primary)}.footer-links-column ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links-column a{color:var(--color-text-tertiary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links-column a:hover{color:var(--color-text-primary)}@media (max-width: 767px){.footer-content{flex-direction:column;gap:var(--space-6)}.footer-logo{text-align:center}.footer-links{width:100%;justify-content:space-around}}