*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#0d1117;color:#e6edf3;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;position:relative}#root{overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;flex:1}:root{--bg-color: #f9f9f9;--text-color: #111;--accent-color: #007bff;--accent-hover: #0056b3;--btn-shadow: rgba(0, 123, 255, .3)}[data-theme=dark]{--bg-color: #1e1e1e;--text-color: #f5f5f5;--accent-color: #4e9eff;--accent-hover: #1e90ff;--btn-shadow: rgba(78, 158, 255, .6)}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:sans-serif;transition:background-color .3s,color .3s}.error-message{color:#ff4d4f;margin-top:.3rem;font-size:.95rem;font-weight:500}body[data-theme=dark] .error-message{color:#ff6b6b}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;overflow:hidden}.spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;gap:20px;z-index:9999;flex-direction:row}.spinner{width:50px;height:50px;border:6px solid rgba(0,123,255,.2);border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner-logo{font-size:3rem;font-weight:700;color:#007bff;font-family:Segoe UI,sans-serif;text-shadow:0 0 12px rgba(0,123,255,.6)}[data-theme=dark] .spinner-overlay{background:#0d1117}[data-theme=dark] .spinner-logo{color:#1e90ff;text-shadow:0 0 12px rgba(30,144,255,.8)}[data-theme=dark] .spinner{border:6px solid rgba(30,144,255,.2);border-top:6px solid #1e90ff}header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;position:sticky;top:0;z-index:20;background:#f5f6fa;border-bottom:1.5px solid #b0b0b0;box-shadow:0 2px 16px #33333312;transition:background .3s,box-shadow .3s,border-bottom .3s}.logo{font-size:2.4rem;font-weight:700;letter-spacing:2px;color:#1976d2;cursor:pointer;text-shadow:0 2px 12px rgba(25,118,210,.08);transition:color .3s,text-shadow .3s}.nav{flex:1;display:flex;justify-content:center}nav ul{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}nav ul li a{color:#232425;font-weight:500;padding:.5rem 1rem;border-radius:8px;text-decoration:none;transition:background .3s,color .3s,box-shadow .3s,transform .3s}nav ul li a:hover{background:#e6edf3;color:#1976d2;box-shadow:0 0 12px #1976d214;transform:translateY(-2px) scale(1.05)}.auth-buttons{display:flex;align-items:center;gap:1rem}.auth-buttons .btn-login,.auth-buttons .btn-register,.auth-buttons .btn-profile{min-width:120px;padding:.5rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;font-weight:700;line-height:1.2;color:#fff;text-decoration:none;background:#1976d2;box-shadow:0 2px 8px #1976d214;transition:background .3s,box-shadow .3s,color .3s,transform .3s}.auth-buttons .btn-login:hover,.auth-buttons .btn-register:hover,.auth-buttons .btn-profile:hover{background:#115293;color:#fff;transform:translateY(-2px) scale(1.08);box-shadow:0 0 18px #1976d221}.btn-profile{padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;text-decoration:none;border:2px solid #1976d2;background:#fff;color:#1976d2;transition:all .3s}.btn-profile:hover{background:#1976d2;color:#fff;box-shadow:0 0 18px #1976d221}.theme-toggle-btn{background:#1976d2;color:#fff;border:none;padding:.5rem 1rem;font-size:1.2rem;border-radius:50px;cursor:pointer;margin-left:1rem;transition:all .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 0 12px #1976d22e}@media(max-width:900px){.desktop-auth{display:none!important}.mobile-auth{display:flex!important}.nav{justify-content:flex-start}}@media(min-width:901px){.desktop-auth{display:flex!important}.mobile-auth{display:none!important}}body[data-theme=dark] header{background:#181a1b;box-shadow:0 2px 10px #1e90ff0d;border-bottom:1.5px solid #23272f}body[data-theme=dark] .logo{color:#00bfae;text-shadow:0 2px 12px rgba(0,191,174,.13)}body[data-theme=dark] nav ul li a{color:#e6edf3}body[data-theme=dark] nav ul li a:hover{background:#23272f;color:#00bfae;box-shadow:0 0 12px #00bfae14}body[data-theme=dark] .auth-buttons .btn-login,body[data-theme=dark] .auth-buttons .btn-register,body[data-theme=dark] .auth-buttons .btn-profile{background:#00bfae}body[data-theme=dark] .auth-buttons .btn-login:hover,body[data-theme=dark] .auth-buttons .btn-register:hover,body[data-theme=dark] .auth-buttons .btn-profile:hover{background:#008e7c;color:#fff;box-shadow:0 0 18px #00bfae21}body[data-theme=dark] .btn-profile{background:#23272f;border-color:#00bfae}body[data-theme=dark] .btn-profile:hover,body[data-theme=dark] .theme-toggle-btn{background:#00bfae;color:#23272f}body[data-theme=dark] .theme-toggle-btn:hover{box-shadow:0 0 15px #00bfae2e}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:25;margin-left:.5rem}.hamburger span{display:block;width:100%;height:3px;background:#333;border-radius:3px;transition:all .3s ease}body[data-theme=dark] .hamburger span{background:#e6edf3}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:768px){header{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.2rem}nav{display:none!important;position:absolute;top:100%;left:0;width:100%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;flex-direction:column;text-align:center;padding:2rem 0;z-index:15;transition:all .3s ease}nav.active{display:flex!important;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}nav ul{flex-direction:column;gap:1rem}.mobile-auth{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.mobile-auth .btn-login,.mobile-auth .btn-register,.mobile-auth .btn-profile{width:80%;text-align:center;padding:.8rem;border-radius:50px;font-weight:700;transition:all .3s ease}.mobile-auth .btn-login{background:#007bff;color:#fff;max-width:120px}.mobile-auth .btn-register{background:#28a745;color:#fff;max-width:120px}.mobile-auth .notification-link{width:auto;margin-bottom:.25rem}.desktop-auth{display:none!important}.hamburger{display:flex!important}body[data-theme=dark] nav{background:#0d1117f2}.theme-toggle-btn{position:static}}@media(min-width:769px){.hamburger,.mobile-auth{display:none!important}.desktop-auth{display:flex!important}}.theme-toggle-btn{order:2}.notification-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid #d0dcff;background:#f7faff;color:#1976d2;text-decoration:none;box-shadow:0 2px 8px #1976d214;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.notification-link i{font-size:1.05rem}.notification-link:hover,.notification-link:focus-visible{background:#eaf2ff;color:#115293;transform:translateY(-1px);box-shadow:0 10px 18px #1976d224}body[data-theme=dark] .notification-link{border-color:#1f4f49;background:#1c2d2a;color:#7fe4d5;box-shadow:0 2px 8px #00bfae14}body[data-theme=dark] .notification-link:hover,body[data-theme=dark] .notification-link:focus-visible{background:#21423d;color:#b7fff5;box-shadow:0 10px 18px #00bfae29}.notification-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;padding:.08rem .35rem;font-size:.72rem;font-weight:700;min-width:1.1rem;text-align:center;z-index:2;line-height:1.2;border:2px solid #fff}body[data-theme=dark] .notification-badge{border-color:#1c2d2a}@media(max-width:600px){.notification-link{width:42px;height:42px}.notification-badge{top:-4px!important;right:-4px!important;padding:.05rem .3rem!important;font-size:.65rem!important;min-width:1rem!important}}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;justify-content:center}.footer-logo{font-size:2.2rem;font-weight:700;color:#1976d2;letter-spacing:2px;text-shadow:0 2px 12px rgba(25,118,210,.1);line-height:1;margin-right:0!important}.footer-desc{display:none}.footer-bottom{border-top:1px solid #b0b0b0;margin-top:32px;padding-top:16px;text-align:center;color:#444;font-size:15px}.footer-bottom .referenced{display:block;margin-top:4px;font-size:13px;color:#7a7f87}.footer{background:#d0d0d1;color:#fff;padding:40px 0 20px;font-family:Segoe UI,Arial,sans-serif}.footer-top{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:60px;max-width:1100px;margin:0 auto;padding:0 24px 10px}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px}.footer-desc{font-size:15px;color:#232425;margin-bottom:18px}.footer-links{display:flex;gap:48px;flex:2 1 400px;min-width:300px;justify-content:center}.footer-links div{min-width:120px}.footer-links h4{font-size:15px;margin-bottom:10px;font-weight:600}.footer-links a{display:block;color:#444;text-decoration:none;margin-bottom:7px;font-size:14px;transition:color .2s}.footer-links a:hover{color:#1976d2}.footer-socials{min-width:120px;display:flex;flex-direction:column;align-items:center}.footer-socials h4{font-size:15px;margin-bottom:10px;font-weight:600}.social-icons{display:flex;gap:14px;justify-content:center}.social-icons a{color:#1976d2;font-size:22px;transition:color .2s}.social-icons a:hover{color:#115293}.footer-socials .social-icons a{color:#1976d2;background:transparent;transition:background .3s,color .3s,box-shadow .3s}.footer-socials .social-icons a:hover{color:#fff;background:#1976d2;box-shadow:0 0 12px #1e90ff99;border-radius:6px}.footer{background:#d1d1d1;color:#222;font-size:15px}.footer-links a,.footer-bottom{color:#222}.footer-links a:hover,.social-icons a:hover,.footer-logo-footer{color:#1976d2}.footer-links h4,.footer-socials h4{color:#111}.footer-brand{display:flex;flex-direction:row;align-items:center;gap:2px!important;margin-bottom:12px;justify-content:center;margin-left:-2px}.footer-bottom{border-top:1px solid #b0b0b0;text-align:center;font-size:14px}.footer-brand-text{font-size:1.35rem;font-weight:700;letter-spacing:1px;font-family:Segoe UI,Arial,sans-serif;text-shadow:0 1px 6px rgba(25,118,210,.07);margin-left:.5px}.social-icons a{color:#444}body[data-theme=dark] .footer{background:#181a1b;color:#e6edf3}body[data-theme=dark] .footer-links a{color:#e6edf3;transition:background .3s,box-shadow .3s,color .3s}body[data-theme=dark] .footer-links a:hover,body[data-theme=dark] .social-icons a:hover{background:#1e90ff2e;color:#1e90ff;box-shadow:0 0 12px #1e90ff99;border-radius:6px}body[data-theme=dark] .footer-desc{color:#b0b8c1}body[data-theme=dark] .footer-bottom{border-top:1px solid #23272f;color:#b0b8c1}body[data-theme=dark] .footer-bottom .referenced{color:#7a7f87}body[data-theme=dark] .footer-links h4,body[data-theme=dark] .footer-socials h4{color:#aaadaf}@media(max-width:900px){.footer-top{flex-direction:column;align-items:flex-start;gap:32px;padding:0 12px}.footer-links{flex-direction:column;gap:18px;width:100%}.footer-logo-desc,.footer-socials{width:100%;min-width:unset;margin-bottom:18px}.footer-links div{min-width:unset}}@media(max-width:600px){.footer{padding:28px 0 12px}.footer-logo{width:90px}.footer-desc{font-size:14px}.footer-links h4,.footer-socials h4{font-size:15px}.footer-bottom{font-size:12px;padding-top:10px}}.pnf-wrapper{display:flex;justify-content:center;align-items:center;height:75vh;background:#f0f4f8;font-family:Segoe UI,sans-serif;color:#333}.pnf-container{background:#d6d5d5;padding:5rem;border-radius:12px;box-shadow:0 5px 20px #00000026;text-align:center;max-width:550px;width:90%;position:relative}.pnf-title{font-size:5rem;display:flex;justify-content:center;gap:.4rem}.pnf-digit{display:inline-block;position:relative;color:#ff4c4c;font-weight:700;animation:pnf-crack 1.2s infinite}.pnf-digit:after{content:"";position:absolute;width:100%;height:3px;background:#ff4c4c;bottom:0;left:0;transform:rotate(-15deg);transform-origin:left center}.pnf-digit:nth-child(2){animation-delay:.2s}.pnf-digit:nth-child(3){animation-delay:.4s}.pnf-subtitle{font-size:1.1rem;margin:.8rem 0 1.2rem;color:#555}.pnf-button{text-decoration:none;color:#fff;background:#007acc;padding:.5rem 1.25rem;border-radius:8px;font-weight:700;transition:.3s}.pnf-button:hover{background:#005fa3}@keyframes pnf-crack{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}50%{transform:translateY(3px) rotate(5deg)}75%{transform:translateY(-2px) rotate(-3deg)}}[data-theme=dark] .pnf-wrapper{background:#181818;color:#eee}[data-theme=dark] .pnf-container{background:#34495e;box-shadow:0 5px 20px #0009}[data-theme=dark] .pnf-digit{color:#ff6b6b}[data-theme=dark] .pnf-digit:after{background:#ff6b6b}[data-theme=dark] .pnf-subtitle{color:#ccc}[data-theme=dark] .pnf-button{background:#ff6b6b;color:#111}[data-theme=dark] .pnf-button:hover{background:#ff4c4c}.job-list{display:flex;flex-direction:column;align-items:center;gap:1em;max-width:1400px;width:100%;margin:20px auto;padding-left:16px;padding-right:16px}.job-card-member{display:flex;flex-direction:column;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;background-color:#fff;transition:transform .2s ease-in-out;margin-bottom:20px;border:1px solid #ccc;cursor:pointer;width:100%;max-width:1400px}.job-card-member:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}@media(max-width:600px){.job-card-member{max-width:98%;padding:10px}}.job-card-member h4{font-size:18px;font-weight:600}.job-card-member p{padding-top:.5em;font-size:14px;color:#555}.no-jobs-message{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;font-size:1.2rem;margin-top:48px;gap:.5em}.no-jobs-message i{font-size:2.2rem;margin-bottom:.5em}[data-theme=dark] .job-card-member{background-color:#23272f;color:#e6edf3;border:1px solid #444;box-shadow:0 4px 12px #1e90ff14}[data-theme=dark] .job-card-member:hover{box-shadow:0 6px 16px #1e90ff26}[data-theme=dark] .job-card-member h4{color:#80aaff}[data-theme=dark] .job-card-member p,[data-theme=dark] .no-jobs-message{color:#b2b8c2}[data-theme=dark] .no-jobs-message i{color:#80aaff}.body-spinner{top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;gap:20px;z-index:9999;flex-direction:row}.body-spinner .spinner-body{width:50px;height:50px;border:6px solid rgba(0,123,255,.2);border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .body-spinner{background:#0d1117}[data-theme=dark] .spinner-body{border:6px solid rgba(30,144,255,.2);border-top:6px solid #1e90ff}.loading-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:50px 20px}.inline-spinner{width:50px;height:50px;border:6px solid rgba(0,123,255,.2);border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] .inline-spinner{border:6px solid rgba(30,144,255,.2);border-top:6px solid #1e90ff}