*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00D4FF;--primary-dark: #0099CC;--text: #FFFFFF;--text-secondary: #A1A1AA;--background: #0A0A0A;--surface: #1A1A1A;--border: #2A2A2A;--success: #10B981;--error: #EF4444;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--gradient: linear-gradient(135deg, #00D4FF 0%, #7C3AED 100%);--gradient-dark: linear-gradient(135deg, #0099CC 0%, #5B21B6 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);line-height:1.5;background:var(--background);font-size:16px}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-section{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0A0A0A 0%,#1A1A1A 50%,#0F0F0F 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.15) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,212,255,.1);color:var(--primary);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2)}.hero-title{font-size:clamp(48px,8vw,72px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;color:var(--text)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,4vw,24px);color:var(--text-secondary);margin-bottom:48px;line-height:1.4;font-weight:400}.hero-stats{display:flex;justify-content:center;gap:48px;margin-bottom:48px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:500;font-size:16px}.cta-button{display:inline-flex;align-items:center;gap:12px;background:var(--gradient);color:#fff;padding:16px 32px;border-radius:12px;font-weight:600;font-size:18px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #00d4ff4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66;background:var(--gradient-dark)}.principles-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.principles-container .principle-badge{position:absolute;pointer-events:auto}.principle-1{top:20%;left:8%}.principle-2{top:20%;right:8%}.principle-3{top:45%;left:5%}.principle-4{top:45%;right:5%}.principle-5{bottom:20%;left:10%}.principle-6{bottom:20%;right:10%}.principle-badge{display:flex;align-items:center;gap:8px;background:rgba(0,212,255,.1);color:var(--primary);padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,212,255,.2);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.principle-badge:hover{background:rgba(0,212,255,.15);transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff33}.principle-badge.active{background:rgba(0,212,255,.2);border-color:var(--primary);box-shadow:0 4px 20px #00d4ff4d}.principle-description{position:absolute;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);padding:16px;border-radius:8px;border:1px solid var(--border);box-shadow:0 8px 30px #0006;font-size:14px;line-height:1.4;white-space:normal;z-index:10;max-width:280px;min-width:200px;text-align:center;word-wrap:break-word}.principle-1 .principle-description,.principle-2 .principle-description,.principle-3 .principle-description,.principle-4 .principle-description{bottom:100%;margin-bottom:8px}.principle-5 .principle-description,.principle-6 .principle-description{top:100%;margin-top:8px}.principle-description:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.principle-1 .principle-description:before,.principle-2 .principle-description:before,.principle-3 .principle-description:before,.principle-4 .principle-description:before{bottom:-6px;border-top:6px solid var(--surface)}.principle-5 .principle-description:before,.principle-6 .principle-description:before{top:-6px;border-bottom:6px solid var(--surface)}.jobs-section{padding:120px 0;background:var(--surface)}.jobs-header{text-align:center;margin-bottom:80px}.jobs-header h2{font-size:clamp(36px,6vw,48px);font-weight:700;margin-bottom:16px;color:var(--text);letter-spacing:-.02em}.jobs-header p{font-size:20px;color:var(--text-secondary);font-weight:400}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1000px;margin:0 auto}.loading{text-align:center;padding:80px 0}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.apply-section{padding:120px 0;background:var(--background)}.apply-header{text-align:center;margin-bottom:80px}.apply-header h2{font-size:clamp(36px,6vw,48px);font-weight:700;margin-bottom:16px;color:var(--text);letter-spacing:-.02em}.apply-header p{font-size:20px;color:var(--text-secondary);font-weight:400}.job-card{background:var(--background);border-radius:16px;padding:32px;border:1px solid var(--border);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.job-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0006;border-color:var(--primary)}.job-card:hover:before{transform:scaleX(1)}.job-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text)}.job-location{color:var(--text-secondary);font-size:16px;margin-bottom:16px}.job-type{display:inline-block;background:rgba(0,212,255,.1);color:var(--primary);padding:4px 12px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid rgba(0,212,255,.2)}.form-container{max-width:600px;margin:0 auto;background:var(--surface);padding:48px;border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 20px #0000004d}.form-title{font-size:24px;font-weight:700;margin-bottom:32px;text-align:center;color:var(--text)}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text);font-size:14px}.form-input,.form-textarea,.position-dropdown{width:100%;padding:16px;border:1px solid var(--border);border-radius:8px;font-size:16px;transition:all .2s ease;font-family:inherit;background:var(--background);color:var(--text)}.form-input:focus,.form-textarea:focus,.position-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.form-textarea{min-height:120px;resize:vertical}.form-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;background:var(--surface);cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.form-checkbox:checked{background:var(--primary);border-color:var(--primary)}.form-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px #00d4ff1a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:16px;gap:8px;font-family:inherit}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66;background:var(--gradient-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#2A2A2A}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--surface);border-radius:16px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative;border:1px solid var(--border)}.modal-header{padding:32px 32px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.modal-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text)}.modal-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:var(--background);color:var(--text)}.modal-body{padding:0 32px 32px}.alert{padding:16px;border-radius:8px;margin-bottom:24px;font-weight:500}.alert-success{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.2)}.alert-error{background:rgba(239,68,68,.1);color:var(--error);border:1px solid rgba(239,68,68,.2)}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.h-12{height:48px}.w-12{width:48px}.h-5{height:20px}.w-5{width:20px}.h-16{height:64px}.w-16{width:64px}.h-20{height:80px}.w-20{width:80px}.h-24{height:96px}.w-24{width:96px}.h-48{height:192px}.w-48{width:192px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-white{color:#fff}.text-success{color:var(--success)}.text-error{color:var(--error)}.bg-success{background:var(--success)}.bg-error{background:var(--error)}.border-success{border-color:var(--success)}.border-error{border-color:var(--error)}.border-b-2{border-bottom-width:2px}.border-b-2.border-white{border-bottom-color:#fff}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.p-4{padding:16px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prose{color:var(--text);max-width:65ch}.prose-lg{font-size:18px;line-height:1.7}.prose-lg h1{font-size:2.25rem;margin-top:0;margin-bottom:1.5rem;font-weight:700;line-height:1.2}.prose-lg h2{font-size:1.875rem;margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.prose-lg h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.4}.prose-lg h4{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.5rem;font-weight:600;line-height:1.5}.prose-lg p{margin-top:0;margin-bottom:1.5rem;line-height:1.7}.prose-lg ul,.prose-lg ol{margin-top:0;margin-bottom:1.5rem;padding-left:1.5rem}.prose-lg li{margin-top:.25rem;margin-bottom:.25rem;line-height:1.7}.prose-lg blockquote{margin-top:0;margin-bottom:1.5rem;padding-left:1rem;border-left:4px solid var(--border);font-style:italic;color:var(--text-secondary)}.prose-lg code{background:var(--background);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.prose-lg pre{background:var(--background);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-top:0;margin-bottom:1.5rem;border:1px solid var(--border)}.prose-lg pre code{background:none;padding:0;border-radius:0;font-size:.875rem;line-height:1.5;color:var(--text)}.max-w-none{max-width:none}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;padding:16px 0}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}.logo{font-size:24px;font-weight:700;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.nav{display:flex;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--text)}.footer{background:var(--surface);border-top:1px solid var(--border);padding:32px 0;margin-top:80px}.footer-content{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:14px}@media (max-width: 768px){.container{padding:0 16px}.hero-section{min-height:100vh;padding:80px 0 40px}.hero-stats{flex-direction:column;gap:16px}.principles-container{position:relative;margin-top:40px}.principle-1,.principle-2,.principle-3,.principle-4,.principle-5,.principle-6{position:static;margin-bottom:12px}.principles-container .principle-badge{position:static;display:inline-block;margin:4px}.principle-description{white-space:normal;max-width:200px;font-size:12px}.jobs-grid{grid-template-columns:1fr;gap:20px}.jobs-section,.apply-section{padding:80px 0}.form-container{padding:32px 24px}.modal-content{width:95%;margin:20px}.modal-header{padding:24px 24px 0}.modal-body{padding:0 24px 24px}.nav{display:none}.mobile-menu{display:block}.position-dropdown{font-size:16px}.job-card{padding:24px}}
