@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--primary-blue:#0056b3;--primary-blue-light:#007bff;--primary-blue-dark:#004085;--secondary-blue:#17a2b8;--accent-orange:#fd7e14;--accent-green:#28a745;--white:#fff;--gray-50:#f8f9fa;--gray-100:#e9ecef;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#212529;--gray-900:#0d1117;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 40px #00000029;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50px}*{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-page{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh;padding:100px 0 80px;position:relative;overflow:hidden}.auth-container{z-index:2;max-width:1000px;margin:0 auto;padding:0 24px;position:relative}.auth-header{text-align:center;margin-bottom:60px}.auth-title{color:var(--gray-800);letter-spacing:-.025em;margin-bottom:16px;font-size:2.5rem;font-weight:500}.auth-subtitle{color:var(--gray-600);font-size:1.125rem;font-weight:400;line-height:1.6}.account-type-selection{margin-bottom:60px}.account-type-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px;max-width:1000px;margin:0 auto;display:grid}.account-type-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;min-height:280px;padding:40px 32px;transition:all .3s;display:flex;position:relative;overflow:hidden}.account-type-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-blue-light);transform:translateY(-8px)}.account-type-card:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 4px #0056b31a}.employer-card:hover{background:linear-gradient(135deg,#fff 0%,#f0f8ff 100%)}.applicant-card:hover{background:linear-gradient(135deg,#fff 0%,#f0fff4 100%)}.account-type-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:all .3s;display:flex}.employer-card .account-type-icon{color:var(--primary-blue);background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}.applicant-card .account-type-icon{color:var(--accent-green);background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%)}.account-type-icon svg{width:32px;height:32px}.account-type-content{flex:1}.account-type-title{color:var(--gray-800);margin-bottom:12px;font-size:1.5rem;font-weight:600;line-height:1.3}.account-type-description{color:var(--gray-600);margin-bottom:24px;font-size:1rem;line-height:1.6}.account-type-features{margin:0;padding:0;list-style:none}.account-type-features li{color:var(--gray-700);margin-bottom:8px;padding-left:20px;font-size:.875rem;line-height:1.5;position:relative}.account-type-features li:before{content:"✓";color:var(--accent-green);font-weight:600;position:absolute;top:0;left:0}.account-type-arrow{width:24px;height:24px;color:var(--gray-400);transition:all .3s;position:absolute;top:32px;right:32px}.account-type-card:hover .account-type-arrow{color:var(--primary-blue);transform:translate(4px)}.account-type-arrow svg{width:100%;height:100%}.auth-footer{text-align:center;border-top:1px solid var(--gray-200);padding-top:40px}.auth-footer-text{color:var(--gray-600);margin-bottom:24px;font-size:1rem;line-height:1.6}.auth-footer-note{color:var(--gray-500);font-size:.875rem}.auth-footer-links{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.auth-footer-link{color:var(--gray-600);font-size:.875rem;text-decoration:none;transition:color .2s}.auth-footer-link:hover{color:var(--primary-blue);text-decoration:underline}.auth-bg{z-index:1;position:absolute;inset:0;overflow:hidden}.bg-pattern{background-image:radial-gradient(circle at 25% 25%,#0056b30d 0%,#0000 50%),radial-gradient(circle at 75% 75%,#28a7450d 0%,#0000 50%);position:absolute;inset:0}.bg-gradient{background:linear-gradient(135deg,#f8f9facc 0%,#e9ecef99 100%);position:absolute;inset:0}@media (max-width:1024px){.account-type-grid{grid-template-columns:1fr;max-width:600px}}@media (max-width:768px){.auth-page{padding:100px 0 60px}.auth-container{padding:0 20px}.auth-title{font-size:2rem}.auth-subtitle{font-size:1rem}.account-type-grid{grid-template-columns:1fr;gap:24px}.account-type-card{min-height:240px;padding:32px 24px}.account-type-title{font-size:1.25rem}.auth-footer-links{gap:20px}}@media (max-width:480px){.auth-title{font-size:1.75rem}.account-type-card{padding:24px 20px}.account-type-icon{width:56px;height:56px}.account-type-icon svg{width:28px;height:28px}.auth-footer-links{flex-direction:column;gap:12px}}