body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#101b3db1;--primary:#053c2d;--text:#fff;--card:#0d121eb8;--shadeTop:#b7c4eb;--greenBottom:#053c2d;--site-bg:linear-gradient(to bottom, var(--shadeTop) 0, var(--shadeTop) 20vh, #7bc1e9 35vh, #458cb6 50vh, #1d635d 75vh, var(--greenBottom) 100vh);--gybg:#ffffff1a;--bkbg:#00000040;--chipbg:#012d21cc;--unselbg:#05355082}html,body{background:var(--site-bg);min-height:100%;color:var(--text);background-repeat:no-repeat;background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}.body{min-height:100vh;color:var(--text);background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:20px;display:flex}.button-group{align-items:center;gap:10px;display:flex}.button{background-color:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:500;transition:all .2s}.button:hover{opacity:.9;transform:translateY(-1px)}.form-container{background:var(--bkbg);height:100vh;color:var(--text);flex-direction:column;align-items:center;gap:12px;padding-top:10%;display:flex}.form{flex-direction:column;gap:12px;width:100%;display:flex}.loginform{flex-direction:column;gap:12px;width:20%;display:flex}.form button{margin-top:8px}.form input,.form select{box-sizing:border-box;width:100%}.input-group{flex-direction:column;gap:6px;display:flex}.input{border:1px solid var(--gybg);background:var(--card);color:var(--text);border-radius:6px;padding:10px}.input::placeholder{color:var(--text)}.input:focus{outline:1px solid var(--primary)}.input-label{color:var(--text);margin-bottom:4px;font-size:14px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gybg);background-color:#1c1d2db8;width:100%;padding:10px 20px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:flex}.nav-links{justify-content:center;align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-links a,.nav-button{color:var(--text);cursor:pointer;padding:5px 0;font-size:18px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after,.nav-button:after{content:"";background:var(--primary);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.nav-button:hover:after{width:100%}.nav-links a:hover,.nav-button:hover{color:var(--primary)}.brand{border-radius:10px;align-items:center;padding:6px 8px;text-decoration:none;display:flex}.brand-logo{width:auto;height:28px;display:block}.card{background:var(--card);border:1px solid var(--gybg);border-left:4px solid #0000;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.card h3{margin:0 0 16px;font-size:18px}.popup-overlay{z-index:2000;background:#7d7f8179;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card--popup{background:var(--card);box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:420px;padding:24px}.card--job{background:var(--card)}.card-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.card--job h3{margin:0}.card--job-title{margin:2px 0}.card--job:hover{transform:translateY(-3px)}.card--skill{gap:10px}.card:hover{transition:all .2s;transform:translateY(-2px)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;width:100%;max-width:1100px;display:grid}.card-meta{opacity:.7;font-size:14px}.card-title{opacity:.75;margin:2px 0 0;font-size:16px}.card-actions{justify-content:space-between;align-items:center;display:flex}.card-actions button{background:var(--primary);color:var(--text);border:1px solid var(--gybg);cursor:pointer;border-radius:8px;padding:6px 10px}.card-details{border-top:1px solid var(--gybg);flex-direction:column;gap:14px;margin-top:12px;padding-top:12px;display:flex}.detail-section{background:var(--card);border:1px solid var(--gybg);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.detail-section h4{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0;font-size:12px}.status{border-radius:999px;margin-left:auto;padding:6px 10px;font-size:13px;font-weight:600}.status-applied{color:#60a5fa;background:#60a5fa26}.status-waiting{color:#facc15;background:#c3d33426}.status-interviewed{color:#34d399;background:#34d39926}.status-decision{color:#f87171;background:#da475826}.hero{background:0 0;justify-content:center;align-items:center;width:100%;min-height:520px;padding:110px 20px 60px;display:flex;position:relative;overflow:hidden}.hero-logo{width:auto;height:300px;filter:drop-shadow(0 10px 24px var(--bkbg));margin:0 auto 18px;display:block}.hero-title{text-align:center;letter-spacing:.3px;color:var(--text);margin:0 0 10px;font-size:clamp(30px,4.2vw,50px);font-weight:800}.skill-block{flex-direction:column;gap:10px;display:flex}.skill-add{align-items:center;gap:6px;display:flex}.skill-add select{background:var(--card);color:var(--text);border:1px solid var(--gybg);border-radius:8px;flex:1;padding:6px 8px;font-size:13px}.skill-add button{background:var(--primary);color:var(--text);border:1px solid var(--gybg);cursor:pointer;border-radius:8px;padding:6px 10px}.skills-panel{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:700px;display:flex}.add-row{background:var(--card);border:1px solid var(--gybg);border-radius:12px;align-items:center;gap:15px;padding:10px;display:flex}.add-row input,.add-row select{background:var(--card);color:var(--text);border:1px solid var(--gybg);border-radius:8px;padding:7px 10px;font-size:13px}.add-row button{background:var(--greenBottom);border:1px solid var(--gybg);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 10px}.chip-row{flex-wrap:wrap;gap:8px;width:100%;max-width:700px;display:flex}.chip{color:var(--text);border:1px solid var(--gybg);cursor:pointer;background:var(--unselbg);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;transition:all .15s;display:inline-flex}.chip-remove{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:14px}.chip:hover{background:var(--chipbg);border-color:var(--gybg);transform:translateY(-1px)}.chip-remove:hover{color:#f87171}.chip-meta{opacity:.7;margin-left:6px;font-size:11px}.chip-added{background:var(--primary)}.profile-avatar{border-radius:50%;width:80px;height:80px;margin-bottom:10px}.dashboard-page{padding-top:40px;padding-bottom:60px}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{letter-spacing:-.03em;font-size:clamp(42px,5vw,64px)}.dashboard-header h2{margin-top:10px;font-weight:600}.dashboard-section{width:100%;max-width:950px;margin:0 auto 50px}.dashboard-section-title{text-align:center;margin-bottom:25px;font-size:34px}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:center;gap:16px;padding:20px;display:grid}.stats-grid>*{background:var(--card);box-shadow:0 6px 18px var(--bkbg);border-radius:14px;padding:16px;transition:transform .15s}.stats-grid>:hover{transform:translateY(-3px)}.stats-grid p{margin:0;font-size:26px;font-weight:800}.stats-grid h3{opacity:.65;text-transform:uppercase;margin-bottom:6px;font-size:12px}.skill-coverage-grid{grid-template-columns:repeat(auto-fit,minmax(180px,200px));justify-content:center;gap:16px;display:grid}.skill-coverage-grid h3{margin:0;font-size:18px}.skill-coverage-grid p{opacity:.9;margin:0;font-size:15px}.skill-summary-card{justify-content:center;margin-bottom:2rem;display:flex}.skill-summary-card .card{text-align:center;width:420px;max-width:90%}.skill-summary-card .card p{margin-top:1rem;font-size:2rem;font-weight:700}.skill-stats{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:8px 40px;display:grid}.skill-stats span{opacity:.7;font-size:14px}.skill-stats strong{font-size:15px;font-weight:700}