:root{--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--neutral-950: #020617;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #7B8FFF;--blue-500: #1990ff;--blue-600: #2563eb;--blue-700: #1d4ed8;--color-xylence-primary: #7B8FFF;--color-accent: #7B8FFF;--brand-accent: #dfe3ef;--brand-accent-hover: #eef0f6;--brand-accent-ink: #040424;--bg-primary: #0e0f13;--bg-secondary: #171820;--text-primary: #e8e8ec;--text-secondary: #a0a0b2;--text-tertiary: #a0a0b2;--text-muted: #a0a0b2;--glass-bg: #17182099;--glass-border: #ffffff1a;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-display: "DM Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--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;--r-base: 4px;--btn-radius: var(--r-base);--input-radius: var(--r-base);--card-radius: var(--r-base);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #475569;--text-muted: #475569;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--brand-accent: #04256D;--brand-accent-hover: #0d3a8f;--brand-accent-ink: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.contact-page{min-height:100vh;display:flex;flex-direction:column}.contact-main{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(80px + var(--space-8)) var(--space-6) var(--space-8)}.contact-container{width:100%;max-width:600px}.contact-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-semibold);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-3)}.contact-subtitle{font-size:var(--text-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-8)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--input-radius);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-xylence-primary);box-shadow:0 0 0 3px #1990ff1a}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{min-height:150px;resize:vertical}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--brand-accent-ink);background:var(--brand-accent);border:none;border-radius:var(--input-radius);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1990ff4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn svg{width:18px;height:18px}.form-status{padding:var(--space-4);border-radius:var(--input-radius);text-align:center;display:none}.form-status.visible{display:block}.form-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alternative-contact{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--glass-border);text-align:center}.alternative-contact p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.contact-methods{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.contact-method{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-base)}.contact-method:hover{color:var(--color-xylence-primary)}.contact-method svg{width:18px;height:18px}.back-link{position:fixed;bottom:var(--space-6);left:var(--space-6);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-tertiary);transition:color var(--transition-base)}.back-link:hover{color:var(--text-primary)}.back-link svg{width:16px;height:16px}@media(max-width:768px){.back-link{position:relative;bottom:auto;left:auto;justify-content:center;margin-top:var(--space-8)}}.bg-gradient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(25,144,255,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(59,130,246,.1),transparent)}
