@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}body{background-image:url(/assets/background-CA6ODjdq.jpg);background-size:cover}.error-notification{position:fixed;top:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:16px 24px;border-radius:10px;box-shadow:0 8px 24px #e74c3c4d;display:flex;align-items:center;gap:12px;font-weight:500;z-index:1000;animation:slide-down .4s cubic-bezier(.34,1.56,.64,1);max-width:90%;word-wrap:break-word}.notification-icon{font-size:20px}.notification-text{font-size:14px}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.forms-border{border:1px solid black;border-radius:10px;width:1000px;height:auto;min-height:90vh;margin:2rem auto;display:flex;flex-direction:row;border:none;box-shadow:4px 4px 20px #00000080}.forms-border-1{border:1px solid black;width:60%;background:#11336f;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px}.forms-border-2{border:1px solid black;width:40%;border:none;background:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px}.logo-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem 1rem;gap:12px}.brain-logo{width:280px;height:280px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.brand-title{font-size:28px;font-weight:700;color:#fff;letter-spacing:.5px;font-family:Poppins,sans-serif;margin:0;background:linear-gradient(135deg,#11336f,#1a4d8f);padding:12px 24px;border-radius:12px;display:inline-block;box-shadow:0 4px 15px #11336f4d;text-shadow:0 2px 4px rgba(0,0,0,.3)}.notes{border:1px solid black;margin:auto;width:70%;border:none;color:#c0bdbd;font-weight:300;font-size:12px;margin-top:1.5rem}.notes p{font-family:calibri;margin:0rem 2rem}.form-borders{display:flex;flex-direction:row}.shadow{border:1px solid black;width:3%;height:100%;background:#e5e5e5;border:none;min-height:90vh}.shadow .part{margin:1rem 0rem;border:1px solid black;height:50px;background:#1a3565;border:none}.form-items{border:1px solid black;width:97%;border:none;display:flex;flex-direction:column;height:100%}.title{border:1px solid black;width:180px;height:50px;border:none;text-align:center;font-family:calibri;font-size:20px;margin:1rem 0rem;border-top-right-radius:20px;border-bottom-right-radius:20px;background:#11336f;color:#fff;box-shadow:2px 2px 10px #00000080}.title p{padding:.7rem}.actual-form{border:1px solid black;height:auto;min-height:60vh;margin-top:1rem;border:none;padding:2rem 0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.form-title h1{font-size:25px;font-family:monospace;margin:.5rem 1rem;text-align:center;color:#11336f}.input-container input,label{display:flex;flex-direction:column;margin:2rem auto;border-top:none;border-left:none;border-right:none;width:260px;outline:none;font-size:18px;color:#11336f}.input-container input{margin-bottom:1rem;margin-top:1rem}.input-container label{font-size:1.3rem;margin-bottom:.5rem}.form-input-group{position:relative;margin:1.5rem auto;width:260px;animation:slide-up .6s ease-out}.form-input-group:nth-child(1){animation-delay:.1s}.form-input-group:nth-child(2){animation-delay:.2s}.form-input-group label{font-size:1.1rem;color:#11336f;font-weight:600;display:block;margin-bottom:12px;letter-spacing:.3px}.form-input-group input{width:100%;padding:12px 0;background:transparent;border:none;outline:none;font-size:16px;color:#11336f;font-weight:500;transition:all .3s ease;position:relative;z-index:2}.form-input-group input::placeholder{color:#11336f4d}.input-underline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#11336f,#1a4d8f);transition:all .3s ease;opacity:.2}.form-input-group input.focused~.input-underline{opacity:1;box-shadow:0 0 10px #11336f4d}.form-input-group input:not(:placeholder-shown)~.input-underline{opacity:.5}.actual-form .btn{text-align:center}.actual-form .btn button:hover a,.actual-form .btn button a{color:#fff;text-decoration:none}.actual-form .btn button{padding:.8rem 2.5rem;border:none;color:#fff;background:linear-gradient(135deg,#11336f,#1a4d8f);font-family:calibri;border-radius:18px;font-weight:600;letter-spacing:.5px;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:0 4px 15px #11336f33;animation:slide-up .6s ease-out .3s both;margin-top:1rem}.actual-form .btn button:hover{background:linear-gradient(135deg,#1a4d8f,#0f2656);transform:translateY(-2px);box-shadow:0 6px 25px #11336f59;padding:.8rem 3rem}.actual-form .btn button:active{transform:translateY(0)}@media(max-width:768px){.forms-border{width:90%;height:auto;flex-direction:column}.forms-border-1{width:100%;border-radius:10px 10px 0 0}.forms-border-2{width:100%;border-radius:0 0 10px 10px}.form-input-group input,.form-input-group input~.input-underline{max-width:100%}}.loading-progress-bar{position:fixed;top:0;left:0;height:6px;background:linear-gradient(90deg,#11336f,#1a4d8f,#9b59b6);animation:progress-bar 2s ease-in-out forwards;z-index:2001;box-shadow:0 2px 10px #11336f80}@keyframes progress-bar{0%{width:0%}50%{width:80%}to{width:100%}}.loading-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1998;animation:fade-in .4s ease-out}.loading-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fff,#f8fbff);border-radius:20px;padding:40px;text-align:center;z-index:1999;box-shadow:0 20px 60px #11336f4d;border:2px solid rgba(17,51,111,.1);animation:popup-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popup-bounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.loading-spinner{width:60px;height:60px;margin:0 auto 20px;border:4px solid rgba(17,51,111,.2);border-top-color:#11336f;border-radius:50%;animation:spin 1s linear infinite}.loading-popup h2{font-size:24px;color:#11336f;margin:0 0 10px;font-family:Poppins,sans-serif;font-weight:700}.loading-popup p{font-size:14px;color:#666;margin:0;font-family:Inter,sans-serif}.forms.loading{filter:blur(3px);pointer-events:none}.success-notification{position:fixed;top:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#27ae60,#229954);color:#fff;padding:16px 24px;border-radius:10px;box-shadow:0 8px 24px #27ae604d;display:flex;align-items:center;gap:12px;font-weight:500;z-index:1000;animation:slide-down .4s cubic-bezier(.34,1.56,.64,1);max-width:90%;word-wrap:break-word}.auth-tabs{display:flex;gap:0;margin-bottom:20px;margin-top:1rem;padding:0 2rem;border-bottom:2px solid #e8e8e8}.tab-button{flex:1;padding:16px 24px;background:none;border:none;font-size:16px;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;border-bottom:3px solid transparent;margin-bottom:-2px;position:relative}.tab-button:hover{color:#666;background:#11336f05}.tab-button.active{color:#11336f;border-bottom-color:#11336f;box-shadow:inset 0 -3px #11336f}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#11336f,#1a4d8f)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{box-shadow:0 6px 20px #00000014}50%{box-shadow:0 6px 30px #11336f33}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}body{background:#ddd}.game-container{max-width:1200px;margin:2rem auto;padding:30px;text-align:center;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:20px;box-shadow:0 6px 20px #00000014;font-family:Inter,sans-serif;animation:glow 3s ease-in-out infinite;min-height:calc(100vh - 4rem);display:flex;flex-direction:column;justify-content:center}.progress-bar{width:100%;height:10px;background:#eee;border-radius:10px;margin-bottom:15px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,#11336f,#1a4d8f);transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #11336f66}.category-badge{display:inline-block;background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;animation:slide-in-right .4s ease-out}.animation-area{height:120px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.animation-area.fade-in{animation:float 3s ease-in-out infinite,fade-in .5s ease-out}.animation-area.fade-out{animation:fade-out .3s ease-in forwards}.animation-img{max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(17,51,111,.15))}.question-text{font-size:20px;color:#1a3565;margin-bottom:24px;font-weight:700;font-family:Poppins,sans-serif;letter-spacing:-.5px;animation:slide-up .5s ease-out;max-width:800px;margin-left:auto;margin-right:auto}.question-text.fade-in{animation:slide-up .5s ease-out,fade-in .5s ease-out}.question-text.fade-out{animation:fade-out .3s ease-in forwards}.options-wrapper{display:flex;flex-direction:column;gap:14px}.options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;animation:fade-in .5s ease-out;max-width:950px;margin-left:auto;margin-right:auto}.options-grid.fade-in{animation:fade-in .5s ease-out}.options-grid.fade-out{animation:fade-out .3s ease-in forwards}.option-card{padding:14px 10px;border:2px solid #1a3565;border-radius:10px;background:linear-gradient(135deg,#fff,#f5f9ff);color:#1a3565;font-weight:500;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-height:70px;display:flex;align-items:center;justify-content:center;line-height:1.3;font-family:Inter,sans-serif;letter-spacing:.2px;animation:bounce-in .5s ease-out both;text-align:center}.option-card:nth-child(1){animation-delay:.05s}.option-card:nth-child(2){animation-delay:.1s}.option-card:nth-child(3){animation-delay:.15s}.option-card:nth-child(4){animation-delay:.2s}.option-card:nth-child(5){animation-delay:.25s}.option-card:nth-child(6){animation-delay:.3s}.option-card:nth-child(7){animation-delay:.35s}.option-card:nth-child(8){animation-delay:.4s}.option-card:nth-child(9){animation-delay:.45s}.option-card:nth-child(10){animation-delay:.5s}.option-card:hover{transform:translateY(-4px) scale(1.05);border-color:#11336f;box-shadow:0 8px 20px #11336f40;background:linear-gradient(135deg,#f0f5ff,#e6f0ff)}.option-card.selected{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border-color:#11336f;transform:scale(1.08);box-shadow:0 8px 25px #11336f73;animation:pulse-scale .6s ease-out}.option-card.uncertain{border:2px dashed #9b59b6;background:linear-gradient(135deg,#f5f0ff,#ebe5ff);color:#7a4ba4}.option-card.uncertain:hover{background:linear-gradient(135deg,#f0e5ff,#e6dbff)}.no-idea-section{margin-top:20px;animation:fade-in .5s ease-out;max-width:600px;margin-left:auto;margin-right:auto}.custom-input::placeholder{color:#9b7fb8}.modal-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999;animation:fade-in .3s ease-out}.modal-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;animation:slide-up .4s cubic-bezier(.34,1.56,.64,1)}.modal-content{background:linear-gradient(135deg,#fff,#f8fbff);border-radius:16px;box-shadow:0 20px 60px #11336f40;padding:32px;min-width:400px;max-width:500px;border:1px solid rgba(17,51,111,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{margin:0;font-size:22px;color:#1a3565;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.5px}.modal-close{background:none;border:none;font-size:24px;color:#9b7fb8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#9b59b61a;color:#7a4ba4}.modal-subtitle{margin:0 0 20px;font-size:14px;color:#666;font-family:Inter,sans-serif;line-height:1.5}.modal-input{width:100%;padding:14px 16px;border:2px solid #11336f;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;color:#1a3565;background:#fff;transition:all .3s ease;box-sizing:border-box;margin-bottom:20px}.modal-input:focus{outline:none;border-color:#9b59b6;box-shadow:0 0 0 4px #9b59b626;background:#fafbff}.modal-input::placeholder{color:#b0b8c4}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn-cancel,.modal-btn-submit{border:none;border-radius:8px;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;cursor:pointer;padding:11px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);letter-spacing:.3px}.modal-btn-cancel{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);color:#666;border:1px solid #ddd}.modal-btn-cancel:hover{background:linear-gradient(135deg,#e8e8e8,#ddd);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.modal-btn-submit{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;box-shadow:0 4px 15px #11336f33}.modal-btn-submit:hover{background:linear-gradient(135deg,#1a4d8f,#0f2656);transform:translateY(-2px);box-shadow:0 6px 20px #11336f59}.modal-btn-submit:active{transform:translateY(0)}.nav-buttons{display:flex;gap:12px;margin-top:20px;justify-content:center;animation:fade-in .5s ease-out}.prev-btn,.next-btn{border:none;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.3px;position:relative;overflow:hidden}.prev-btn{padding:11px 24px;background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 15px #0000001a}.prev-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7a7d);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.next-btn{padding:11px 24px;background:linear-gradient(135deg,#11336f,#1a4d8f);box-shadow:0 4px 15px #11336f33;flex:1;max-width:200px}.next-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a4d8f,#0f2656);transform:translateY(-2px);box-shadow:0 6px 20px #11336f59}.next-btn:active:not(:disabled){transform:translateY(0)}.next-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.completion-screen{position:fixed;inset:0;background:linear-gradient(135deg,#11336f,#1a4d8f,#9b59b6);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fade-in .4s ease-out}.completion-content{text-align:center;animation:float-in .6s ease-out}.spinner{width:80px;height:80px;margin:0 auto 40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.completion-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 16px;font-family:Poppins,sans-serif;letter-spacing:-.5px}.completion-subtitle{font-size:16px;color:#ffffffe6;margin:0 0 40px;max-width:400px;line-height:1.6}.progress-dots{display:flex;justify-content:center;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#fff9;animation:pulse-dot 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}*{margin:0;padding:0;box-sizing:border-box;list-style:none}body,.dashboard-container,.dashboard-welcome{font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:16px;color:#13324b}.navbar{position:sticky;top:0;z-index:1000;background-color:#fff;box-shadow:0 4px 12px #00000014}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.navbar-left{flex:0 0 auto}.navbar-content .name{font-family:Poppins,sans-serif;font-size:24px;font-weight:800;color:#11336f;letter-spacing:.6px;margin:0}.navbar-content .name h3{margin:0;background:linear-gradient(135deg,#11336f,#1a4d8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-center{flex:1;display:flex;justify-content:center;align-items:center;margin:0 2rem}.nav-items-one,.nav-items-two{display:flex;align-items:stretch}.navbar-center ul{display:flex;gap:2rem;align-items:center;margin:0}.navbar-center ul li{cursor:pointer;font-weight:600;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:3px solid transparent;transition:all .3s ease;color:#13324b;font-size:15px;margin:0;padding:0}.navbar-center ul li a{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;transition:all .3s ease}.navbar-center ul li svg{font-size:18px;transition:all .3s ease}.navbar-center ul li:hover{border-bottom-color:#667eea;color:#667eea}.navbar-center ul li:hover svg{transform:scale(1.15)}.navbar-right{display:flex;align-items:center;gap:2rem;flex:0 0 auto}.profile{display:flex;align-items:center;gap:12px}.username{font-family:Poppins,sans-serif;font-weight:600;color:#11336f;font-size:14px;white-space:nowrap}.avatar-section{position:relative}.avatar-btn{width:48px;height:48px;border-radius:50%;border:2px solid #11336f;background:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #11336f26}.avatar-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #11336f40;border-color:#9b59b6}.avatar-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:12px;margin-top:8px;min-width:200px;animation:slide-down .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(17,51,111,.1)}.avatar-label{font-size:12px;color:#666;padding:8px 12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.avatar-option{display:block;width:100%;padding:10px;border:none;background:transparent;font-size:20px;cursor:pointer;border-radius:8px;transition:all .2s ease;margin:4px 0}.avatar-option:hover{background:#11336f14;transform:scale(1.15)}.avatar-option.active{background:linear-gradient(135deg,#11336f26,#9b59b61a);border:2px solid #11336f}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #e74c3c33}.logout-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c4d}.logout-btn:active{transform:translateY(0)}.logout-btn svg{font-size:16px}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;color:#11336f;cursor:pointer;padding:8px;transition:all .3s ease}.mobile-menu-btn:hover{color:#9b59b6;transform:scale(1.1)}@media(max-width:1024px){.navbar-content{padding:1rem 1.5rem}.navbar-center{margin:0 2rem;gap:4rem}.navbar-center ul{gap:1.2rem}.navbar-center ul li{font-size:12px;gap:5px;padding:5px 8px}.navbar-center ul li svg{font-size:15px}.username{font-size:13px}}@media(max-width:768px){.navbar-content{padding:1rem;gap:1rem}.navbar-left{flex:1}.navbar-content .name{font-size:18px}.mobile-menu-btn{display:flex;order:2}.navbar-center{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:1rem;background:#fff;padding:1.5rem;border-bottom:1px solid #eee;box-shadow:0 4px 12px #00000014;max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0}.navbar-center.active{max-height:400px}.navbar-center ul{flex-direction:column;gap:.5rem}.navbar-center ul li{padding:10px 8px}.navbar-right{order:3;width:100%;gap:1rem;margin-top:1rem;justify-content:space-between}.profile{flex:1}.username{display:none}.logout-btn{padding:8px 14px;font-size:12px}.avatar-menu{right:-10px}}@media(max-width:480px){.navbar-content{padding:.8rem}.navbar-content .name{font-size:16px}.navbar-center ul li{font-size:13px;padding:8px 6px}.navbar-right{gap:.5rem}.avatar-btn{width:40px;height:40px;font-size:20px}.logout-btn{padding:6px 10px;font-size:11px;gap:4px}.logout-btn svg{display:none}}.dashboard-official{display:flex;flex-direction:row;width:100%}.side1{width:40%;height:80vh;border:1px solid black;margin:2rem;border-radius:10px;background:#fff;border:none;box-shadow:0 6px 20px #11336f0f}.side2{width:70%;height:90vh;border:1px solid black;display:flex;margin:2rem;flex-direction:column;border:none}.border1{border:1px solid rgba(17,51,111,.08);width:100%;border-radius:10px;padding:14px;box-sizing:border-box;background:#fff;min-height:180px;display:flex;flex-direction:column;justify-content:flex-start;overflow:auto;box-shadow:0 6px 20px #11336f0a}.border2{border:1px solid rgba(17,51,111,.06);height:50%;width:100%;border-radius:10px;margin-top:1rem;background:#fff;box-shadow:0 6px 20px #11336f0a}.next-step-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:#fff;border-radius:10px;border-left:6px solid #11336f;box-shadow:0 6px 20px #11336f0f;height:100%;box-sizing:border-box}.next-step-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.next-step-header h3{margin:0;font-size:18px;color:#11336f;font-weight:800;font-family:Poppins,sans-serif}.badge{background:linear-gradient(135deg,#9b59b6,#d35aff);color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700}.next-step-desc{margin:0;color:#444;font-size:14px;line-height:1.4}.suggested-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.suggested-list li{background:#11336f08;padding:8px 10px;border-radius:8px;font-size:13px;color:#11336f;display:flex;align-items:center;gap:10px}.view-all-wrap{display:flex;justify-content:center;margin-top:12px}.view-all-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#11336f14,#9b59b60d);border:2px solid rgba(17,51,111,.15);color:#11336f;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer;transition:all .28s cubic-bezier(.34,1.56,.64,1);font-size:14px}.view-all-btn:hover{background:linear-gradient(135deg,#11336f26,#9b59b61f);border-color:#11336f4d;transform:translateY(-2px);box-shadow:0 4px 12px #11336f1f}.view-all-btn svg{font-size:16px}.retake-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid rgba(17,51,111,.08);background:#fff;cursor:pointer;font-weight:700;color:#11336f}.retake-btn svg{font-size:14px}.next-step-actions{margin-top:auto;display:flex;gap:10px}.start-btn{padding:10px 16px;background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.later-btn{padding:10px 14px;background:transparent;color:#11336f;border:2px solid rgba(17,51,111,.12);border-radius:8px;font-weight:700;cursor:pointer}.career-matches-section{display:flex;flex-direction:column;height:100%;gap:1rem;padding:1.5rem}.career-header{display:flex;align-items:center;gap:16px;margin-bottom:1rem}.career-header .career-icon{font-size:28px;color:#11336f}.career-header h2{font-size:20px;color:#11336f;font-weight:800;margin:0;font-family:Poppins,sans-serif}.career-header p{font-size:12px;color:#999;margin:4px 0 0;font-family:Inter,sans-serif}.careers-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.careers-list::-webkit-scrollbar{width:6px}.careers-list::-webkit-scrollbar-track{background:#11336f0d;border-radius:10px}.careers-list::-webkit-scrollbar-thumb{background:#11336f33;border-radius:10px}.careers-list::-webkit-scrollbar-thumb:hover{background:#11336f4d}.career-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:12px;border-left:6px solid #11336f;box-shadow:0 4px 12px #0000000f;transition:all .24s cubic-bezier(.22,1,.36,1);cursor:pointer}.career-card:hover{transform:translate(6px);box-shadow:0 4px 16px #11336f1f;border-left-color:#9b59b6}.career-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#11336f14,#9b59b60a);border-radius:8px;font-size:18px;color:#11336f;flex-shrink:0}.career-card:hover .career-icon-wrapper{background:linear-gradient(135deg,#11336f33,#9b59b626);color:#9b59b6}.career-info{flex:1}.career-info h3{font-size:15px;font-weight:700;color:#11336f;margin:0 0 6px;font-family:Poppins,sans-serif}.match-bar{width:100%;height:5px;background:#11336f1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.match-fill{height:100%;background:linear-gradient(90deg,#11336f,#1a4d8f);border-radius:3px;transition:width .5s ease-out}.match-text{font-size:11px;color:#999;font-weight:600;font-family:Inter,sans-serif}.profile-snapshot{display:flex;gap:12px;align-items:center;background:#fff;padding:12px;border-radius:10px;box-shadow:0 6px 20px #11336f0a;border-left:6px solid #11336f}.snapshot-left{display:flex;flex-direction:column;align-items:center;gap:8px;width:100px}.snapshot-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;border:2px solid rgba(17,51,111,.12);background:#fff}.snapshot-name{font-weight:800;color:#11336f;font-family:Poppins,sans-serif;font-size:16px;text-align:center}.snapshot-right{flex:1;display:flex;flex-direction:column;gap:6px}.snapshot-row{display:flex;gap:10px;align-items:center;font-size:13px;color:#333}.snapshot-row strong{width:120px;color:#11336f;font-weight:700}.snapshot-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.view-profile-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid rgba(17,51,111,.2);background:linear-gradient(135deg,#11336f14,#9b59b60a);cursor:pointer;font-weight:700;color:#11336f;text-decoration:none;font-size:12px;transition:all .24s ease}.view-profile-btn:hover{background:linear-gradient(135deg,#11336f26,#9b59b61a);border-color:#11336f4d;transform:translateY(-1px)}.view-profile-btn svg{font-size:13px}.dashboard-welcome{min-height:calc(100vh - 80px);background:linear-gradient(180deg,#fff,#f8f9fb);padding:3rem 2rem}.welcome-container{max-width:1200px;margin:0 auto}.welcome-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.welcome-avatar{font-size:80px;min-width:100px;text-align:center}.welcome-text h1{font-size:42px;font-weight:900;color:#11336f;margin:0 0 .5rem;letter-spacing:-1px}.welcome-text p{font-size:18px;color:#5a6c7d;margin:0;font-weight:500}.status-section{margin-bottom:3rem}.status-message{display:flex;align-items:center;gap:2rem;padding:2rem;border-radius:16px;border-left:5px solid}.status-message.success{background:linear-gradient(135deg,#f0f4ff,#f0f8ff);border-left-color:#667eea}.status-message.pending{background:linear-gradient(135deg,#fff8f0,#fff0f8);border-left-color:#764ba2}.status-emoji{font-size:40px;min-width:60px;text-align:center}.status-message h2{font-size:24px;font-weight:700;color:#11336f;margin:0 0 .5rem}.status-message p{font-size:16px;color:#5a6c7d;margin:0}.main-content{display:flex;flex-direction:column;gap:3rem}.buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.btn-large{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2.5rem 2rem;border:none;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-align:center;min-height:240px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;grid-column:1 / -1;box-shadow:0 10px 30px #667eea4d;min-height:140px;flex-direction:row;gap:2rem}.btn-primary:hover{transform:translateY(-8px);box-shadow:0 20px 50px #667eea66}.btn-feature{background:#fff;color:#11336f;border:3px solid #e8ecf3;box-shadow:0 4px 12px #00000014}.btn-feature:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba208);box-shadow:0 12px 30px #667eea33;transform:translateY(-6px)}.btn-secondary{background:#fff;color:#11336f;border:3px solid #e8ecf3;box-shadow:0 4px 12px #00000014}.btn-secondary:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba208);box-shadow:0 12px 30px #667eea33;transform:translateY(-6px)}.btn-icon-large{font-size:56px}.btn-text{display:flex;flex-direction:column;gap:.5rem}.btn-title{font-size:18px;font-weight:800;letter-spacing:-.5px}.btn-desc{font-size:14px;opacity:.75;font-weight:500}.btn-feature .btn-desc,.btn-secondary .btn-desc{color:#5a6c7d}.btn-primary .btn-desc{color:#fffffff2}.tips-section{background:#fff;padding:2.5rem;border-radius:16px;border:2px solid #e8ecf3;box-shadow:0 4px 12px #0000000f}.tips-section h3{font-size:22px;font-weight:700;color:#11336f;margin:0 0 1.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.tip-card{display:flex;gap:1rem;padding:1.2rem;background:linear-gradient(135deg,#667eea0d,#764ba208);border-radius:12px;border:1px solid rgba(102,126,234,.1)}.tip-icon{font-size:24px;font-weight:900;color:#667eea;min-width:30px;text-align:center}.tip-card p{font-size:15px;color:#5a6c7d;margin:0;line-height:1.5;font-weight:500}@media(max-width:768px){.welcome-header{flex-direction:column;text-align:center;gap:1rem}.welcome-text h1{font-size:32px}.welcome-text p{font-size:16px}.status-message{flex-direction:column;text-align:center;gap:1rem}.status-message h2{font-size:20px}.status-message p{font-size:14px}.buttons-grid{grid-template-columns:1fr}.btn-large{min-height:200px;gap:1rem}.btn-primary{grid-column:auto;min-height:120px}.btn-icon-large{font-size:44px}.btn-title{font-size:16px}.btn-desc{font-size:13px}.tips-grid{grid-template-columns:1fr}.tips-section{padding:1.5rem}}@media(max-width:480px){.welcome-avatar{font-size:60px}.welcome-text h1{font-size:24px}.welcome-text p{font-size:14px}.btn-large{padding:1.5rem 1rem;min-height:180px}.btn-icon-large{font-size:36px}.btn-title{font-size:15px}.btn-desc{font-size:12px}.tips-section{padding:1.2rem}.tips-section h3{font-size:18px;margin-bottom:1rem}.tip-card{padding:1rem}.tip-card p{font-size:13px}}.loading-overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto}.loading-overlay-blur{position:absolute;top:0;left:0;width:100%;height:100%;background:#11336f4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-overlay-popup{position:relative;z-index:10000;background:#fff;border-radius:20px;box-shadow:0 20px 60px #11336f33;padding:3rem;width:90%;max-width:420px;animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-popup-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-spinner-main{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinner-circle{position:absolute;width:100%;height:100%;border:3px solid rgba(17,51,111,.1);border-top:3px solid #11336f;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-dot{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#11336f,#1a4d8f);border-radius:50%;top:8px;left:50%;transform:translate(-50%);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(.8)}}.loading-text-container{text-align:center}.loading-title{font-size:1.4rem;font-weight:700;color:#11336f;margin:0 0 .5rem}.loading-stage-text{font-size:1rem;color:#1a4d8f;font-weight:500;margin:0;min-height:1.5rem;animation:fadeInText .5s ease-in-out}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.loading-progress-bar{width:100%;height:6px;background:#11336f1a;border-radius:10px;overflow:hidden}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#11336f,#1a4d8f);border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.loading-stages-indicator{display:flex;gap:.5rem;justify-content:center;align-items:center}.stage-dot{width:10px;height:10px;border-radius:50%;background:#11336f26;transition:all .4s ease}.stage-dot.active{background:#11336f;transform:scale(1.2);box-shadow:0 0 0 4px #11336f26}@media(max-width:480px){.loading-overlay-popup{padding:2rem;max-width:85%}.loading-spinner-main{width:60px;height:60px}.loading-title{font-size:1.2rem}.loading-stage-text{font-size:.95rem}}.matches-page{background:linear-gradient(135deg,#f8f9fa,#f0f4f8);min-height:calc(100vh - 80px);padding:2rem 0;font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto}.matches-container{max-width:1200px;margin:0 auto;padding:0 2rem}.matches-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.matches-header h1{font-size:32px;font-weight:800;color:#11336f;margin:0 0 8px;font-family:Poppins,sans-serif}.matches-header p{font-size:16px;color:#666;margin:0}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.filter-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #11336f4d}.filters-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:2rem;border:1px solid rgba(17,51,111,.08);box-shadow:0 2px 8px #0000000a;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}.filter-options{display:flex;flex-wrap:wrap;gap:12px}.filter-checkbox,.filter-radio{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#11336f08;border:1px solid rgba(17,51,111,.08);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:#333}.filter-checkbox:hover,.filter-radio:hover{background:#11336f14;border-color:#11336f}.filter-checkbox input,.filter-radio input{cursor:pointer}.filter-checkbox input:checked+span,.filter-radio input:checked+span{color:#11336f}.salary-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.clear-salary-btn{padding:8px 16px;background:transparent;border:1px solid #e74c3c;color:#e74c3c;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.clear-salary-btn:hover{background:#e74c3c1a}.career-matches-grid{display:flex;flex-direction:column;gap:16px}.career-detail-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(17,51,111,.08);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.career-detail-card:hover{box-shadow:0 8px 24px #11336f1f;border-color:#11336f29}.career-detail-card.expanded{box-shadow:0 12px 32px #11336f26}.card-summary{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.card-summary:hover{background:#11336f05}.summary-left{display:flex;align-items:flex-start;gap:20px;flex:1}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#11336f1a,#9b59b60d);border-radius:12px;font-size:28px;color:#11336f;flex-shrink:0}.summary-text h2{font-size:20px;font-weight:800;color:#11336f;margin:0 0 8px;font-family:Poppins,sans-serif}.why-fits{font-size:14px;color:#666;margin:0;line-height:1.5}.summary-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.match-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;box-shadow:0 4px 12px #11336f40}.match-percent{font-size:28px;font-weight:800}.match-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.expand-btn{width:40px;height:40px;border-radius:50%;border:none;background:#11336f14;color:#11336f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:20px}.expand-btn:hover{background:#11336f26;transform:scale(1.1)}.expand-btn svg.rotated{transform:rotate(180deg)}.card-details{border-top:1px solid rgba(17,51,111,.08);padding:24px;background:linear-gradient(135deg,#fff,#fbfdff);animation:expandIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes expandIn{0%{opacity:0}to{opacity:1}}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-box{display:flex;gap:12px;padding:16px;background:#fff;border-radius:10px;border-left:4px solid #11336f}.stat-icon{font-size:24px;color:#11336f;flex-shrink:0}.stat-label{display:block;font-size:12px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.stat-value{display:block;font-size:18px;font-weight:800;color:#11336f;margin:4px 0}.stat-range{display:block;font-size:12px;color:#666}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:16px;font-weight:800;color:#11336f;margin:0 0 16px;font-family:Poppins,sans-serif}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-item{background:#fff;padding:12px;border-radius:8px}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-name{font-weight:700;color:#11336f;font-size:14px}.skill-level{font-size:12px;color:#999;background:#11336f14;padding:2px 8px;border-radius:4px;font-weight:600}.skill-bar{height:24px;background:#11336f14;border-radius:6px;overflow:hidden;position:relative}.skill-gap{height:100%;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;transition:width .5s ease-out}.gap-label{color:#fff;font-size:11px;font-weight:700}.education-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.education-list li{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#fff;border-radius:8px;border-left:3px solid #9b59b6;font-size:14px;color:#333}.edu-icon{flex-shrink:0;color:#9b59b6;font-size:18px;margin-top:2px}@media(max-width:768px){.matches-container{padding:0 1rem}.matches-header{flex-direction:column;align-items:stretch}.matches-header h1{font-size:24px}.filter-toggle-btn{width:100%;justify-content:center}.card-summary{flex-direction:column;align-items:flex-start;gap:16px}.summary-left{width:100%}.summary-right{width:100%;justify-content:space-between}.quick-stats{grid-template-columns:1fr}.match-circle{width:70px;height:70px}.match-percent{font-size:24px}}@media(max-width:480px){.matches-header h1{font-size:20px}.matches-header p{font-size:14px}.icon-wrapper{width:48px;height:48px;font-size:24px}.summary-text h2{font-size:16px}.why-fits{font-size:13px}.card-summary,.card-details{padding:16px}.filter-options{gap:8px}.filter-checkbox,.filter-radio{padding:6px 10px;font-size:12px}}.explore-page{background:linear-gradient(135deg,#f8f9fa,#f0f4f8);min-height:calc(100vh - 80px);padding:2rem 0;font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto}.explore-container{max-width:1400px;margin:0 auto;padding:0 2rem}.explore-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.explore-header h1{font-size:32px;font-weight:800;color:#11336f;margin:0 0 8px;font-family:Poppins,sans-serif}.explore-header p{font-size:16px;color:#666;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #11336f4d}.compare-badge{padding:8px 14px;background:linear-gradient(135deg,#9b59b6,#d35aff);color:#fff;border-radius:20px;font-weight:700;font-size:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.search-section{background:#fff;border-radius:14px;padding:20px;margin-bottom:2rem;border:2px solid rgba(17,51,111,.1);box-shadow:0 4px 16px #11336f14;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}.search-container{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8f9fa,#f0f4f8);border:2px solid rgba(17,51,111,.15);border-radius:12px;padding:12px 16px;transition:all .3s ease}.search-container:focus-within{border-color:#11336f;box-shadow:0 4px 12px #11336f26;background:#fff}.search-icon{color:#11336f;font-size:20px;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:#333;font-family:Poppins,sans-serif;outline:none}.search-input::placeholder{color:#999}.search-clear{background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.search-clear:hover{background:#11336f1a;color:#11336f}.search-results-info{font-size:13px;color:#666;margin-top:12px;padding-top:12px;border-top:1px solid rgba(17,51,111,.08)}.filters-panel{background:#fff;border-radius:12px;padding:24px;margin-bottom:2rem;border:1px solid rgba(17,51,111,.08);box-shadow:0 2px 8px #0000000a;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-group h3{font-size:14px;font-weight:700;color:#11336f;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 16px;background:#11336f14;border:1px solid rgba(17,51,111,.12);border-radius:20px;color:#333;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.chip:hover{background:#11336f26;border-color:#11336f}.chip.active{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border-color:#11336f}.salary-chips{display:flex;flex-wrap:wrap;gap:8px}.explore-content{display:grid;grid-template-columns:1fr 320px;gap:24px}.careers-section h2{font-size:20px;font-weight:800;color:#11336f;margin:0 0 16px;font-family:Poppins,sans-serif}.no-results{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px dashed rgba(17,51,111,.12)}.no-results p{font-size:16px;color:#666;margin:0}.careers-table{background:#fff;border-radius:12px;border:1px solid rgba(17,51,111,.08);overflow:hidden;box-shadow:0 2px 8px #0000000a}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr 1.2fr;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#fbfdff);border-bottom:2px solid rgba(17,51,111,.08);font-weight:700;font-size:12px;color:#11336f;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr 1.2fr;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(17,51,111,.04);align-items:center;transition:all .2s ease}.table-row:hover{background:#11336f05}.table-row:last-child{border-bottom:none}.col-title{min-width:0}.title-info h4{font-size:15px;font-weight:800;color:#11336f;margin:0 0 4px}.title-info p{font-size:12px;color:#999;margin:0}.col-industry,.col-education,.col-salary,.col-env{display:flex;align-items:center}.badge{display:inline-block;padding:6px 12px;background:#9b59b61a;color:#9b59b6;border-radius:6px;font-size:12px;font-weight:700}.education-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3498db1a;color:#3498db;border-radius:6px;font-size:12px;font-weight:700}.salary-text{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#27ae60}.env-badge{display:inline-block;padding:6px 12px;background:#e67e221a;color:#e67e22;border-radius:6px;font-size:12px;font-weight:700}.col-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{width:36px;height:36px;border-radius:6px;border:1px solid rgba(17,51,111,.12);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.action-btn:hover:not(:disabled){background:#11336f14;border-color:#11336f}.action-btn:disabled{opacity:.5;cursor:not-allowed}.compare-btn{color:#9b59b6}.compare-btn:hover:not(:disabled){background:#9b59b61a;border-color:#9b59b6}.consider-btn{color:#11336f}.consider-btn.active{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border-color:#11336f}.sidebar{display:flex;flex-direction:column;gap:16px;height:fit-content}.sidebar-card{background:#fff;border-radius:12px;padding:16px;border:1px solid rgba(17,51,111,.08);box-shadow:0 2px 8px #0000000a}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebar-header h3{font-size:14px;font-weight:800;color:#11336f;margin:0}.clear-btn{padding:4px 10px;background:transparent;border:1px solid #e74c3c;color:#e74c3c;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#e74c3c1a}.compare-card{border-left:4px solid #9b59b6}.compare-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.compare-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#9b59b614;border-radius:6px;font-size:13px;font-weight:600;color:#11336f}.remove-btn{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#e74c3c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-btn:hover{background:#e74c3c1a}.compare-action-btn{width:100%;padding:10px;background:linear-gradient(135deg,#9b59b6,#d35aff);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.compare-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9b59b64d}.consider-card{border-left:4px solid #11336f}.consider-list{display:flex;flex-direction:column;gap:8px}.consider-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#11336f0a;border-radius:6px;border-left:3px solid #11336f}.consider-info{flex:1;min-width:0}.consider-info h4{font-size:13px;font-weight:800;color:#11336f;margin:0 0 2px}.consider-info p{font-size:11px;color:#999;margin:0}.empty-message{text-align:center;font-size:13px;color:#999;padding:20px 10px;margin:0}.stats-card{border-left:4px solid #27ae60}.stats{display:flex;flex-direction:column;gap:10px}.stat{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#27ae6014;border-radius:6px;font-size:12px}.stat .label{color:#666;font-weight:600}.stat .value{background:#27ae60;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;font-size:11px}.no-filters{text-align:center;color:#999;padding:15px 10px;margin:0;font-size:12px}@media(max-width:1024px){.explore-content{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;height:auto}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.col-env{display:none}}@media(max-width:768px){.explore-container{padding:0 1rem}.explore-header{flex-direction:column}.header-actions{width:100%}.filter-btn{flex:1}.sidebar{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:12px}.table-header{display:none}.table-row{padding:16px;border:1px solid rgba(17,51,111,.08);margin-bottom:12px;border-radius:8px}.col-title,.col-industry,.col-education,.col-salary,.col-env,.col-actions{grid-column:auto}.col-actions{display:flex;justify-content:flex-end;grid-column:1}}.pagination-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.5rem 0;border-top:2px solid rgba(17,51,111,.1)}.pagination-info{font-size:14px;color:#666;font-weight:500}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:10px 16px;border:2px solid #e8ecf3;background:#fff;color:#667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.pagination-btn:hover:not(:disabled){border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:#999;border-color:#ddd}.page-numbers{display:flex;gap:.5rem;align-items:center}.page-btn{width:40px;height:40px;padding:0;border:2px solid #e8ecf3;background:#fff;color:#667eea;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif}.page-btn:hover{border-color:#667eea;background:#f0f4f8;transform:scale(1.1)}.page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea33}.pagination-section .prev-btn svg,.pagination-section .next-btn svg{font-size:18px}@media(max-width:768px){.pagination-controls{gap:.75rem}.pagination-btn{padding:8px 12px;font-size:13px}.page-btn{width:36px;height:36px;font-size:12px}}@media(max-width:480px){.pagination-section{gap:1rem;margin-top:1.5rem}.pagination-info{font-size:12px}.pagination-controls{gap:.5rem;flex-direction:column}.pagination-btn{width:100%;justify-content:center;padding:8px 12px}.page-numbers{gap:.25rem}.page-btn{width:32px;height:32px;font-size:11px}}@media(max-width:480px){.explore-header h1{font-size:24px}.chip{padding:6px 12px;font-size:12px}.action-btn{width:32px;height:32px;font-size:14px}.title-info h4{font-size:14px}.title-info p{font-size:11px}}.profile-page{background:linear-gradient(135deg,#f5f7fc,#eef2f8);min-height:calc(100vh - 80px);padding:2.5rem 0;font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto}.profile-container{max-width:1200px;margin:0 auto;padding:0 2rem}.profile-header-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:linear-gradient(135deg,#fff,#fbfdff);border-radius:16px;padding:32px;margin-bottom:2.5rem;border:1px solid rgba(17,51,111,.1);box-shadow:0 8px 24px #11336f14;gap:24px}.header-left{display:flex;align-items:center;gap:24px;grid-column:1}.profile-avatar-large{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;border:4px solid #11336f;background:linear-gradient(135deg,#fff,#fbfdff);flex-shrink:0;box-shadow:0 4px 16px #11336f26}.header-info h1{font-size:32px;font-weight:800;color:#11336f;margin:0 0 6px;font-family:Poppins,sans-serif}.header-info p{font-size:14px;color:#999;margin:0}.header-actions{display:flex;gap:12px}.header-actions .btn{padding:15px 18px;font-size:13px;font-weight:600;min-height:auto!important;height:auto!important;grid-column:auto!important;gap:6px!important}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Poppins,sans-serif;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;box-shadow:0 4px 12px #11336f33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11336f4d}.btn-secondary{background:#11336f1a;color:#11336f;border:1px solid rgba(17,51,111,.2)}.btn-secondary:hover{background:#11336f26;border-color:#11336f}.btn-outline{background:transparent;color:#11336f;border:2px solid #11336f}.btn-outline:hover{background:#11336f0d}.header-right{display:flex;gap:12px;align-items:center;grid-column:3;justify-content:flex-end;white-space:nowrap}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0;height:40px;min-width:fit-content}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d;font-size:15px}.action-btn.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.action-btn.primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.action-btn.secondary{background:linear-gradient(135deg,#11336f1a,#1a4d8f0d);color:#11336f;border:2px solid rgba(17,51,111,.2);font-weight:700;font-size:15px}.action-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#11336f26,#1a4d8f1a);border-color:#11336f;transform:translateY(-3px);box-shadow:0 6px 16px #11336f33}.action-btn.secondary:active:not(:disabled){transform:translateY(-1px)}.action-btn svg{font-size:16px}.tabs-container{display:flex;gap:10px;margin-bottom:2rem;background:#fff;padding:12px;border-radius:14px;border:1px solid rgba(17,51,111,.1);box-shadow:0 2px 8px #0000000a}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:10px;color:#666;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex:1;justify-content:center}.tab-btn:hover{background:#11336f14;color:#11336f}.tab-btn.active{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;box-shadow:0 4px 12px #11336f33}.tabs-content-wrapper{background:#fff;border-radius:16px;border:1px solid rgba(17,51,111,.08);box-shadow:0 4px 16px #0000000a;overflow:hidden}.tab-content{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-section{padding:36px}.content-section h2{font-size:26px;font-weight:800;color:#11336f;margin:0 0 10px;font-family:Poppins,sans-serif}.section-desc{font-size:15px;color:#666;margin:0 0 28px;line-height:1.5}.response-block{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(17,51,111,.08)}.response-block:last-child{margin-bottom:0;border-bottom:none}.response-block h3{font-size:18px;font-weight:800;color:#11336f;margin:0 0 18px;display:flex;align-items:center;gap:8px}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-block;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#e8f0ff,#f0f4ff);color:#11336f;border:1px solid rgba(17,51,111,.15);transition:all .3s ease}.tag:hover{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #11336f33}.tag.primary{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:1px solid rgba(3,102,214,.2);color:#0366d6}.tag.secondary{background:linear-gradient(135deg,#f3e8ff,#faf5ff);border:1px solid rgba(147,51,234,.2);color:#9333ea}.work-style-text{font-size:15px;color:#555;background:#11336f0d;padding:16px;border-radius:10px;line-height:1.7;border-left:4px solid #11336f}.learning-info{display:grid;gap:12px}.info-item{display:flex;justify-content:space-between;padding:14px;background:linear-gradient(135deg,#f8f9fa,#f0f4f8);border-radius:10px;border-left:3px solid #11336f}.info-item strong{color:#11336f;font-weight:700}.info-item span{color:#555;font-weight:600}.strengths-challenges-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#fff;border-radius:16px;padding:32px;border:1px solid rgba(17,51,111,.08);box-shadow:0 4px 16px #0000000a}.strengths-block,.challenges-block{display:flex;flex-direction:column}.block-title{font-size:18px;font-weight:800;color:#11336f;margin:0 0 20px;display:flex;align-items:center;gap:8px}.items-list{display:flex;flex-direction:column;gap:14px}.item{padding:16px;border-radius:12px;border-left:5px solid;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.strength-item{background:linear-gradient(135deg,#34d39914,#10b9810a);border-left-color:#10b981}.strength-item:hover{background:linear-gradient(135deg,#34d3991f,#10b98114)}.challenge-item{background:linear-gradient(135deg,#fb923c14,#f973160a);border-left-color:#f97316}.challenge-item:hover{background:linear-gradient(135deg,#fb923c1f,#f9731614)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.item-header h4{font-size:15px;font-weight:800;color:#11336f;margin:0;flex:1}.badge{display:inline-block;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0}.strength-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.impact-badge{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 2px 8px #f973164d}.impact-badge.moderate{background:linear-gradient(135deg,#f59e0b,#d97706)}.impact-badge.low{background:linear-gradient(135deg,#3b82f6,#2563eb)}.item p{font-size:14px;color:#555;margin:0;line-height:1.6}.improvement-tip{background:#fff9;padding:12px;border-radius:8px;margin-top:10px;border-left:3px solid #f97316}.improvement-tip strong{color:#11336f;display:block;margin-bottom:6px;font-size:13px}.improvement-tip p{font-size:13px;color:#555;margin:0}.readiness-section{background:linear-gradient(135deg,#dbeafe,#e0f2fe);padding:24px;border-radius:12px;margin-bottom:28px;border:2px solid #bfdbfe}.readiness-section h3{color:#11336f;margin-bottom:18px;font-size:18px}.readiness-info{display:grid;gap:14px}.readiness-info .info-item{padding:16px;background:#fff;border-radius:10px;border-left:4px solid #0366d6}.readiness-info strong{color:#11336f;display:block;margin-bottom:6px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.readiness-info span,.readiness-info ul{color:#555;font-size:15px;line-height:1.6}.readiness-info ul{margin-left:20px;padding:0}.readiness-info li{margin-bottom:8px}.recommendations-section{margin-top:28px}.recommendations-section h3{color:#11336f;margin-bottom:20px;font-size:18px}.recommendation-block{padding:20px;border-radius:12px;margin-bottom:14px;border-left:5px solid;transition:all .3s ease}.recommendation-block:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.recommendation-block h4{font-size:15px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}.recommendation-block ul{margin:0 0 0 20px;padding:0}.recommendation-block li{margin-bottom:8px;font-size:14px;line-height:1.6;color:#555}.recommendation-block.immediate{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-left-color:#dc2626}.recommendation-block.immediate h4{color:#b91c1c}.recommendation-block.short-term{background:linear-gradient(135deg,#fef3c7,#fefce8);border-left-color:#d97706}.recommendation-block.short-term h4{color:#92400e}.recommendation-block.long-term{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-left-color:#0284c7}.recommendation-block.long-term h4{color:#0c4a6e}.impact-notice{background:linear-gradient(135deg,#a855f714,#11336f0a);border:2px solid rgba(168,85,247,.2);border-radius:12px;padding:24px;border-left:5px solid #a855f7;margin-top:28px}.impact-notice h3{font-size:18px;font-weight:800;color:#11336f;margin:0 0 12px}.impact-notice p{font-size:14px;color:#555;margin:0 0 16px;line-height:1.7}@media(max-width:768px){.profile-container{padding:0 1.5rem}.profile-page{padding:1.5rem 0}.profile-header-card{flex-direction:column;align-items:flex-start;padding:24px;gap:16px}.header-left{width:100%}.header-right{width:100%;flex-direction:column;gap:10px;flex-wrap:wrap}.header-right .action-btn{width:100%;justify-content:center;padding:14px 16px;flex-shrink:0}.header-actions{flex-direction:column;width:100%;gap:10px}.header-actions .btn{width:100%;justify-content:center}.tabs-container{flex-direction:column;gap:8px;padding:10px}.tab-btn{width:100%;justify-content:center;padding:14px 16px}.content-section{padding:24px}.content-section h2{font-size:22px}.strengths-challenges-grid{grid-template-columns:1fr;gap:20px;padding:24px}.response-block{padding-bottom:24px}.recommendation-block{padding:16px;margin-bottom:12px}.impact-notice{padding:20px}}@media(max-width:480px){.profile-container{padding:0 1rem}.profile-header-card{padding:16px}.profile-avatar-large{width:90px;height:90px;font-size:48px}.header-info h1{font-size:24px}.header-info p{font-size:12px}.content-section{padding:16px}.content-section h2{font-size:20px}.block-title{font-size:16px;margin-bottom:14px}.tab-btn{padding:12px;font-size:13px;gap:4px}.item{padding:14px;border-left:4px solid}.badge{padding:4px 10px;font-size:10px}.readiness-section{padding:16px}.recommendation-block{padding:14px}.recommendation-block h4{font-size:14px;margin-bottom:10px}.recommendation-block ul{margin-left:16px}.recommendation-block li{font-size:13px}.tags-list{gap:8px}.tag{padding:6px 12px;font-size:12px}}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar-large{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.profile-avatar-large:hover{transform:scale(1.08);box-shadow:0 8px 24px #11336f40}.profession-name{font-size:14px;font-weight:600;color:#11336f;margin:0}.change-profession-btn{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.change-profession-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11336f4d}.profession-picker-card{background:linear-gradient(135deg,#fff,#fbfdff);border-radius:16px;padding:32px;margin-bottom:2.5rem;border:2px solid #11336f;box-shadow:0 8px 24px #11336f1f}.profession-picker-card h2{color:#11336f;font-size:24px;margin-bottom:24px;font-weight:700}.profession-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.profession-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:12px;border:2px solid #e0e7f1;background:#fff;cursor:pointer;transition:all .3s ease}.profession-option:hover{border-color:#11336f;background:linear-gradient(135deg,#11336f0d,#1a4d8f0d);transform:translateY(-4px)}.profession-option.active{border-color:#11336f;background:linear-gradient(135deg,#11336f,#1a4d8f);box-shadow:0 8px 20px #11336f4d}.profession-emoji{font-size:44px;line-height:1}.profession-label{font-size:12px;font-weight:600;text-align:center;color:#333;margin:0;transition:color .3s ease}.profession-option.active .profession-label{color:#fff}.assessment-history-card{background:linear-gradient(135deg,#fff,#fbfdff);border-radius:16px;padding:32px;margin-bottom:2.5rem;border:1px solid rgba(17,51,111,.1);box-shadow:0 8px 24px #11336f14}.assessment-history-card h2{color:#11336f;font-size:22px;margin-bottom:24px;font-weight:700}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f8fafb,#f3f6f9);border-radius:12px;border-left:4px solid #11336f;transition:all .3s ease}.history-item:hover{background:linear-gradient(135deg,#11336f0d,#1a4d8f0d);transform:translate(4px)}.history-item-left{display:flex;align-items:center;gap:16px;flex:1}.history-number{font-size:20px;font-weight:700;color:#11336f;min-width:40px}.history-info p{margin:0;font-size:14px;color:#333}.history-date{font-weight:600;color:#11336f;margin-bottom:4px}.history-answers{color:#666;font-size:13px}.history-item-right{display:flex;align-items:center;gap:12px}.view-btn{background:#fff;color:#11336f;border:2px solid #11336f;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:#11336f;color:#fff}.no-history{text-align:center;padding:40px 20px}.no-history p{color:#11336f;font-size:16px;font-weight:600;margin-bottom:8px}.no-history .sub-text{color:#666;font-size:14px;margin-bottom:24px}.start-assessment-btn{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-assessment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11336f4d}.profile-actions{display:flex;gap:16px;margin-top:2.5rem;flex-wrap:wrap}.action-btn{flex:1;min-width:200px;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.retake-btn{background:linear-gradient(135deg,#11336f,#1a4d8f);color:#fff;box-shadow:0 4px 12px #11336f33}.retake-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #11336f4d}.explore-btn{background:linear-gradient(135deg,#1a4d8f,#0f2656);color:#fff;box-shadow:0 4px 12px #0f265633}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f26564d}@media(max-width:768px){.profile-actions{flex-direction:column}.action-btn{min-width:unset}.profession-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.history-item{flex-direction:column;align-items:flex-start}.history-item-right{align-self:flex-end;margin-top:12px}}