:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #0f172a;--text-color: #f8fafc;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 1px rgba(255, 255, 255, .05) inset;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary-gradient: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 10%,hsla(225,39%,20%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(240,100%,20%,.3) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(280,100%,20%,.3) 0,transparent 50%);background-size:150% 150%;animation:gradient 25s ease infinite;color:var(--text-color);font-family:var(--font-family);overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{max-width:1280px;margin:0 auto;padding:2rem;width:100%}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5}.glass-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0006;border-color:#ffffff40;background:#1e293b80}.btn-primary{background:var(--primary-gradient);border:none;border-radius:10px;padding:.8em 1.5em;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #6366f14d;position:relative;overflow:hidden}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 15px -3px #6366f166}.btn-primary:active{transform:translateY(1px)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.2}input,textarea,select{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem 1rem;border-radius:10px;width:100%;margin-bottom:1rem;font-family:inherit;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:#8b5cf6;background:#0f172acc;box-shadow:0 0 0 2px #8b5cf633}@media(max-width:768px){#root{padding:1rem}h1{font-size:2rem!important}.glass-card{padding:1rem!important}input,select,textarea{padding:.7rem!important;font-size:.9rem!important;min-width:100%!important}.job-card-content{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.job-card-left{flex-direction:row;width:100%}.job-card-right{width:100%;align-items:flex-start!important;flex-direction:row!important;justify-content:space-between;flex-wrap:wrap}nav{gap:.5rem!important;justify-content:center}nav button{width:100%;flex:1 1 45%;font-size:.9rem;padding:.6rem!important}}@media(max-width:480px){h1{font-size:1.8rem!important}.job-card-left{gap:1rem!important}nav button{flex:1 1 100%}}
