@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-obsidian:#07080c;--bg-surface:#141314;--bg-container:#211e27;--bg-container-low:#1d1a23;--bg-container-high:#2c2832;--bg-container-highest:#37333d;--primary:#c7c6cc;--primary-container:#a078ff;--primary-glow:#a078ff26;--secondary:#adc6ff;--secondary-container:#03b5d3;--secondary-glow:#4cd7f626;--tertiary:#ddb7ff;--tertiary-container:#4d8eff;--text-primary:#e7e0ed;--text-secondary:#cbc3d7;--text-muted:#958ea0;--border-color:#ffffff1a;--border-color-hover:#d0bcff40;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-obsidian);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#d0bcff33;border-radius:10px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;font-weight:600}p{color:var(--text-secondary)}.aurora-blur{filter:blur(100px);z-index:-1;opacity:.15;pointer-events:none;border-radius:50%;position:fixed}.aurora-primary{background-color:var(--primary-container);width:500px;height:500px;top:-10%;left:-10%}.aurora-secondary{background-color:var(--secondary);width:400px;height:400px;bottom:-10%;right:-5%}.prismatic-gradient{background:linear-gradient(135deg,#0566d9 0%,#a04def 50%,#ddb7ff 100%) 0 0/200% 200%;animation:8s infinite prismaticMove}@keyframes prismaticMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bloom-effect{transition:var(--transition-smooth);box-shadow:0 4px 20px #a078ff33}.bloom-effect:hover{transform:translateY(-1px);box-shadow:0 0 30px #d0bcff59}.bento-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);transition:var(--transition-smooth);background:#211e2799;border-radius:24px;padding:32px}.bento-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 0 30px #d0bcff0d}.prismatic-btn{color:#050609;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#0566d9 0%,#a04def 50%,#ddb7ff 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #a078ff4d}.prismatic-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 25px #a078ff73}.prismatic-btn:active{transform:scale(.97)}.btn-secondary-dark{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary-dark:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}.shell-container{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);z-index:50;background:#15121bcc;flex-direction:column;width:256px;height:100vh;padding:32px 20px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{font-family:var(--font-heading);color:var(--primary);margin-bottom:4px;font-size:1.5rem;font-weight:700}.sidebar-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:40px;font-size:.75rem}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.sidebar-link{color:var(--text-secondary);transition:var(--transition-fast);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--primary);background:#ffffff0d}.sidebar-link.active{color:var(--primary);border-right:2px solid var(--primary);background:#ffffff0d;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:16px;margin-top:auto;padding-top:24px;display:flex}.credits-box{background:#a078ff1a;border:1px solid #a078ff26;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.credits-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.credits-value{font-family:var(--font-heading);color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1}.header-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:40;background:#15121bb3;justify-content:space-between;align-items:center;width:calc(100% - 256px);height:80px;padding:0 32px;display:flex;position:fixed;top:0;right:0}@media (width<=768px){.header-nav{width:100%;padding:0 16px}.sidebar{display:none}}.search-bar{border:1px solid var(--border-color);background:#0f0d1580;border-radius:100px;align-items:center;gap:12px;width:320px;padding:8px 16px;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.user-profile-widget{align-items:center;gap:16px;display:flex}.user-info{text-align:right}.user-name{color:#fff;font-size:.9rem;font-weight:700}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.avatar-circle{border:2px solid #d0bcff33;border-radius:50%;width:40px;height:40px;overflow:hidden}.avatar-img{object-cover:cover;width:100%;height:100%}.dashboard-main{width:calc(100% - 256px);min-height:calc(100vh - 80px);margin-top:80px;margin-left:256px;padding:32px}@media (width<=768px){.dashboard-main{width:100%;margin-left:0}}.bento-grid-dashboard{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}@media (width<=1024px){.bento-grid-dashboard{grid-template-columns:1fr}}.bento-col-8{grid-column:span 8}.bento-col-4{grid-column:span 4}.bento-col-6{grid-column:span 6}@media (width<=1024px){.bento-col-8,.bento-col-4,.bento-col-6{grid-column:span 12}}.flex-between-col{flex-direction:column;justify-content:space-between;display:flex}.drag-upload-zone{text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#0f0d154d;border:2px dashed #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.drag-upload-zone:hover{background:#0f0d1580;border-color:#d0bcff80}.upload-icon-circle{width:80px;height:80px;color:var(--primary);transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.drag-upload-zone:hover .upload-icon-circle{transform:scale(1.1)}.ats-input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.ats-input-label{color:#fff6;letter-spacing:.05em;font-size:.75rem;font-weight:700}.ats-textarea{width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:none;transition:var(--transition-fast);background:#0f0d1580;border:1px solid #ffffff0d;border-radius:16px;outline:none;padding:16px;font-size:.88rem}.ats-textarea:focus{border-color:#4cd7f680;box-shadow:0 0 15px #4cd7f61a}.split-pane-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.split-pane-grid{grid-template-columns:1fr}}.circle-progress-container{justify-content:center;align-items:center;display:flex;position:relative}.circle-score-text{flex-direction:column;align-items:center;display:flex;position:absolute}.tabs-nav{border-bottom:1px solid #ffffff0d;gap:24px;margin-bottom:24px;display:flex;overflow-x:auto}.tab-btn{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding-bottom:12px;font-weight:500}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.tab-pane-content{min-height:250px}.list-item-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;gap:16px;margin-bottom:16px;padding:16px;display:flex}.auth-split-screen{min-height:100vh;display:flex}.auth-split-left{background-color:#0f0d15;flex-direction:column;flex:7;justify-content:center;padding:64px;display:flex;position:relative}.auth-split-right{-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-color);background:#15121bbf;flex-direction:column;flex:5;justify-content:center;padding:64px;display:flex;position:relative}@media (width<=1024px){.auth-split-left{display:none}.auth-split-right{flex:1;padding:32px 24px}}.prismatic-border-btn{color:var(--text-primary);cursor:pointer;width:100%;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #0000;border-radius:24px;justify-content:space-between;align-items:center;padding:24px 32px;font-weight:700;display:inline-flex;position:relative}.prismatic-border-btn:after{content:"";border-radius:inherit;z-index:-1;opacity:.3;transition:var(--transition-smooth);background:linear-gradient(135deg,#d0bcff,#4cd7f6);position:absolute;inset:-1px}.prismatic-border-btn:hover:after{opacity:.6}.prismatic-border-btn:hover{background:#ffffff1a}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#15121b80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 64px;display:flex}@media (width<=768px){.navbar{padding:16px 24px}}.nav-logo-container{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-badge{color:#0f0d15;width:40px;height:40px;font-weight:900;font-family:var(--font-heading);background:linear-gradient(135deg,#0566d9 0%,#a04def 50%,#ddb7ff 100%);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.logo-text{font-family:var(--font-heading);color:#fff;font-size:1.5rem;font-weight:800}.logo-accent{color:var(--primary)}.landing-main{text-align:center;z-index:10;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:80px 24px;display:flex}.badge-glow{color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d0bcff1a;border:1px solid #d0bcff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{max-width:800px;margin-bottom:24px;font-size:3.5rem;line-height:1.2}@media (width<=768px){.hero-title{font-size:2.25rem}}.gradient-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-primary{background-image:linear-gradient(135deg,#a078ff 0%,#4cd7f6 100%)}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.15rem;line-height:1.6}.cta-group{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:80px;display:flex}.feature-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:1000px;display:grid}@media (width<=768px){.feature-grid{grid-template-columns:1fr}}.feature-card{text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);background:#211e2766;border:1px solid #ffffff08;border-radius:20px;gap:20px;padding:24px;display:flex}.feature-card:hover{border-color:var(--border-color-hover);transform:translateY(-2px)}.feature-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon-violet{color:#a078ff;background:#a078ff1a}.feature-icon-cyan{color:#4cd7f6;background:#4cd7f61a}.feature-icon-pink{color:#ec4899;background:#ec48991a}.feature-icon-emerald{color:#34d399;background:#34d3991a}.feature-card h3{color:#fff;margin-bottom:8px;font-size:1.15rem}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.footer{text-align:center;z-index:10;border-top:1px solid #ffffff0d;padding:32px 24px}.footer p{color:var(--text-muted);font-size:.85rem}