@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-primary:#f8f7ff;--bg-secondary:#f0eefb;--bg-elevated:#fff;--bg-card:#fff;--bg-input:#fff;--bg-muted:#f4f3fb;--border-subtle:#6d28d912;--border-card:#6d28d91a;--border-card-hover:#6d28d938;--border-input:#e2e0f0;--border-input-focus:#7c3aed;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#ede9fe;--color-primary-mid:#a78bfa;--color-primary-glow:#7c3aed2e;--color-blue:#3b82f6;--color-blue-dark:#2563eb;--color-blue-light:#eff6ff;--color-gold:#b45309;--color-gold-light:#fef3c7;--color-gold-mid:#d97706;--color-success:#059669;--color-success-light:#ecfdf5;--color-success-border:#0596692e;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-warning-border:#d977062e;--color-danger:#dc2626;--color-danger-light:#fef2f2;--text-primary:#1c1632;--text-secondary:#5b5180;--text-tertiary:#9590b0;--text-accent:#7c3aed;--text-on-primary:#fff;--shadow-xs:0 1px 3px #6d28d90f, 0 1px 2px #0000000a;--shadow-sm:0 2px 8px #6d28d914, 0 1px 3px #0000000d;--shadow-premium:0 4px 24px #6d28d914, 0 1px 4px #0000000a, inset 0 1px 0 #ffffffe6;--shadow-hover:0 12px 40px #6d28d924, 0 2px 8px #0000000f;--shadow-btn:0 3px 12px #7c3aed47;--shadow-btn-hover:0 6px 22px #7c3aed61;--transition-fast:all .18s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .42s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;filter:blur(72px);background:radial-gradient(circle,#a78bfa24 0%,#0000 65%);width:640px;height:640px;position:fixed;top:-160px;left:-120px}body:after{content:"";z-index:0;pointer-events:none;filter:blur(72px);background:radial-gradient(circle,#7c3aed1a 0%,#0000 65%);width:540px;height:540px;position:fixed;bottom:-160px;right:-120px}main{z-index:10;flex:1;justify-content:center;align-items:center;width:100%;padding:2rem 1rem;display:flex;position:relative}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-container{background:var(--bg-card);border:1px solid var(--border-card);width:100%;max-width:440px;box-shadow:var(--shadow-premium);text-align:center;border-radius:24px;padding:3rem 2.5rem;animation:.55s cubic-bezier(.16,1,.3,1) cardAppear}.auth-header h2{background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.auth-header p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.auth-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 100%);width:100%;color:var(--text-on-primary);cursor:pointer;box-shadow:var(--shadow-btn);transition:var(--transition-smooth);letter-spacing:.01em;font-size:1.05rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.auth-btn:hover{box-shadow:var(--shadow-btn-hover);background:linear-gradient(135deg, var(--color-primary-hover) 0%, #5b21b6 100%);transform:translateY(-2px)}.auth-btn:active{box-shadow:var(--shadow-btn);transform:translateY(1px)}.auth-btn svg{fill:currentColor;width:20px;height:20px}.divider{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border-card);flex:1;height:1px}.divider span{padding:0 .75rem}.form-container{background:var(--bg-card);border:1px solid var(--border-card);width:100%;max-width:650px;box-shadow:var(--shadow-premium);border-radius:24px;margin:2rem auto;padding:3rem 2.5rem;animation:.55s cubic-bezier(.16,1,.3,1) cardAppear}.form-header-title{text-align:center;background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.25rem;font-weight:800}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);text-align:left;letter-spacing:.02em;margin-bottom:.5rem;font-size:.88rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1.5px solid var(--border-input);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:10px;outline:none;padding:.875rem 1.1rem;font-size:.97rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--color-primary-glow);background:#fff}.form-select option{color:var(--text-primary);background:#fff}.form-textarea{resize:vertical}.form-submit-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 100%);width:100%;color:var(--text-on-primary);cursor:pointer;box-shadow:var(--shadow-btn);transition:var(--transition-smooth);letter-spacing:.01em;font-size:1.05rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:12px;margin-top:1rem;padding:1rem 1.5rem;position:relative;overflow:hidden}.form-submit-btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.form-submit-btn:hover{box-shadow:var(--shadow-btn-hover);background:linear-gradient(135deg, var(--color-primary-hover) 0%, #5b21b6 100%);transform:translateY(-2px)}.form-submit-btn:active{transform:translateY(1px)}.job-container{background:var(--bg-card);border:1px solid var(--border-card);width:100%;max-width:900px;box-shadow:var(--shadow-premium);border-radius:24px;margin:2rem auto;padding:3rem 2.5rem;animation:.55s cubic-bezier(.16,1,.3,1) cardAppear}.job-header{border-bottom:1px solid var(--border-subtle);text-align:left;margin-bottom:2rem;padding-bottom:2rem}.job-title{background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.15}.tag-container{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-items:center;padding:.3rem .85rem;font-size:.74rem;font-weight:600;display:inline-flex}.badge-company{background:var(--color-primary-light);color:var(--color-primary);border:1px solid #7c3aed2e}.badge-location{color:var(--text-secondary);background:#f1f5f9;border:1px solid #e2e8f0}.badge-type{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border)}.job-section{text-align:left;margin-bottom:2.5rem}.job-section-title{color:var(--text-primary);border-left:3px solid var(--color-primary);letter-spacing:-.01em;margin-bottom:1rem;padding-left:.75rem;font-size:1.1rem;font-weight:700}.job-salary-value{color:var(--color-success);margin-top:.5rem;font-size:1.5rem;font-weight:700}.job-description-content{color:var(--text-secondary);white-space:pre-wrap;font-size:1rem;line-height:1.8}.job-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;display:flex}.job-meta-date{color:var(--text-tertiary);font-size:.88rem}.listings-container{width:100%;max-width:1000px;margin:2rem auto;padding:0 1.5rem}.listings-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.listings-title{background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:2.25rem;font-weight:800}.listings-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 100%);color:var(--text-on-primary);box-shadow:var(--shadow-btn);transition:var(--transition-smooth);letter-spacing:.01em;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.7rem 1.6rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.listings-btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.listings-btn:hover{box-shadow:var(--shadow-btn-hover);background:linear-gradient(135deg, var(--color-primary-hover) 0%, #5b21b6 100%);transform:translateY(-2px)}.listings-btn:active{transform:translateY(1px)}.jobs-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.job-card{background:var(--bg-card);border:1px solid var(--border-card);text-align:left;box-shadow:var(--shadow-sm);transition:var(--transition-spring);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.job-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-mid));opacity:0;height:2px;transition:var(--transition-smooth);border-radius:20px 20px 0 0;position:absolute;top:0;left:0;right:0}.job-card:hover{border-color:var(--border-card-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.job-card:hover:before{opacity:1}.job-card-title{color:var(--text-primary);transition:var(--transition-fast);letter-spacing:-.015em;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.job-card:hover .job-card-title{color:var(--color-primary)}.job-card-meta{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.job-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.94rem;line-height:1.65;display:-webkit-box;overflow:hidden}.job-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.job-card-date{color:var(--text-tertiary);font-size:.8rem}.job-card-link{color:var(--color-primary);transition:var(--transition-fast);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.job-card-link:hover{color:var(--color-primary-hover);transform:translate(4px)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:2rem;width:100%;margin-top:2rem;display:grid}@media (max-width:768px){main{padding:1.5rem .75rem}.listings-header{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:1.75rem}.form-container,.job-container,.auth-container{border-radius:20px;margin:1rem auto;padding:2rem 1.25rem}.job-title{font-size:2rem}.job-footer{text-align:center;flex-direction:column;align-items:stretch;gap:1.5rem}.job-footer button{width:100%!important}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#7c3aed38;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c3aed66}::selection{background:var(--color-primary-light);color:var(--color-primary)}
