@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@media (width<=768px){.navbar-container{height:60px}.navbar-title{font-size:1.35rem}.hero{padding:16px 0 8px}.hero-content{width:94%}.hero p{padding:0 12px;font-size:1.08rem;line-height:1.55}.domain-grid{grid-template-columns:1fr;gap:16px;width:94%;padding-top:8px;padding-bottom:28px}.domain-card{min-height:auto;padding:22px}.domain-card h2{margin-bottom:14px;font-size:2rem;line-height:1.2}.domain-card p{font-size:.98rem;line-height:1.65}.domain-card span{margin-top:18px;font-size:.95rem}h1{font-size:2.2rem;line-height:1.15}h2{font-size:1.75rem;line-height:1.2}h3{font-size:1.35rem}p,li{font-size:1rem;line-height:1.65}.career-card,.info-card,.detail-card,.overview-card{padding:22px}@media (width<=768px){.salary-card p{font-size:1.35rem;line-height:1.4}}.salary-card{padding:22px}.salary-card h3{font-size:1.6rem}.salary-card p{font-size:1.7rem;font-weight:700}.roadmap-card li{margin-bottom:10px}button,.btn{min-height:44px}}.main-content{min-height:calc(100vh - 72px)}.navbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0d0d0df2;position:sticky;top:0}.navbar-container{width:min(95%,var(--container));align-items:center;height:72px;margin:auto;display:flex}.navbar-title{font-size:1.5rem;font-weight:700}@media (width<=768px){.navbar-container{width:94%;height:64px}.navbar-title{font-size:1.35rem}}@media (width<=480px){.navbar-container{width:95%;height:58px}.navbar-title{font-size:1.2rem}}.hero{padding:28px 0 24px}.hero-content{text-align:center;width:min(92%,760px);margin:0 auto}.hero p{margin:0;font-size:1.35rem;line-height:1.7}@media (width<=768px){.hero{padding:16px 0}.hero p{font-size:1.1rem;line-height:1.55}}.domain-grid{width:min(92%, var(--container));grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin:0 auto;padding-top:20px;padding-bottom:80px;display:grid}@media (width<=768px){.domain-grid{grid-template-columns:1fr;gap:18px;width:92%;padding-top:10px;padding-bottom:32px}}.domain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:240px;transition:var(--transition);cursor:pointer;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.domain-card:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-6px)}.domain-card h2{color:var(--primary-text);margin-bottom:16px}.domain-card p{color:var(--secondary-text);flex:1;font-size:1rem;line-height:1.7}.domain-card span{color:var(--accent);align-items:center;gap:8px;margin-top:30px;font-weight:600;display:inline-flex}@media (width<=768px){.domain-card{min-height:auto;padding:24px}.domain-card h2{margin-bottom:12px;font-size:2rem}.domain-card p{font-size:1rem;line-height:1.65}.domain-card span{margin-top:18px;font-size:1rem}}.career-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.career-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:300px;transition:var(--transition);flex-direction:column;justify-content:space-between;padding:30px;display:flex}.career-card h2{color:var(--primary-text);margin-bottom:18px;font-size:2rem;line-height:1.3}.career-card p{color:var(--secondary-text);flex-grow:1;line-height:1.8}.read-more{color:var(--accent);margin-top:28px;font-weight:600;text-decoration:none}.read-more:hover{text-decoration:underline}.career-page{width:min(97%,1600px);margin:20px auto 50px}.career-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:42px}.career-hero h1{color:var(--primary-text);margin-bottom:18px;font-size:clamp(3rem,4vw,4.2rem)}.career-hero p{max-width:1100px;color:var(--secondary-text);font-size:1.15rem;line-height:1.8}.career-overview{grid-template-columns:250px 1fr;gap:18px;margin-bottom:18px;display:grid}.difficulty-card{flex-direction:column;justify-content:center;display:flex}.future-card{min-height:150px;margin-bottom:24px}.section-three,.section-two{align-items:start;gap:18px;margin-bottom:18px;display:grid}.section-three{grid-template-columns:repeat(3,1fr)}.section-two{grid-template-columns:repeat(2,1fr)}.career-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-self:start;padding:28px;transition:all .25s}.career-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.85rem;font-weight:700;display:inline-block}.career-card h2{color:var(--primary-text);margin-bottom:22px;font-size:2.1rem}.career-card p{color:var(--secondary-text);font-size:1.08rem;line-height:1.8}.career-card ul{margin:0;padding-left:24px}.career-card li{color:var(--secondary-text);margin-bottom:14px;font-size:1.08rem;line-height:1.8}.salary-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px;display:grid}.salary-card{border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:22px}.salary-card h3{color:var(--primary-text);margin-bottom:14px;font-size:1.5rem}.salary-card p{color:var(--accent);font-size:1.7rem;font-weight:700}@media (width<=1200px){.section-three{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.career-page{width:95%}.career-overview,.section-three,.section-two,.salary-grid{grid-template-columns:1fr}.career-card{padding:22px}}@media (width<=600px){.career-hero{padding:28px}.career-hero h1{font-size:2.5rem}.career-card h2{font-size:1.7rem}}:root{--background:#0d0d0d;--surface:#171717;--surface-hover:#222;--primary-text:#fff;--secondary-text:#b5b5b5;--accent:#f5b301;--border:#2a2a2a;--radius:14px;--container:1180px;--transition:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--primary-text);font-family:Inter,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{width:min(92%,var(--container));margin:auto}h1{font-size:3rem;font-weight:800;line-height:1.2}h2{font-size:2rem;font-weight:700}h3{font-size:1.35rem}p{color:var(--secondary-text)}section{padding:70px 0}@media (width<=900px){h1{font-size:2.4rem}h2{font-size:1.8rem}}@media (width<=768px){.hero{padding:60px 0}.career-page{margin-top:30px}}@media (width<=600px){h1{font-size:2rem}h2{font-size:1.5rem}.domain-card,.career-card,.career-section{padding:22px}}
