@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.home-container{width:100%;max-width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero{background:linear-gradient(135deg,#e8f1f8,#f0f4ff);padding:5rem 2rem;text-align:center;border-radius:20px;margin:2rem auto;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden;max-width:1400px;width:calc(100% - 4rem);transform-style:preserve-3d;perspective:1000px}.hero:before{content:"";position:absolute;top:-120px;right:-80px;width:350px;height:350px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;opacity:.15;animation:morphShape 20s ease-in-out infinite alternate;z-index:0}.hero:after{content:"";position:absolute;bottom:-100px;left:-80px;width:300px;height:300px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:40% 60% 30% 70%/60% 30% 70% 40%;opacity:.1;animation:morphShape 15s ease-in-out infinite alternate-reverse;z-index:0}.floating-dots{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;opacity:.6}.dot{position:absolute;background-color:#cddc39;border-radius:50%;opacity:.2;animation:float 12s infinite ease-in-out}.dot:nth-child(1){width:20px;height:20px;top:15%;left:10%;animation-delay:0s}.dot:nth-child(2){width:15px;height:15px;top:25%;right:15%;animation-delay:2s}.dot:nth-child(3){width:25px;height:25px;bottom:20%;left:20%;animation-delay:4s}.dot:nth-child(4){width:10px;height:10px;bottom:30%;right:10%;animation-delay:6s}.dot:nth-child(5){width:18px;height:18px;top:45%;left:40%;animation-delay:8s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(5px)}50%{transform:translateY(0) translate(10px)}75%{transform:translateY(15px) translate(5px)}}.hero-content{position:relative;z-index:2;padding:2.5rem;background:#fffffff2;border-radius:16px;box-shadow:0 10px 25px #00000014;transform:translateZ(20px);transition:transform .3s ease;max-width:900px;margin:0 auto;border:1px solid rgba(255,255,255,.5)}.hero-content:hover{transform:translateZ(30px) scale(1.02)}.hero h1{color:#1a237e;font-size:3.2rem;margin-bottom:1.2rem;position:relative;display:inline-block;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.02em;text-shadow:none}.hero h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#ff6d00,#ff9e40);border-radius:4px;box-shadow:0 2px 5px #ff6d0033}.hero p{color:#374151;font-size:1.25rem;line-height:1.75;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400;letter-spacing:.01em;text-shadow:none;font-family:Inter,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero p{animation:fadeIn 1s ease-out}.hero p strong{color:#1a237e;font-weight:600;position:relative}.hero p strong:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;border-radius:4px;opacity:.7}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.btn{padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;text-decoration:none;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden;letter-spacing:.02em;font-family:Inter,sans-serif}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;position:relative}.btn-secondary{background-color:#fff;color:#1a237e;border:2px solid #1a237e}.btn:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.features{padding:4rem 2rem;max-width:1400px;margin:0 auto}.features h2{text-align:center;font-size:2.5rem;color:#1a237e;margin-bottom:3rem;position:relative;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em}.features h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ff6d00,#ff9e40);border-radius:4px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:2rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 20px #00000014;transition:all .3s ease;border-top:4px solid #1a237e;display:flex;flex-direction:column;position:relative}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001f}.feature-card:nth-child(2){border-top-color:#ff6d00}.feature-card:nth-child(3){border-top-color:#4caf50}.feature-card h3{font-size:1.5rem;color:#1a237e;margin-bottom:1rem;position:relative;padding-bottom:.5rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:-.01em}.feature-card p{color:#4b5563;font-size:1rem;line-height:1.65;font-family:Inter,sans-serif;font-weight:400}@media (max-width: 768px){.hero{padding:2rem 1rem;margin:1rem auto;width:95%}.hero-content{padding:1.5rem;width:95%;max-width:none}.hero h1{font-size:2.25rem;line-height:1.2}.hero p{font-size:1.125rem;line-height:1.7;padding:0 .5rem}.cta-buttons{flex-direction:column;gap:1rem;align-items:center;width:100%}.btn{width:85%;max-width:280px;text-align:center;padding:.9rem 1rem;font-size:1rem;font-weight:600}.features{padding:3rem 1.5rem}.features h2{font-size:2.125rem}.feature-card{padding:1.5rem}.home-container{padding:0}}.rankings-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rankings-container h1{color:#1a237e;margin-top:1rem;margin-bottom:2rem;text-align:center;font-size:2rem;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.02em}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0 auto 2rem;padding:2rem;background:linear-gradient(135deg,#e8f1f8,#f0f4ff);border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:900px;position:relative;overflow:hidden;transition:all .3s ease;transform-style:preserve-3d}.filters:before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;opacity:.15;animation:morphShape 20s ease-in-out infinite alternate;z-index:0}.filters:after{content:"";position:absolute;bottom:-80px;left:-60px;width:220px;height:220px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:40% 60% 30% 70%/60% 30% 70% 40%;opacity:.1;animation:morphShape 15s ease-in-out infinite alternate-reverse;z-index:0}.filters>*{position:relative;z-index:1}.filters:hover{box-shadow:0 15px 35px #0000001f}.filter-group{display:flex;flex-direction:column;flex:1;min-width:220px;max-width:300px;position:relative;z-index:2}.filter-group label{margin-bottom:.6rem;font-weight:600;color:#1a237e;font-size:.95rem;font-family:Inter,sans-serif;transition:all .2s ease}.modern-input,.modern-select{width:100%;padding:.8rem 1rem;font-size:.95rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background-color:#ffffffe6;color:#333;height:45px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;font-family:Inter,sans-serif}.modern-input:focus,.modern-select:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a,0 4px 10px #00000014;transform:translateY(-2px)}.rankings-table-container{width:100%;overflow-x:auto;border-radius:12px;box-shadow:0 5px 15px #0000000d;background:#fff;min-height:250px}.rankings-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;font-family:Inter,sans-serif}.rankings-table th{background-color:#1a237e;color:#fff;padding:.8rem 1rem;text-align:left;font-weight:600;position:sticky;top:0;z-index:10;font-family:Inter,sans-serif}.rankings-table td{padding:.8rem 1rem;border-bottom:1px solid #eee;font-size:.95rem;color:#333;font-family:Inter,sans-serif;font-weight:400}.rankings-table tbody tr{transition:background-color .2s ease}.rankings-table tbody tr:nth-child(odd){background-color:#e8f0fe33}.rankings-table tbody tr:nth-child(2n){background-color:#fff}.rankings-table td:first-child{font-weight:700;font-size:1rem;color:#1a237e;text-align:center;padding:.8rem .6rem;border-right:1px solid rgba(26,35,126,.1)}.rankings-table td:nth-child(3){font-weight:600;color:#1a237e}.rankings-table tbody tr:hover{background-color:#e8f0fecc}.loading,.error{text-align:center;padding:2rem;font-size:1.2rem}.error{color:#d32f2f}.no-data{text-align:center;color:#757575;font-style:italic}@media (max-width: 768px){.filters{flex-direction:column;align-items:center;padding:1.5rem}.filter-group{width:100%;max-width:100%}.rankings-btn{width:100%;margin-top:1rem;align-self:center}.rankings-container h1{margin-top:1.5rem;font-size:1.75rem}.rankings-table th,.rankings-table td{padding:.6rem .7rem;font-size:.85rem}.rankings-table td:first-child{font-size:.9rem;padding:.6rem .5rem}.rankings-table-wrapper:before{content:"← Swipe to see more →";display:block;text-align:center;font-size:.85rem;color:#666;padding:.5rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:.5rem;font-style:italic}}.submit-btn{background-color:#1a237e;color:#fff;border:none;border-radius:6px;padding:0 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;height:40px;align-self:flex-end;white-space:nowrap}.submit-btn:hover{background-color:#0d1757;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-text{margin-right:6px}.btn-icon{font-size:1rem;transition:transform .2s ease}.submit-btn:hover .btn-icon{transform:translate(3px)}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500;box-shadow:0 2px 10px #c628281a}.tooltip-info{text-align:center;font-size:.9rem;color:#666;margin-bottom:.5rem;font-style:italic}.rankings-table th.with-tooltip{position:relative;cursor:pointer}.info-icon{font-size:.7rem;vertical-align:super;margin-left:2px;opacity:.7}.tooltip{visibility:hidden;position:absolute;z-index:100;width:250px;background-color:#fff;color:#333;text-align:left;border-radius:6px;padding:10px;box-shadow:0 5px 15px #0003;top:100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s,visibility .3s;pointer-events:none;display:flex;flex-direction:column;border:1px solid #ddd}@media (min-width: 769px){.rankings-table th.with-tooltip:hover .tooltip{visibility:visible;opacity:1}}.tooltip.active{visibility:visible;opacity:1}.tooltip-title{font-weight:600;color:#1a237e;margin-bottom:5px;font-size:.9rem}.tooltip-text{font-size:.85rem;line-height:1.4}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}@media (max-width: 768px){.tooltip{width:200px}@media (max-width: 480px){.tooltip{left:0;transform:none}.tooltip:after{left:20px}.rankings-table th:nth-child(n+7) .tooltip{left:auto;right:0}.rankings-table th:nth-child(n+7) .tooltip:after{left:auto;right:20px}}}.rankings-table-wrapper{width:100%;max-width:1100px;margin:0 auto}.rankings-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;white-space:nowrap}.rankings-table th{position:relative;background-color:#1a237e;color:#fff;padding:12px 15px;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.rankings-table tbody tr:nth-child(2n){background-color:#f8fafc}.rankings-table tbody tr:hover{background-color:#edf2f7}.question-tooltip{position:fixed;z-index:2000;width:280px;background-color:#fff;color:#333;border-radius:6px;border:1px solid #1a6fbf;box-shadow:0 4px 12px #0000001a;text-align:left;overflow:hidden;transform:none;left:auto;top:auto;right:auto;bottom:auto}.question-tooltip:before,.question-tooltip:after{display:none}.tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #e5e7eb}.close-tooltip{cursor:pointer;font-size:1.2rem;color:#64748b}.tooltip-body{padding:12px 15px}.tooltip-title{font-weight:600;color:#333}.tooltip-text{font-size:.9rem;line-height:1.5;color:#4b5563}@media (max-width: 992px){.rankings-table th:nth-last-child(-n+2) .question-tooltip{left:auto;right:0;transform:none}.rankings-table th:nth-child(-n+2) .question-tooltip{left:0;transform:none}}.loading,.error-message{padding:20px;text-align:center;border-radius:8px;margin:1rem 0}.loading{color:#1a237e;background-color:#f0f4ff}.error-message{color:#c53030;background-color:#fff5f5}.no-data{text-align:center;color:#718096;padding:25px;font-style:italic}.info-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:16px;height:16px;background-color:#fff;color:#1a237e;border-radius:50%;font-size:.7rem;font-weight:700;cursor:pointer;font-style:italic}.simple-tooltip{position:absolute;z-index:1000;width:250px;left:50%;transform:translate(-50%);top:100%;background-color:#fff3e0;color:#333;border-radius:6px;padding:10px 15px;box-shadow:0 4px 15px #0003;text-align:left}.simple-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #fff3e0 transparent}.tooltip-title{display:block;font-weight:600;margin-bottom:5px;color:#333}.tooltip-text{font-size:.85rem;line-height:1.5;color:#333}@media (max-width: 992px){.rankings-table th:nth-last-child(-n+2) .simple-tooltip{left:auto;right:0;transform:none}.rankings-table th:nth-last-child(-n+2) .simple-tooltip:before{left:auto;right:20px}.rankings-table th:nth-child(-n+2) .simple-tooltip{left:0;transform:none}.rankings-table th:nth-child(-n+2) .simple-tooltip:before{left:20px;transform:none}}@media (max-width: 992px){.rankings-table-container{overflow-x:auto}}.custom-select{position:relative;width:100%}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.7rem;color:#6b7280}.modern-select option{padding:8px;font-size:.95rem}.modern-select{max-height:200px;overflow-y:auto}.modern-input{width:100%;padding:.6rem .75rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#333;height:40px}.modern-input:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 2px #1a237e1a}.rankings-btn{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:50px;padding:0 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:45px;min-width:150px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden;font-family:Inter,sans-serif}.rankings-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.rankings-btn:hover:not(:disabled):before{left:100%}.rankings-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #00000026}@media (min-width: 768px){.rankings-btn{align-self:flex-end;margin-bottom:1px}.filters>button{flex:0 0 auto}}.modern-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:.6rem .75rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#333;height:42px;transition:all .2s ease;background-image:none}.modern-select::-ms-expand{display:none}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.7rem;color:#6b7280;z-index:1}.modern-select{padding-right:30px}.column-with-tooltip{position:relative}.question-mark-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:18px;height:18px;background-color:#fff;color:#1a6fbf;border-radius:50%;font-size:.8rem;font-weight:700;cursor:pointer;border:1px solid #1a6fbf}.question-mark-icon:hover{background-color:#f0f8ff}.rankings-table th{position:relative;z-index:1}.rankings-table th.column-with-tooltip:has(.question-tooltip){z-index:1001}.custom-select{position:relative}.select-loader{position:absolute;width:20px;height:20px;right:30px;top:50%;transform:translateY(-50%);border:2px solid rgba(26,35,126,.2);border-radius:50%;border-top-color:#1a237e;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.modern-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.rankings-btn:disabled{background-color:#9fa8da;cursor:not-allowed;box-shadow:none}.state-warning{display:flex;align-items:center;margin:1rem auto;padding:.75rem 1rem;background-color:#fff3cd;color:#856404;border-left:4px solid #ffc107;border-radius:4px;font-size:.95rem;max-width:900px;box-shadow:0 1px 3px #0000001a}.warning-icon{margin-right:10px;font-size:1.1rem}.state-warning+.rankings-table-wrapper{margin-top:1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0 .5rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #1a237e;background-color:#fff;color:#1a237e;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;min-width:80px}.pagination-end-btn{min-width:40px;padding:.5rem;font-size:1.1rem;font-weight:700}.pagination-page-btn{width:36px;height:36px;border:1px solid #c5cae9;background-color:#fff;color:#333;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;justify-content:center;align-items:center}.pagination-page-btn.active{background-color:#1a237e;color:#fff;border-color:#1a237e;font-weight:700}.pagination-page-btn:hover:not(.active):not(:disabled){background-color:#e8eaf6;border-color:#7986cb}.pagination-btn:hover:not(:disabled){background-color:#1a237e}.pagination-btn:disabled,.pagination-page-btn:disabled{border-color:#e0e0e0;color:#bdbdbd;cursor:not-allowed}.pagination-info{text-align:center;color:#555;font-size:.9rem;margin-bottom:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}@media (max-width: 768px){.pagination{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:auto;padding:.4rem .7rem;font-size:.85rem}.pagination-page-btn{width:32px;height:32px;font-size:.85rem}}.filter-buttons{display:flex;gap:1rem;align-self:flex-end}.export-btn{background:#adff2f;color:#000;border:2px solid black;border-radius:50px;padding:0 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:45px;min-width:150px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden;font-family:Inter,sans-serif}.export-btn:hover:not(:disabled){background-color:#adff2f;transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.export-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;position:absolute;right:10px}.export-error{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:6px;margin:1rem auto;text-align:center;font-weight:500;max-width:900px;box-shadow:0 2px 8px #c628281a}@media (max-width: 768px){.filter-buttons{width:100%;flex-direction:column;gap:.75rem}.export-btn{width:100%}}@media (min-width: 769px){.pagination-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;margin:2rem 0 1.5rem}.pagination-controls-wrapper{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:.75rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:0;margin:0;width:400px}.page-size-selector{display:flex;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);gap:8px}.page-size-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9rem;color:#555;font-weight:400;white-space:nowrap}.page-size-select{border:1px solid #e0e0e0;border-radius:8px;padding:.35rem .5rem;font-size:.9rem;min-width:70px;background-color:#fff;color:#000;box-shadow:0 1px 3px #00000014;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.pagination-info{width:400px;text-align:center;font-size:.9rem;color:#555;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;padding:0;line-height:1.5}}@media (max-width: 768px){.pagination-meta{display:flex;flex-direction:column;gap:.75rem;background-color:#f8f9fa;border-radius:12px;padding:.75rem 1rem;box-shadow:0 2px 8px #0000000d;margin-top:.5rem;width:100%;align-items:center}.page-size-selector{display:flex;align-items:center;justify-content:center;gap:.5rem}.page-size-select{width:auto;min-width:70px;max-width:90px}.page-size-label{font-size:.85rem;color:#444;font-weight:500}.pagination-info{font-size:.85rem;color:#555;text-align:center;margin:0;line-height:1.5;font-weight:400}}@media (min-width: 769px){.rankings-table-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 .5rem}.rankings-table-container{width:100%;overflow-x:auto;border-radius:12px;margin-top:1.5rem}.rankings-table{width:100%;min-width:1000px}.rankings-table td{padding:1.2rem 1.4rem;border-bottom:1px solid #eee}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.login-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-modal-content{padding:24px}.login-modal-content h3{color:#1a237e;margin-top:0;font-size:1.25rem;margin-bottom:12px}.login-modal-content p{color:#4a4a4a;margin-bottom:24px}.login-modal-actions{display:flex;justify-content:flex-end;gap:12px}.auth-button{background-color:#1a237e;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.auth-button:hover{background-color:#303f9f}.cancel-button{background-color:transparent;color:#666;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-button:hover{background-color:#f5f5f5;border-color:#bbb}.rankings-description{font-size:1.1rem;line-height:1.6;color:#374151;margin-bottom:2rem;max-width:900px;font-family:Inter,sans-serif;font-weight:400;text-align:center;margin-left:auto;margin-right:auto}.nirf-explanation{margin-top:3rem;padding:2rem;background-color:#f8f9fa;border-radius:8px;max-width:1100px;margin-left:auto;margin-right:auto;box-shadow:0 4px 12px #0000000d;font-family:Inter,sans-serif}.nirf-explanation h2{text-align:center;margin-bottom:1.5rem;color:#1a237e;font-family:Inter,sans-serif;font-weight:600;font-size:1.75rem;letter-spacing:-.01em}.nirf-explanation p{margin-bottom:1.5rem;line-height:1.6;font-family:Inter,sans-serif;color:#374151;font-size:1rem;font-weight:400}.nirf-parameters h3{margin-bottom:1rem;color:#1a237e;font-family:Inter,sans-serif;font-weight:600;font-size:1.25rem;letter-spacing:-.01em}.nirf-parameters ul{padding-left:1.5rem}.nirf-parameters li{margin-bottom:.75rem;line-height:1.6;font-family:Inter,sans-serif;color:#374151;font-weight:400}.nirf-parameters strong{color:#1a237e;font-weight:600}@media (max-width: 768px){.rankings-table-container{position:relative}.rankings-table-wrapper:before{content:"← Swipe to see more →";display:block;text-align:center;font-size:.85rem;color:#666;padding:.5rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:.5rem;font-style:italic;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}}.rankings-table{position:relative}.rankings-table td{padding:1.2rem 1.4rem;border-bottom:1px solid #eee;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;color:#333}.rankings-table th{font-weight:600}.rankings-table td:first-child{font-weight:700;font-size:1.1rem;color:#1a237e;text-align:center;padding-left:1rem;padding-right:1rem;border-right:2px solid rgba(26,35,126,.1)}.rankings-table td:nth-child(3){font-weight:500;font-size:1rem;color:#1a237e;padding-left:1.4rem}@media (max-width: 768px){.rankings-table td:first-child{font-size:1rem;padding-left:.75rem;padding-right:.75rem}}@media (max-width: 768px){.rankings-table-wrapper{display:none}.mobile-rankings-cards{display:block;margin:1rem 0}.college-card{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 10px #00000014;position:relative;overflow:hidden;border-left:5px solid #f57c00}.rank-badge{position:absolute;top:0;right:0;background:#1a237e;color:#fff;font-weight:700;font-size:1rem;padding:.5rem .8rem;border-radius:0 8px}.institute-name{font-weight:600;font-size:1.1rem;color:#1a237e;margin-right:60px;margin-bottom:.5rem;line-height:1.3}.institute-location{color:#666;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center}.institute-location:before{content:"📍";margin-right:.3rem;font-size:.9rem}.key-metrics{display:flex;flex-wrap:wrap;margin-top:.8rem;border-top:1px solid #eee;padding-top:.8rem}.metric{flex:1 0 33%;min-width:70px;margin-bottom:.6rem}.metric-label{font-size:.75rem;color:#666;display:block}.metric-value{font-size:.95rem;font-weight:600;color:#333}.overall-score{background:#f1f5ff;display:inline-block;padding:.4rem .6rem;border-radius:4px;font-weight:700;color:#1a237e;margin-bottom:.5rem}.institute-id{font-size:.8rem;color:#888;margin-bottom:.5rem}.toggle-details{width:100%;background:#f5f7fa;border:none;border-top:1px solid #eee;padding:.6rem;margin:.5rem -1rem -1rem;font-size:.85rem;color:#555;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-details:after{content:"▼";margin-left:.4rem;font-size:.7rem;transition:transform .2s}.toggle-details.expanded:after{transform:rotate(180deg)}.additional-metrics{display:none;margin-top:.8rem;border-top:1px solid #eee;padding-top:.8rem}.additional-metrics.expanded{display:flex;flex-wrap:wrap}.rankings-table-wrapper:before{display:none}}@media (min-width: 769px){.mobile-rankings-cards{display:none}}.breadcrumb{margin-bottom:1rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.breadcrumb-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:.875rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:">";margin:0 .5rem;color:#6b7280;font-weight:500}.breadcrumb-item a{color:#1a237e;text-decoration:none;transition:color .2s;font-weight:500}.breadcrumb-item a:hover{color:#303f9f;text-decoration:underline}.breadcrumb-item span[aria-current=page]{color:#6b7280;font-weight:600}@media (max-width: 768px){.breadcrumb{padding:.25rem 0}.breadcrumb-list{font-size:.8rem}.breadcrumb-item:not(:last-child):after{margin:0 .25rem}}.college-finder-container{width:100%;max-width:1200px;margin:0 auto}.college-finder-container h1{color:#1a237e;margin-top:0rem;margin-bottom:2rem;text-align:center;font-size:2rem;font-weight:700}.description{text-align:center;color:#555;margin-bottom:.75rem;font-size:1.1rem;max-width:800px;margin-left:auto;margin-right:auto}.finder-form-container{background:linear-gradient(135deg,#e8f1f8,#f0f4ff);padding:1.25rem 1.5rem;border-radius:16px;margin-top:2rem;margin-bottom:1.5rem;box-shadow:0 10px 30px #00000014;transition:all .3s ease;position:relative;overflow:visible;transform-style:preserve-3d}.finder-form-container:before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;opacity:.15;animation:morphShape 20s ease-in-out infinite alternate;z-index:0}.finder-form-container:after{content:"";position:absolute;bottom:-80px;left:-60px;width:220px;height:220px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:40% 60% 30% 70%/60% 30% 70% 40%;opacity:.1;animation:morphShape 15s ease-in-out infinite alternate-reverse;z-index:0}@keyframes morphShape{0%{border-radius:40% 60% 30% 70%/60% 30% 70% 40%}25%{border-radius:50%}50%{border-radius:30% 70% 70% 30%/30% 50% 50% 70%}75%{border-radius:50%}to{border-radius:60% 40% 40% 60%/50% 60% 40% 50%}}.finder-form-container:hover{box-shadow:0 15px 35px #0000001f}.finder-form{position:relative;z-index:1}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;position:relative}.form-group{display:flex;flex-direction:column;position:relative;margin-bottom:.15rem;overflow:visible}.form-group label{margin-bottom:.2rem;font-weight:600;color:#1a237e;font-size:.95rem;transition:all .2s ease;line-height:1.2}.form-group label:after{content:attr(data-optional);font-size:.75rem;color:#777;font-weight:400;margin-left:.25rem}.form-control{padding:.9rem 2.5rem .9rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#ffffffe6;color:#333;box-shadow:0 2px 8px #0000000d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-control:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a,0 4px 10px #00000014;transform:translateY(-2px)}.form-control:hover{border-color:#999}.submit-btn{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;height:55px;margin:.75rem auto 0;width:fit-content;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.btn-text{margin-right:8px}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translate(5px)}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500;box-shadow:0 2px 10px #c628281a;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#1a237e;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading:after{content:"";width:50px;height:50px;border:5px solid #e3f2fd;border-top-color:#1a237e;border-radius:50%;animation:spin 1s linear infinite}.results-container{margin-top:2rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-container h2{color:#1a237e;margin-bottom:1.5rem;text-align:center;font-size:1.8rem}.results-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 5px 15px #0000000d;background:#fff}.results-table{width:100%;border-collapse:collapse;overflow:hidden}.results-table th,.results-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.results-table th{position:relative;background-color:#1a237e;color:#fff;font-weight:600;padding:1.2rem 1.4rem;text-align:left;vertical-align:middle;border-bottom:none;transition:background-color .2s ease}.results-table th:not(:last-child):after{content:"";position:absolute;top:25%;right:0;height:50%;width:1px;background:#ffffff4d}.results-table thead tr{border-bottom:3px solid #3949ab}.results-table th:hover{background-color:#2a347e}.results-table tr:hover{background-color:#e8f0fecc}.high-chance{background-color:#e8f5e980}.medium-chance{background-color:#fff8e180}.low-chance{background-color:#ffebee80}.results-table tbody tr:nth-child(odd):not(.high-chance):not(.medium-chance):not(.low-chance){background-color:#e8f0fe33}.competitiveness{padding:.35rem .75rem;border-radius:50px;font-size:.85rem;font-weight:600;display:inline-block;text-align:center}.competitiveness.highly-competitive{background-color:#ffebee;color:#c62828}.competitiveness.moderately-competitive{background-color:#fff8e1;color:#f57f17}.competitiveness.less-competitive{background-color:#e8f5e9;color:#2e7d32}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.finder-form-container{padding:1.5rem}.results-table th,.results-table td{padding:.75rem;font-size:.9rem}.college-finder-container h1{font-size:2rem}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 40px 8px 12px;width:100%;font-size:14px;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}select:focus{outline:none;border-color:#4a5568;box-shadow:0 0 0 2px #4299e133}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}select::-ms-expand{display:none}select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.select-container{position:relative;width:100%}.find-colleges-btn{margin-top:20px;align-self:center}.no-results-message{background-color:#fff3e0;color:#e65100;padding:1rem;border-radius:8px;margin-top:1rem;text-align:center;font-weight:500;border-left:4px solid #e65100;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;justify-content:center;gap:.5rem}.warning-emoji{font-size:1.2rem}.pagination-container{width:100%;margin:2rem 0 1.5rem;position:relative}@media (min-width: 769px){.pagination-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;margin:2rem 0 1.5rem}.pagination-controls-wrapper{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:.75rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:0;margin:0;width:400px}.page-size-selector{display:flex;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);gap:8px}.page-size-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9rem;color:#555;font-weight:400;white-space:nowrap}.page-size-select{border:1px solid #e0e0e0;border-radius:8px;padding:.35rem .5rem;font-size:.9rem;min-width:70px;background-color:#fff;color:#000;box-shadow:0 1px 3px #00000014;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.pagination-info{width:400px;text-align:center;font-size:.9rem;color:#555;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;padding:0;line-height:1.5}.results-table-container{width:100%;overflow-x:auto;border-radius:12px;margin-top:1.5rem;box-shadow:0 5px 15px #0000000d;background:#fff}.results-table{width:100%;min-width:1000px}.results-table td{padding:1.2rem 1.4rem}}@media (max-width: 768px){.pagination-container{display:flex;flex-direction:column;gap:1rem;position:relative}.pagination-controls-wrapper{width:100%}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#f8f9fa;border-radius:12px;padding:.75rem .5rem;box-shadow:0 2px 8px #0000000d;margin:0;gap:.25rem}.pagination-page-btn{width:36px;height:36px;border-radius:8px;font-weight:500;border:none;background-color:transparent;color:#333}.pagination-page-btn.active{background-color:#1a237e;color:#fff;box-shadow:0 2px 4px #1a237e33}.pagination-btn{border:none;background-color:transparent;color:#1a237e;font-weight:600;padding:.5rem .65rem;min-width:auto}.pagination-btn:disabled{color:#bdbdbd}.pagination-meta{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-radius:12px;padding:.75rem 1rem;box-shadow:0 2px 8px #0000000d;margin-top:.5rem}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.85rem;color:#444;font-weight:500;white-space:nowrap}.page-size-select{border:1px solid #e0e0e0;border-radius:8px;padding:.35rem .5rem;font-size:.85rem;min-width:70px;background-color:#fff;color:#000;box-shadow:0 1px 3px #00000014}.pagination-info{font-size:.85rem;color:#555;text-align:right;margin:0;line-height:1.5;font-weight:400}}.pagination-btn,.pagination-page-btn{transition:all .2s ease}.pagination-btn:hover:not(:disabled),.pagination-page-btn:hover:not(.active):not(:disabled){background-color:#e8eaf6}.pagination-pages{display:flex;gap:.3rem}.page-size-label,.pagination-info,.pagination-btn,.pagination-page-btn,.page-size-select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.pagination-info{color:#555;font-size:.9rem;font-weight:400;line-height:1.5}.filter-info{text-align:center;color:#1a237e;font-size:.95rem;margin:1rem 0 2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.clear-filter-btn{background-color:#e8eaf6;color:#1a237e;border:1px solid #c5cae9;border-radius:4px;padding:.3rem .7rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.clear-filter-btn:hover{background-color:#c5cae9}.no-data{text-align:center;color:#757575;font-style:italic;padding:2rem}.results-table tbody tr{position:relative;z-index:1}.search-icon{margin-left:6px;cursor:pointer;opacity:.8;transition:opacity .2s;display:flex;align-items:center}.search-icon:hover{opacity:1}.filter-icon-blue{color:#3573b5}.branch-header{min-width:200px;position:relative}.branch-header-content{display:flex;flex-direction:column;transition:padding .2s ease}.branch-header-content.expanded{padding-bottom:10px}.column-title{font-weight:600;margin-right:8px}.filter-icon-wrapper{cursor:pointer;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:auto;position:relative;z-index:2}.filter-icon-wrapper:hover{opacity:1}.filter-icon{color:#fff;width:16px;height:16px}.branch-search-inline{display:flex;align-items:center;margin-top:8px;width:100%;background-color:#fff;border-radius:4px;position:relative}.branch-search-input{width:100%;padding:6px 35px 6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;background-color:#fff;color:#000}.branch-search-input:focus{outline:none;border-color:#1a237e}.branch-highlight,.filter-highlight{background-color:#ffff004d;padding:2px 0}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.active-filter{display:inline-flex;align-items:center;background-color:#e8eaf6;color:#1a237e;border-radius:16px;padding:4px 12px;font-size:.85rem}.clear-single-filter{background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;margin-left:4px;padding:0 4px}.clear-single-filter:hover{color:#1a237e}.filter-search-inline{display:flex;align-items:center;margin-top:8px;width:100%;background-color:transparent;border-radius:4px;position:relative}.filter-search-input{width:100%;padding:6px 35px 6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;background-color:#fff;color:#000;height:34px}.filter-search-input:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 2px #1a237e1a}.search-action-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.4rem;color:#666;cursor:pointer;padding:0 10px;transition:color .2s;height:100%;display:flex;align-items:center;justify-content:center}.search-action-btn:hover{color:#1a237e}.institute-header,.branch-header{min-width:200px;position:relative}.header-content{display:flex;flex-direction:column;transition:padding .2s ease}.header-content.expanded{padding-bottom:10px}.header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.filter-icon-wrapper{cursor:pointer;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:auto}.filter-highlight{background-color:#ffff004d;padding:2px 0}input.form-control{padding:.9rem 2.5rem .9rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#ffffffe6;color:#333;box-shadow:0 2px 8px #0000000d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:45px}input.form-control:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a,0 4px 10px #00000014;transform:translateY(-2px)}input.form-control::placeholder{color:#999;font-size:.9rem}.form-group-empty{visibility:hidden}@media (min-width: 769px){.mobile-only{display:none!important}}@media (max-width: 768px){.desktop-only{display:none!important}}.edu-tools-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.tab-button{background:#fff;border:1px solid #e2e8f0;padding:.6rem 1.25rem;border-radius:8px;font-size:1rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d}.tab-button i{font-size:1.1rem}.tab-button:hover{background-color:#f8fafc;color:#1a237e;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tab-button.active{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border-color:#1a237e;transform:translateY(-2px);box-shadow:0 4px 12px #1a237e40}.edu-tools-title{text-align:center;color:#1a237e;margin-bottom:.25rem;margin-top:0}.tab-content{animation:fadeIn .3s ease-out;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.predictor-form-container{background:linear-gradient(135deg,#e8f1f8,#f0f4ff);padding:2.5rem;border-radius:16px;margin-bottom:2.5rem;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden}.predictor-form-container:before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;opacity:.15;animation:morphShape 20s ease-in-out infinite alternate;z-index:0}.predictor-form-container:after{content:"";position:absolute;bottom:-80px;left:-60px;width:220px;height:220px;background:linear-gradient(45deg,#cddc39,#d4e157);border-radius:40% 60% 30% 70%/60% 30% 70% 40%;opacity:.1;animation:morphShape 15s ease-in-out infinite alternate-reverse;z-index:0}.prediction-result{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;padding:2rem;margin-top:2rem;text-align:center;position:relative;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prediction-header{margin-bottom:1.5rem;position:relative;text-align:center}.prediction-header h3{color:#1a237e;font-size:1.5rem;margin-bottom:.5rem}.prediction-scores{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.score-item{padding:1.25rem;background:#f8fafc;border-radius:10px;min-width:150px;border:1px solid #e2e8f0;transition:all .3s ease}.score-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.score-value{font-size:2rem;font-weight:700;color:#1a237e;margin-bottom:.5rem}.score-label{font-size:.9rem;color:#64748b}.rank-range{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0;color:#4b5563;align-items:center}.find-colleges-btn{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:50px;padding:.8rem 1.8rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem auto 0;box-shadow:0 5px 15px #0000001a}.find-colleges-btn:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.toggle-option{padding:.6rem 1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;color:#64748b;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.toggle-option.active{background-color:#fff;box-shadow:0 2px 6px #0000001a;color:#1a237e;font-weight:600}.toggle-option:hover:not(.active){background-color:#ffffff80;color:#1a237e}@media (max-width: 768px){.input-toggle{width:100%;margin-bottom:1rem;background-color:#f8f9fa;border-radius:12px;padding:.5rem}.toggle-option{flex:1;justify-content:center;padding:.75rem 1rem;border-radius:8px;font-size:.85rem}}@media (max-width: 768px){.predictor-form-container{padding:1.5rem}.prediction-scores{flex-direction:column;align-items:center;gap:1rem}.score-item{width:100%;max-width:300px}.edu-tools-tabs{flex-direction:column;gap:.5rem}.tab-button{width:100%;justify-content:center}}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.predictor-description{padding-top:1.5rem;text-align:center;color:#64748b;margin-bottom:1rem;font-size:.95rem;line-height:1.5;max-width:680px;margin-left:auto;margin-right:auto;font-weight:400}.input-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background-color:#f1f5f9;border-radius:50px;padding:.25rem;width:fit-content;margin-left:auto;margin-right:auto}.input-locked{background-color:#f5f5f5;cursor:not-allowed}.login-prompt-link{color:#ff8c42;text-decoration:none;border-bottom:1px dotted #ff8c42;cursor:pointer;font-weight:500;transition:all .2s ease;padding-bottom:1px}.login-prompt-link:hover{color:#ff7730;border-bottom:1px solid #ff7730}.locked-select-wrapper{position:relative;display:flex;align-items:center}.select-lock-icon{position:absolute;right:25px;font-size:.85rem;cursor:pointer}select.page-size-select:disabled{color:#333;background-color:#f8f9fa;opacity:.9;cursor:pointer}.page-size-select-locked{display:flex;align-items:center;justify-content:space-between;padding:.35rem .8rem .35rem .5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:70px;cursor:pointer;box-shadow:0 1px 3px #00000014;font-size:.9rem;color:#333;transition:background-color .2s}.page-size-select-locked:hover{background-color:#f5f5f5}.lock-indicator{font-size:.8rem;margin-left:5px}.pre-results-placeholder{margin:4rem 0;padding:3rem 2rem;background:linear-gradient(135deg,#f8fbff,#e8f4fd);border-radius:16px;text-align:center;border:1px solid #e3f2fd}.placeholder-content{max-width:700px;margin:0 auto}.placeholder-icon{font-size:3rem;margin-bottom:1rem;display:block}.placeholder-content h3{color:#1a237e;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.placeholder-content p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffffb3;border-radius:12px;border:1px solid rgba(26,35,126,.1);transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a237e1a}.feature-icon{font-size:1.25rem;flex-shrink:0}.feature-text{color:#333;font-weight:500;font-size:.95rem}.cta-section{margin-top:2rem}.cta-text{color:#1a237e;font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.cta-arrow{font-size:2rem;color:#1a237e;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.pre-results-placeholder{margin:2rem 0;padding:2rem 1rem}.placeholder-content h3{font-size:1.5rem}.placeholder-content p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-item{padding:.75rem}}.college-finder-faq{margin-top:3rem;padding:1.5rem 2rem;background-color:#f8f9fa;border-radius:8px}.college-finder-faq h2{text-align:center;margin-bottom:1.5rem;color:#333}.faq-container{max-width:900px;margin:0 auto}.faq-item{margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.faq-question{padding:1rem 2.5rem 1rem 1.5rem;background-color:#fff;cursor:pointer;font-weight:600;position:relative}.faq-question:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;transition:transform .3s ease}details[open] .faq-question:after{content:"−"}.faq-answer{padding:0 1.5rem 1.5rem;background-color:#fff}.validation-warning{background-color:#fff3e0;color:#e65100;padding:.75rem 1rem;border-radius:8px;margin:.5rem auto 1rem;text-align:center;font-weight:500;max-width:500px;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:fadeIn .3s ease-out;font-size:.9rem}.validation-warning i{color:#e65100;font-size:1rem}.error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#ffebee;color:#c62828;padding:1rem;border-radius:8px;margin:1rem auto;text-align:center;font-weight:500;max-width:600px;box-shadow:0 2px 10px #c628281a;animation:shake .5s ease-in-out}.error-message i{font-size:1.1rem}.rank-range.congratulations{color:#2e7d32;font-weight:500;padding:.75rem 1.25rem;background-color:#e8f5e9b3;border-radius:12px;display:inline-flex;margin:1.5rem auto;border:1px solid rgba(46,125,50,.2);box-shadow:0 3px 10px #2e7d321a;align-items:center;gap:.3rem}.rank-range.congratulations strong{color:#2e7d32;font-weight:700;margin:0 .1rem;display:inline-flex;align-items:center}.rank-range.congratulations.top-rank{background-color:#fff8e1b3;color:#2e7d32;border:1px solid rgba(245,127,23,.2);box-shadow:0 3px 10px #f57f171a}.rank-range.congratulations.top-rank strong{color:#2e7d32}@media (max-width: 768px){.results-table-container{display:none}.mobile-college-cards{display:flex;flex-direction:column;gap:16px;margin:20px 0;animation:fadeIn .5s ease-in-out}.cf-college-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;padding:15px;position:relative;overflow:hidden;border-left:5px solid #f57c00}.cf-college-card.high-chance,.cf-college-card.medium-chance,.cf-college-card.low-chance{border-left-color:#f57c00}.college-name{padding-right:80px;font-weight:600;margin-bottom:6px;line-height:1.4;width:100%;box-sizing:border-box}.college-program{font-size:.9rem;color:#555;margin-bottom:8px}.college-branch{font-size:.95rem;font-weight:500;color:#333;margin-bottom:12px}.college-ranks{display:flex;justify-content:space-between;margin:15px 0;font-size:.9rem}.rank-item{display:flex;flex-direction:column;align-items:center}.rank-label{font-size:.75rem;color:#666;margin-bottom:4px}.rank-value{font-weight:600;color:#1a2675;font-size:.95rem}.competitiveness-label{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.8rem;margin-top:8px}.highly-competitive{background-color:#ffebee;color:#d32f2f}.moderately-competitive{background-color:#fff8e1;color:#ff8f00}.less-competitive{background-color:#e8f5e9;color:#2e7d32}.toggle-details{width:100%;background-color:#f5f5f5;border:none;padding:10px;border-radius:4px;margin-top:12px;font-size:.85rem;color:#555;text-align:center;cursor:pointer;position:relative}.toggle-details:after{content:"▼";margin-left:5px;font-size:.7rem}.toggle-details.expanded:after{content:"▲"}.additional-metrics{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.additional-metrics.expanded{max-height:200px;margin-top:12px}.nirf-rank{display:flex;justify-content:center;margin-top:8px;font-size:.85rem}.nirf-rank span{font-weight:600;color:#1a2675;margin-left:5px}}@media (min-width: 769px){.mobile-college-cards{display:none}}.chance-legend{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 2px 10px #0000000d;transition:all .2s ease;border-left:4px solid #f57c00}.legend-title{font-weight:600;margin-bottom:12px;color:#1a2675;font-size:.95rem;display:flex;align-items:center}.legend-title:before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;background-position:center;background-repeat:no-repeat;background-size:contain}.chance-legend:nth-child(1) .legend-title:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f57c00'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}.chance-legend:nth-child(2) .legend-title:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f57c00'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")}.legend-item{display:flex;align-items:flex-start;margin-bottom:10px;padding:8px 12px;background-color:#f5f5f580;border-radius:8px;transition:all .2s ease}.legend-item:hover{background-color:#f5f5f5e6}.legend-badge{padding:4px 10px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;margin-right:12px;min-width:80px;text-align:center;box-shadow:0 1px 3px #0000001a;flex-shrink:0;align-self:flex-start;margin-top:2px}.legend-badge.high{background-color:#4caf50}.legend-badge.medium{background-color:#ff9800}.legend-badge.low{background-color:#f44336}.legend-text{color:#555;font-size:.85rem;line-height:1.4;flex:1}.chance-legend:nth-child(2) .legend-item{align-items:flex-start;padding:10px 12px}.chance-legend:nth-child(2) .legend-badge{margin-top:0}@media (min-width: 768px){.legends-container{display:flex;gap:20px;margin-bottom:20px}.chance-legend{flex:1;margin-bottom:20px}}.chance-legend:nth-child(2) .legend-badge{background:none;border:none;width:auto;height:auto;display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap}.chance-legend:nth-child(2) .legend-badge.high{background-color:#fdd;color:#d32f2f}.chance-legend:nth-child(2) .legend-badge.medium{background-color:#fff3e0;color:#e65100}.chance-legend:nth-child(2) .legend-badge.low{background-color:#e8f5e9;color:#2e7d32}.chance-legend:nth-child(2) .legend-item{display:flex;align-items:center;margin-bottom:8px}.chance-legend:nth-child(2) .legend-text{margin-left:10px;line-height:1.4}@media (max-width: 768px){.legends-container{margin-bottom:15px;border:none;background:transparent}.legend-collapsible{border:1px solid rgba(0,0,0,.1);border-radius:8px;margin-bottom:10px;background-color:#fff;box-shadow:0 2px 4px #0000000d;overflow:hidden}.legend-header{display:flex;align-items:center;padding:12px 15px;cursor:pointer;font-weight:600;position:relative;background-color:#f8f8f8;color:#2e3191;border-bottom:1px solid rgba(0,0,0,.08)}.legend-header .icon{margin-right:8px;font-size:16px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.legend-content{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.legend-content.expanded{padding:15px;max-height:500px}.legend-toggle-indicator{position:absolute;right:15px;transition:transform .3s ease}.legend-header.expanded .legend-toggle-indicator{transform:rotate(180deg)}.legend-content .legend-item{display:flex;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.05)}.legend-content .legend-badge{display:inline-block;padding:6px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-align:center;white-space:nowrap;min-width:150px;margin-right:15px;flex-shrink:0}.legend-collapsible:nth-child(2) .legend-content .legend-badge.high{background-color:#fdd;color:#d32f2f}.legend-collapsible:nth-child(2) .legend-content .legend-badge.medium{background-color:#fff3e0;color:#e65100}.legend-collapsible:nth-child(2) .legend-content .legend-badge.low{background-color:#e8f5e9;color:#2e7d32}.legend-content .legend-text{font-size:.85rem;line-height:1.4;color:#444;flex-grow:1;padding-top:6px}.legend-collapsible:nth-child(1) .legend-content .legend-badge{margin-top:0}.legend-collapsible:nth-child(2) .legend-content .legend-badge{margin-top:0}.legend-content .legend-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.mobile-college-cards{margin-top:20px;border-top:4px solid #2e3191;padding-top:15px}.cf-college-card{box-shadow:0 3px 8px #0000001f;border-left:5px solid #ff7043}.college-results-heading{font-size:1rem;font-weight:600;margin:5px 0 10px;color:#2e3191;padding-left:5px;border-left:3px solid #ff7043}}@media (max-width: 768px){.finder-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;margin-bottom:20px}.form-grid{display:flex;flex-direction:column;gap:12px}.form-group{margin-bottom:0}.form-group label{font-size:.9rem;font-weight:500;color:#444;margin-bottom:6px;display:flex;justify-content:space-between}.form-group label:after{content:attr(data-optional);font-size:.75rem;color:#777;font-weight:400}#rank{height:48px;font-size:1.1rem;border-radius:8px;border:1px solid #ddd;background-color:#f8f9fa;transition:all .2s ease;padding-left:16px}#rank:focus{border-color:#2e3191;background-color:#fff;box-shadow:0 0 0 3px #2e31911a}.select-container{position:relative;width:100%}.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:10px 40px 10px 16px;font-size:.95rem;border:1px solid #ddd;border-radius:8px;background-color:#f8f9fa;color:#333;cursor:pointer;transition:all .2s ease;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-container:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #555;pointer-events:none}.form-control:focus{outline:none;border-color:#2e3191;background-color:#fff;box-shadow:0 0 0 3px #2e31911a}.year-segment{display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;margin:0 -4px}.year-segment::-webkit-scrollbar{display:none}.year-button{flex:0 0 auto;background:none;border:1px solid #ddd;padding:8px 12px;margin:0 4px;font-size:.9rem;color:#444;border-radius:6px;transition:all .15s ease}.year-button.selected{background-color:#2e3191;color:#fff;border-color:#2e3191}.submit-btn{width:100%;background:linear-gradient(90deg,#2e3191,#3a3fad);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;margin-top:8px;box-shadow:0 4px 10px #2e319133;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.submit-btn:active{transform:translateY(2px);box-shadow:0 2px 5px #2e319133}.btn-text{margin-right:8px}.input-locked{background-color:#f0f0f0!important;color:#999;cursor:not-allowed}.login-prompt-link{font-size:.8rem;padding-top:6px;display:block;color:#2e3191}.login-prompt-link strong{text-decoration:underline}}@media (max-width: 768px){.select-container:after{display:none!important}}@media (max-width: 768px){.cf-college-card{position:relative;padding-top:10px;padding-right:10px;border-radius:8px}.cf-chance-badge{position:absolute;top:0;right:0;padding:4px 12px;font-size:.75rem;font-weight:600;border-radius:0 8px;z-index:1}.college-name{padding-right:70px;margin-top:6px;font-weight:600;line-height:1.4}.high-chance .cf-chance-badge{background-color:#4caf50;color:#fff}.medium-chance .cf-chance-badge{background-color:#ff9800;color:#fff}.low-chance .cf-chance-badge{background-color:#f44336;color:#fff}}.disclaimer-container{margin:8px auto 20px;width:85%;max-width:650px;opacity:.75;transition:opacity .3s ease}.disclaimer-container:hover{opacity:1}.disclaimer-text{font-size:.85rem;color:#666;background-color:#f7f7f7b3;border-left:3px solid #ccc;padding:8px 12px;border-radius:4px;text-align:left;line-height:1.4}.disclaimer-icon{margin-right:6px;font-size:.9rem;opacity:.8}@media (max-width: 768px){.disclaimer-container{margin:5px auto 15px;width:95%}.disclaimer-text{font-size:.8rem;padding:6px 10px}}.detail-item{display:flex;flex-direction:column;align-items:center}.detail-label{font-size:.75rem;color:#666;margin-bottom:2px}.detail-value{font-weight:500;color:#1a2675;font-size:.85rem;text-align:center}@media (min-width: 769px){.results-table{min-width:1200px}}.nirf-rank-cell{white-space:nowrap}.chance-badge{padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;text-align:center;min-width:60px}.chance-badge.high{background-color:#4caf50;color:#fff}.chance-badge.medium{background-color:#ff9800;color:#fff}.chance-badge.low{background-color:#f44336;color:#fff}.results-table td{vertical-align:middle}.college-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0;font-size:.9rem;background-color:#f5f5f580;border-radius:8px;padding:8px}.college-details-grid .detail-item:last-child:nth-child(odd){grid-column:1 / -1;max-width:50%;margin:0 auto}.results-table th:nth-child(6),.results-table td:nth-child(6){min-width:120px;white-space:normal;word-break:break-word;text-align:center}.search-method-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem}.method-icon{font-size:1.1rem}.method-text{color:#1a237e;font-weight:600}.input-toggle-container{display:flex;align-items:center}.input-toggle{display:flex;background:#fff;border-radius:50px;padding:.25rem;box-shadow:0 4px 12px #ff8c4226;border:2px solid rgba(255,140,66,.3);position:relative;overflow:hidden;width:90%;text-size-adjust:82%}.toggle-option{padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;color:#666;display:flex;align-items:center;gap:.5rem;white-space:nowrap;position:relative;z-index:2;min-width:100px;justify-content:center}.toggle-option:hover:not(.active){background-color:#ff8c421a;color:#ff8c42}.toggle-option.active{background:linear-gradient(135deg,#ff8c42,#ff7730);color:#fff;font-weight:600;box-shadow:0 4px 12px #ff8c424d;transform:translateY(-1px)}.toggle-icon{font-size:1rem}.toggle-text{font-weight:inherit}@media (max-width: 768px){.search-method-section{flex-direction:column;gap:.75rem;padding:.75rem;margin-bottom:1rem}}.results-table th:nth-child(5),.results-table th:nth-child(6){min-width:120px;white-space:normal;word-break:break-word;text-align:center}.results-table td:nth-child(5),.results-table td:nth-child(6){min-width:120px;white-space:nowrap;text-align:center;text-overflow:ellipsis;overflow:hidden}.multi-select-dropdown{position:relative;width:100%}.form-group:has(.multi-select-dropdown.active){z-index:999999!important;position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease;min-height:50px;max-height:50px;width:100%;max-width:100%;box-sizing:border-box;position:relative;overflow:hidden;flex-shrink:0;flex-grow:0}.multi-select-trigger:hover{border-color:#1a237e}.multi-select-trigger.active{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a}.selected-text{flex:1;color:#333;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;width:0;margin:0;padding:0;line-height:1.4;word-break:break-all;text-rendering:optimizeSpeed}.selected-text.placeholder{color:#999}.dropdown-arrow{color:#666;font-size:.8rem;transition:transform .2s ease;flex-shrink:0;flex-grow:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;min-width:20px;max-width:20px;pointer-events:none}.multi-select-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;max-height:300px;overflow-y:auto;z-index:2147483647;box-shadow:0 8px 24px #00000040;margin-top:2px;min-width:100%}.multi-select-header{padding:.75rem 1rem;border-bottom:1px solid #eee;background:#f8f9fa;display:flex;flex-direction:column;gap:.5rem;position:relative}.select-all-btn,.clear-all-btn{background:none;border:none;font-size:.75rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.select-all-btn{color:#1a237e}.select-all-btn:hover{background:#e3f2fd;color:#0d47a1}.clear-all-btn{color:#dc3545}.clear-all-btn:hover{background:#f8d7da;color:#721c24}.option-item{display:flex;align-items:flex-start;padding:.75rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;min-height:50px;width:100%;box-sizing:border-box}.option-item:hover{background-color:#f8f9fa}.option-item:last-child{border-bottom:none}.option-checkbox{width:16px;height:16px;min-width:16px;max-width:16px;margin:2px 12px 0 0;flex-shrink:0;cursor:pointer}.option-label{flex:1;font-size:.9rem;color:#333;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:0;min-width:0}@media (max-width: 768px){.multi-select-trigger{padding:.6rem .8rem;min-height:45px}.selected-text{font-size:.9rem;max-width:calc(100% - 60px)}.selected-count{font-size:.7rem;padding:.15rem .3rem}.multi-select-options{max-height:250px}.multi-select-header{padding:.4rem .6rem}.select-all-btn,.clear-all-btn{font-size:.7rem;padding:.2rem .4rem}.option-item{padding:.6rem;min-height:45px}.option-checkbox{width:14px;height:14px;min-width:14px;max-width:14px;margin-right:10px}.option-label{font-size:.85rem}}.multi-select-trigger.active .dropdown-arrow{transform:rotate(180deg);color:#1a237e}.form-group.dropdown-active{position:relative}.search-input{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.search-input:focus{border-color:#1a237e;box-shadow:0 0 0 2px #1a237e1a}.search-input::placeholder{color:#999;font-style:italic}.header-actions{display:flex;gap:.5rem;justify-content:flex-end}.no-results{padding:1rem;text-align:center;color:#666;font-style:italic;font-size:.9rem;border-top:1px solid #f0f0f0}.option-item{display:flex;align-items:flex-start;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;min-height:50px;width:100%;box-sizing:border-box}.auth-container{max-width:1200px;width:85%;min-height:calc(100vh - 180px);margin:2rem auto;padding:2rem;background-color:#f5f7fa;border-radius:24px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 16px #0000000d;transition:box-shadow .3s ease,transform .3s ease}.auth-container:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.auth-container:before{content:"";position:absolute;top:-20%;right:-20%;width:60%;height:60%;border-radius:50%;background:linear-gradient(135deg,#adff2f26,#e6ffd033);z-index:0}.auth-container:after{content:"";position:absolute;bottom:-20%;left:-20%;width:60%;height:60%;border-radius:50%;background:linear-gradient(135deg,#e6ffd033,#adff2f26);z-index:0}.auth-card{width:100%;max-width:480px;padding:2.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;color:#333;border-top:4px solid orange;position:relative;z-index:1;transition:box-shadow .3s ease}.auth-container:hover .auth-card{box-shadow:0 6px 25px #0000001f}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{margin:0;font-size:1.75rem;font-weight:600;color:#1a237e}.auth-header p{margin-top:.5rem;color:#666;font-size:1rem}.auth-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.auth-tab{flex:1;background:none;border:none;padding:1rem 0;font-weight:500;font-size:1rem;color:#6b7280;cursor:pointer;transition:all .2s;position:relative}.auth-tab:hover{color:#4b5563}.auth-tab.active{color:#1a237e;font-weight:600}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#adff2f}.auth-form{margin-bottom:1rem}.form-group{margin-bottom:1.25rem;width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;min-width:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a237e;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;color:#1f2937;background-color:#fff;transition:all .2s}.form-group input:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e33}.form-group input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.8rem;margin-top:.5rem}.form-group input::placeholder{color:#9ca3af;opacity:.7;font-size:.9rem}.auth-button{width:100%;padding:.75rem 1rem;background-color:#1a237e;color:#fff;font-weight:500;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-top:.5rem;position:relative;overflow:hidden}.auth-button:hover{background-color:#2a3497;box-shadow:0 0 15px #adff2f4d}.auth-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#adff2f00,#adff2f1a,#adff2f00);transform:rotate(30deg);opacity:0;transition:opacity .5s}.auth-button:hover:after{opacity:1}.auth-button:disabled{background-color:#9fa8da;cursor:not-allowed;box-shadow:none}.auth-button:disabled:after{display:none}.auth-options{display:flex;justify-content:flex-end;margin-bottom:1rem}.forgot-password{color:#1a237e;font-size:.9rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#303f9f;text-decoration:underline}.auth-error{padding:.75rem;margin-bottom:1.5rem;background-color:#fee2e2;border-radius:6px;color:#b91c1c;font-size:.875rem;text-align:center}.password-requirements{margin:.5rem 0 1.5rem;padding:.75rem 1rem;background-color:#f8fafc;border-radius:8px;border-left:3px solid #adff2f}.password-requirements p{margin:0 0 .5rem;font-weight:500;color:#4b5563;font-size:.85rem}.password-requirements ul{margin:0;padding-left:1.5rem}.password-requirements li{margin-bottom:.25rem;font-size:.8rem;color:#6b7280;transition:color .2s}.password-requirements li.met{color:#10b981;font-weight:500}.success-message{text-align:center;padding:1rem 0}.success-icon{background-color:#adff2f;color:#1a237e;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.5rem;box-shadow:0 0 15px #adff2f66}.success-message h2{margin:0 0 .5rem;font-size:1.25rem;color:#1a237e}.success-message p{margin:.5rem 0;color:#4b5563}.success-message .small{font-size:.85rem;color:#6b7280;margin-bottom:2rem}.back-button{margin-top:1rem;background-color:#f3f4f6;color:#1a237e}.back-button:hover{background-color:#e5e7eb}.auth-links{text-align:center;margin-top:1.5rem}.auth-links p{margin:.5rem 0;color:#6b7280;font-size:.9rem}.auth-links a{color:#1a237e;text-decoration:none;font-weight:500;transition:color .2s}.auth-links a:hover{color:#303f9f;text-decoration:underline}@media (max-width: 640px){.auth-container{width:95%;padding:1rem;min-height:calc(100vh - 140px)}.auth-card{padding:1.5rem;width:100%;max-width:none}.auth-header h1{font-size:1.6rem;margin-bottom:.5rem}.auth-header p{font-size:1rem;line-height:1.4;margin-top:.5rem;padding:0 .5rem}.form-row{flex-direction:column;gap:.5rem}.auth-tab{font-size:.9rem}.form-group input{font-size:16px}.password-requirements{padding:.5rem .75rem}}.google-button{background-color:#fff;color:#444;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1rem;transition:background-color .3s,box-shadow .3s;height:auto;padding:.75rem 1rem}.google-button:hover{background-color:#f8f8f8;box-shadow:0 1px 2px #0000001a}.google-button:active{background-color:#eee}.google-icon{height:20px;width:20px;flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#6b7280}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-divider span{padding:0 10px;font-size:.875rem}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.spinner{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid #1a237e;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.auth-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#26a69a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.auth-error{color:#e53935;background-color:#ffebee;border-radius:4px;padding:1rem;margin-bottom:1rem;text-align:center}.auth-content{padding:1.5rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.auth-button-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ccc}.auth-button-secondary:hover{background-color:#e8e8e8}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-left-color:#1a237e;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-processing{text-align:center;padding:1rem}.forgot-password-link{display:flex;justify-content:flex-end;margin-top:.5rem;font-size:.875rem}.forgot-password-link a{color:#1a237e;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.phone-input-container{display:flex;gap:8px;align-items:center;width:100%}.country-code-select{flex:0 0 auto;width:120px;height:42px;padding:0 24px 0 8px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:.9rem;color:#1f2937;transition:border-color .15s ease-in-out;appearance:menulist;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 8px center}.country-code-select:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e33}.country-code-select.error{border-color:#ef4444}.phone-input{flex:1;min-width:0;height:42px;padding:.75rem 1rem}@media (max-width: 640px){.phone-input-container{flex-direction:row;width:100%}.country-code-select{width:90px;font-size:16px}.phone-input{font-size:16px}}.verification-code-inputs{display:flex;justify-content:center;gap:2%;width:100%;margin:1.5rem 0;flex-wrap:nowrap}.verification-code-input{width:14%;max-width:50px;min-width:36px;aspect-ratio:1;font-size:clamp(1rem,4vw,1.25rem);text-align:center;border:1.5px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1a237e;font-weight:600;transition:all .2s;padding:0;box-shadow:0 2px 4px #0000000d}.verification-code-input:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e26;transform:translateY(-1px)}.verification-code-input:not(:placeholder-shown){border-color:#1a237e;background-color:#f5f7ff}.verification-instruction{color:#6b7280;font-size:.85rem;margin-top:.5rem;text-align:center}.verification-form{max-width:320px;margin:0 auto}@media (max-width: 360px){.verification-code-inputs{gap:1.5%}.verification-code-input{min-width:32px}}.verify-button{background-color:#1a237e;color:#fff;padding:.75rem;border-radius:4px;width:100%;font-weight:500;margin-top:1.5rem;border:none}.resend-button{background:transparent;color:#1a237e;border:1px solid #1a237e;padding:.6rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;margin-top:.5rem}.resend-button.disabled{color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.verification-email-info{text-align:center;margin:1.5rem 0}.verification-email{font-weight:600;color:#1a237e;font-size:1.1rem;margin:.5rem 0;word-break:break-all}.verification-actions{margin-top:2rem;display:flex;justify-content:center}.verification-success{text-align:center;padding:2rem 0}.success-icon{background-color:#adff2f;color:#1a237e;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;box-shadow:0 0 20px #adff2f80}.auth-warning{background-color:#fff8e1;color:#f57f17;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.link-button{background:none;border:none;color:#1a237e;text-decoration:underline;cursor:pointer;padding:0;font:inherit;margin-top:.5rem}.link-button:hover{color:#3949ab}.verification-form{text-align:center;max-width:450px;margin:0 auto}.verification-email-info{margin-bottom:1.5rem}.verification-code-inputs{display:flex;justify-content:center;gap:10px;margin:1.5rem 0}.verification-code-input{width:45px;height:55px;font-size:1.25rem;font-weight:600;text-align:center;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;transition:border-color .2s}.verification-code-input:focus{border-color:#1a237e;outline:none;box-shadow:0 0 0 2px #1a237e33}.resend-section{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.attempts-info{color:#6b7280;font-size:.9rem;margin:0}.resend-button{background:none;border:none;color:#1a237e;font-weight:500;padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:background-color .2s}.resend-button:hover:not(.disabled){background-color:#1a237e0d;text-decoration:underline}.resend-button.disabled{color:#9fa8da;cursor:not-allowed}.verify-button{margin-top:1rem;width:100%;max-width:250px}.verification-actions{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.verification-actions .link-button{color:#1a237e;font-weight:500;padding:.5rem 1rem;transition:background-color .2s;border-radius:4px}.verification-actions .link-button:hover{background-color:#1a237e0d;text-decoration:underline}@media (max-width: 640px){.google-button{padding:.8rem 1rem;font-size:.95rem}.google-icon{height:18px;width:18px;margin-right:8px}}.state-select{width:100%;height:49px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#9ca3af;opacity:.7;font-size:.9rem;transition:border-color .15s ease-in-out;appearance:menulist;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.state-select:invalid{color:#9ca3af}.state-select option[value=""]{color:#9ca3af}.state-select option:not([value=""]){color:#1f2937}.state-select:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e33}.state-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.state-select.error{border-color:#ef4444}@media (max-width: 640px){.state-select{font-size:16px}}.profile-container{padding:2rem 0}.profile-card{max-width:800px}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.profile-avatar{display:flex;flex-direction:column;align-items:center}.profile-page-avatar{width:80px;height:80px;font-size:2rem;margin-bottom:1rem}.profile-name{font-size:1.5rem;font-weight:600;color:#1a237e;margin:.5rem 0}.profile-form .form-group{margin-bottom:1.5rem}.profile-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.field-note{display:block;color:#6b7280;font-size:.8rem;margin-top:.25rem}.profile-success{background-color:#edfcf5;color:#047857;border-radius:6px;padding:1rem;margin-bottom:1.5rem;text-align:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}@media screen and (max-width: 768px){.form-row,.profile-actions{flex-direction:column}.profile-card{margin:0 1rem}}.phone-input-container{display:flex;align-items:center;gap:8px}.country-code-select{flex:0 0 auto;min-width:100px;height:40px;padding:0 8px;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;font-size:14px;color:#1f2937;transition:border-color .15s ease-in-out}.country-code-select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.country-code-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.phone-input{flex:1}.country-code-select:disabled{background-color:#f9fafb;color:#6b7280}.navbar{background-color:#1a237e;height:80px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px #0000001a;width:100%;padding:0 2rem;max-width:100%;box-sizing:border-box}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:100%;padding:0 1rem}.logo{display:flex;align-items:center;position:relative;font-family:Poppins,sans-serif;font-weight:700;font-size:1.8rem;letter-spacing:-.5px;text-decoration:none}.logo-edu{background:linear-gradient(135deg,#ff9800,#ff5722);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:2px}.logo-grep{color:#fff;position:relative}.logo-accent{position:absolute;bottom:-2px;left:20px;width:25px;height:3px;background:linear-gradient(90deg,#FF5722,transparent);border-radius:2px}.logo:hover .logo-edu{background:linear-gradient(135deg,#ffa726,#ff7043);-webkit-background-clip:text;background-clip:text}.logo:hover .logo-accent{width:40px;transition:width .3s ease}.navbar-logo{display:flex;align-items:center;margin-right:auto}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center;margin-left:auto;margin-right:1.5rem;height:100%}.nav-item{height:80px;display:flex;align-items:center}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:0 1rem;height:100%;font-weight:500}.nav-links:hover{color:#4fc3f7;transition:all .3s ease}.menu-icon{display:none}.nav-links.register-btn{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:background-color .2s}.nav-links.register-btn:hover{background-color:#2563eb;color:#fff}.nav-links.auth-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:8px 16px;color:#333}.nav-links.auth-btn:hover{color:#3b82f6}.user-info{display:flex;align-items:center}.nav-links.user-name{font-weight:500;color:#4b5563}@media screen and (max-width: 960px){.navbar{padding:0;width:100%;box-sizing:border-box}.logo{font-size:1.5rem;margin-left:1rem;z-index:1000}.nav-menu{display:flex;flex-direction:column;width:100vw;height:100vh;position:fixed;top:0;right:-100vw;left:auto;opacity:1;transition:all .4s ease;background-color:#1a237e;padding:6rem 0 2rem;margin:0;z-index:990;overflow-y:auto}.nav-menu.active{right:0;left:auto;width:100vw}.nav-item{height:60px;width:100%;display:flex;justify-content:center}.nav-links{text-align:center;padding:1.2rem;width:100%;display:flex;justify-content:center;color:#fff}.menu-icon{display:block;position:absolute;top:0;right:1rem;transform:translateY(60%);font-size:1.8rem;cursor:pointer;color:#fff;z-index:1000}.nav-links.login-btn{background:none;background-image:none;box-shadow:none;color:#fff;border:1px solid rgba(255,255,255,.3);margin:1rem auto;width:80%;max-width:250px}.nav-links.login-btn:hover{background-color:#ffffff1a;background-image:none;transform:none;box-shadow:none}}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#f79c35;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;transition:all .3s ease}.user-avatar:hover{background-color:#e88b20}.user-menu{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:8px;width:160px;display:none;z-index:1000;overflow:hidden}.user-menu:hover .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;padding:10px 15px;text-decoration:none;color:#333;transition:background-color .2s;width:100%;text-align:left;border:none;background:none;cursor:pointer;font-size:.95rem}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-icon{margin-right:10px;width:20px;text-align:center;display:inline-block}.nav-links.login-btn{height:auto;line-height:normal;padding:8px 16px;border-radius:6px;background-color:#f79c35;margin:0 10px;font-weight:500;box-shadow:0 2px 4px #0000001a}.user-avatar.loading{opacity:.7}@media screen and (max-width: 960px){.user-avatar{margin:10px auto}.dropdown-menu{position:static;width:100%;box-shadow:none;border-radius:0}}.user-avatar-container{position:relative}.user-avatar{background-color:#ff8c42;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;margin:0 .5rem;box-shadow:0 2px 10px #ff8c424d}.user-avatar:hover{transform:scale(1.05);background-color:#ff7730;box-shadow:0 4px 15px #ff8c4266}.user-dropdown{position:absolute;top:60px;right:0;width:260px;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026,0 1px 3px #0000000d;z-index:1000;overflow:hidden;animation:dropdownFadeIn .25s ease;border:1px solid rgba(0,0,0,.05);min-width:220px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}70%{transform:translateY(2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-info{padding:1.25rem;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);display:flex;flex-direction:column;position:relative;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-user-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10px 10px,rgba(255,140,66,.05) 2px,transparent 2px);background-size:20px 20px;pointer-events:none}.dropdown-username{font-weight:600;color:#1a237e;font-size:1rem;margin-bottom:.35rem;letter-spacing:-.01em}.dropdown-email{color:#6b7280;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-bottom:.15rem;border-radius:3px}.logout-icon{margin-right:10px;font-size:16px;transition:color .2s ease}.dropdown-item:hover .logout-icon{color:#ff8c42}.dropdown-item:active{background-color:#f0f0f0}.dropdown-item.has-notification:after{content:"";display:inline-block;width:8px;height:8px;background-color:#ef4444;border-radius:50%;margin-left:auto}.user-avatar:after{content:"";position:absolute;top:105%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;opacity:0;transition:opacity .2s ease;pointer-events:none;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.05))}.user-avatar-container.active .user-avatar:after{opacity:1}.nav-links.login-btn{background-color:#ff8c42;color:#fff;padding:.5rem 1.25rem;border-radius:8px;font-weight:500;margin-left:.5rem;transition:all .2s;box-shadow:0 2px 8px #ff8c4233;display:inline-flex;align-items:center;height:auto;line-height:normal;background-image:linear-gradient(135deg,#ff8c42,#ff7730);margin:0 .5rem}.nav-links.login-btn:hover{background-color:#ff7730;background-image:linear-gradient(135deg,#ff9b5a,#ff8542);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c424d}.nav-links.login-btn:active{transform:translateY(0);box-shadow:0 2px 4px #ff8c4233}.nav-item:last-child{padding:0 .5rem}@media screen and (max-width: 960px){.nav-links.login-btn{margin:1rem 0;width:auto;display:inline-flex;padding:.6rem 1.5rem}.nav-item:last-child{padding:0;justify-content:center}}.dropdown-item:hover .logout-icon:before{background-color:#ff7730}.profile-icon{margin-right:10px;font-size:16px;transition:color .2s ease}.dropdown-item:hover .profile-icon{color:#ff8c42}.footer{background-color:#1a237e;color:#fff;padding-top:2rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 20px}.footer-section h3{margin-bottom:1rem;font-size:1.2rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#e0e0e0;text-decoration:none}.footer-section a:hover{color:#4fc3f7}.footer-bottom{text-align:center;padding:1.5rem 0;margin-top:2rem;background-color:#0d1757}.footer-bottom p{margin:0;font-size:.9rem}.support-container{margin-top:15px;text-align:left}.support-btn.modern{background:linear-gradient(135deg,#ff9800,#ff5722);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.95rem;box-shadow:0 2px 8px #ff572233}.support-btn.modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff57224d}.donation-message{margin-top:10px;font-size:.9rem;color:#cfd8dc;font-style:italic;text-align:left}.made-with-love{font-size:.9rem;margin-top:.25rem;color:#f5f5f5}.heart-icon{color:#ff4d4d;display:inline-block;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}to{transform:scale(1)}}.donation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.donation-overlay.open{opacity:1;visibility:visible}.donation-panel{background:#fff;border-radius:12px;width:90%;max-width:450px;padding:25px;position:relative;box-shadow:0 10px 30px #00000026;transform:translateY(20px);transition:transform .4s ease}.donation-overlay.open .donation-panel{transform:translateY(0)}.close-donation{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;z-index:2}.donation-header{text-align:center;margin-bottom:20px}.donation-header h3{color:#1a237e;font-size:1.5rem;margin-bottom:8px}.donation-header p{color:#666;font-size:.95rem;line-height:1.4}.donation-tabs{display:flex;border-bottom:1px solid #eee;margin-bottom:20px}.tab-btn{flex:1;padding:10px;background:none;border:none;font-size:1rem;cursor:pointer;color:#666;transition:all .2s ease;position:relative}.tab-btn.active{color:#1a237e;font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#1a237e;border-top-left-radius:3px;border-top-right-radius:3px}.payment-option{display:flex;flex-direction:column;align-items:center;text-align:center}.payment-qr{width:200px;height:200px;margin:10px 0 20px;border:1px solid #eee;padding:5px;border-radius:10px}.donation-btn{display:inline-block;padding:12px 20px;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 3px 10px #1a237e33;margin-top:10px}.donation-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #2e7d324d;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff}.support-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 8px #ff57224d}.support-btn svg{width:18px;height:18px}.support-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #ff572266}.floating-support{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;align-items:center;padding:10px 15px;background:#fff;color:#1a237e;border:none;border-radius:50px;cursor:pointer;font-weight:600;box-shadow:0 3px 15px #0000001a;transition:all .3s ease}.floating-support svg{margin-right:8px;width:20px;height:20px}.floating-support:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}@media (max-width: 768px){.payment-qr{width:180px;height:180px}.floating-support span{display:none}.floating-support{width:50px;height:50px;border-radius:50%;justify-content:center;padding:0}.floating-support svg{margin-right:0}}.jee-selector-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.jee-selector-header{text-align:center;margin-bottom:3rem}.jee-selector-header h1{color:#1a237e;margin-top:1rem;margin-bottom:.5rem;text-align:center;font-size:2rem;font-weight:700}.subtitle{font-size:1.2rem;color:#4a5568;margin:0}.exam-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.exam-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 20px #00000014;transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;border-top:4px solid #1a237e;min-height:280px}.exam-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001f}.jee-main-card{border-top-color:#ff6d00}.mht-cet-card{border-top-color:#4caf50}.card-category{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.card-title{font-size:1.5rem;font-weight:700;color:#1a237e;margin-bottom:1rem;line-height:1.2;position:relative;padding-bottom:.5rem}.card-description{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1.5rem;flex:1}.card-action{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#1a237e;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.action-text{font-size:.9rem}.action-arrow{font-size:1.2rem;transition:transform .3s ease;color:#1a237e}.exam-card:hover .action-arrow{transform:translate(4px)}@media (max-width: 768px){.jee-selector-container{padding:1rem}.jee-selector-header h1{font-size:2rem}.subtitle{font-size:1rem}.exam-cards-container{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.exam-card{min-height:auto;padding:1.5rem}.card-title{font-size:1.3rem}.card-description{font-size:.9rem}}@media (max-width: 480px){.jee-selector-container{padding:.5rem}.jee-selector-header{margin-bottom:2rem}.jee-selector-header h1{font-size:1.8rem}.exam-cards-container{margin-bottom:2rem}.exam-card{padding:1rem}.card-description{font-size:.85rem}.action-text{font-size:.8rem}}.exam-card:focus{outline:2px solid #4299e1;outline-offset:2px}.exam-card:focus:not(:focus-visible){outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exam-card{animation:fadeInUp .6s ease forwards}.exam-card:nth-child(2){animation-delay:.1s}.card-features{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.feature{font-size:.9rem;color:#666;display:flex;align-items:center}.info-section{margin-top:3rem;padding:2rem;background:#f8f9fa;border-radius:12px}.info-section h3{text-align:center;margin-bottom:2rem;color:#2c3e50}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-item h4{color:#3498db;margin-bottom:1rem;font-size:1.1rem}.info-item p{color:#666;line-height:1.6;margin:0}.info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:8px;padding:1rem;margin-bottom:2rem}.info-content{display:flex;align-items:flex-start;gap:1rem}.info-icon{font-size:1.5rem;flex-shrink:0}.info-text{color:#1565c0;line-height:1.5}@media (max-width: 768px){.info-grid{grid-template-columns:1fr;gap:1rem}.info-section{padding:1.5rem;margin-top:2rem}.info-content{flex-direction:column;gap:.5rem}.card-features{margin:.75rem 0}.feature{font-size:.85rem}}.blogs-page{max-width:1200px;margin:0 auto;padding:0 20px}.blogs-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.blogs-header h1{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.blogs-header p{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}.featured-posts{margin-bottom:3rem}.featured-posts h2{font-size:2rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.featured-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.featured-post-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.featured-post-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;text-decoration:none;color:inherit}.featured-post-image{position:relative;width:100%;height:200px;overflow:hidden}.featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-post-card:hover .featured-post-image img{transform:scale(1.05)}.featured-post-category{position:absolute;top:1rem;left:1rem;background:#007bff;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.featured-post-content{padding:1.5rem}.featured-post-content h3{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem;line-height:1.4}.featured-post-content p{color:#6c757d;font-size:.95rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6c757d}.blogs-filters{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem}.filters-container{display:flex;flex-direction:column;gap:1.5rem}.search-container{position:relative;max-width:400px;margin:0 auto}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-filter{padding:.5rem 1rem;border:2px solid transparent;border-radius:25px;background:#fff;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-filter:hover{background:#e9ecef;color:#495057}.category-filter.active{background:var(--category-color, #007bff);color:#fff;border-color:var(--category-color, #007bff)}.results-summary{text-align:center;margin-bottom:2rem}.results-summary p{color:#6c757d;font-size:.95rem}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.blog-post-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.blog-post-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026;text-decoration:none;color:inherit}.blog-post-image{position:relative;width:100%;height:180px;overflow:hidden}.blog-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-post-category{position:absolute;top:.75rem;left:.75rem;background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:15px;font-size:.75rem;font-weight:500}.blog-post-content{padding:1.25rem}.blog-post-content h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-content p{color:#6c757d;font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#6c757d;margin-bottom:.75rem}.blog-post-meta span{display:flex;align-items:center;gap:.25rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-tag{background:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-results{text-align:center;padding:4rem 2rem}.no-results-icon{font-size:4rem;color:#dee2e6;margin-bottom:1rem}.no-results h3{font-size:1.5rem;color:#6c757d;margin-bottom:.5rem}.no-results p{color:#6c757d;margin-bottom:1.5rem}.clear-filters-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .3s ease}.clear-filters-btn:hover{background:#0056b3}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0}.pagination-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e9ecef;color:#6c757d;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{width:40px;height:40px;background:#fff;border:2px solid #e9ecef;color:#6c757d;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover,.pagination-number.active{background:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){.blogs-page{padding:0 15px}.blogs-header h1{font-size:2rem}.featured-posts-grid,.blog-posts-grid{grid-template-columns:1fr;gap:1.5rem}.filters-container{gap:1rem}.category-filters{gap:.5rem}.category-filter{font-size:.8rem;padding:.4rem .8rem}.pagination{flex-wrap:wrap;gap:.5rem}.pagination-numbers{order:-1;width:100%;justify-content:center}}@media (max-width: 480px){.blogs-header{padding:1rem 0;margin-bottom:2rem}.blogs-header h1{font-size:1.75rem}.blogs-header p{font-size:1rem}.blogs-filters{padding:1.5rem}.featured-post-content,.blog-post-content{padding:1rem}}.blog-post{max-width:800px;margin:0 auto;padding:0 20px;line-height:1.7}.blog-post-loading,.blog-post-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.blog-post-error h1{color:#dc3545;margin-bottom:1rem}.blog-post-error p{color:#6c757d;margin-bottom:2rem}.blog-post-header{margin-bottom:3rem;text-align:center}.blog-post-category-badge{display:inline-block;background:#007bff;color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.blog-post-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem;line-height:1.3}.blog-post-excerpt{margin-bottom:2rem}.blog-post-excerpt p{font-size:1.2rem;color:#6c757d;font-weight:400;margin:0}.blog-post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;font-size:.95rem;color:#6c757d}.blog-post-meta>div{display:flex;align-items:center;gap:.5rem}.updated-date{color:#28a745;font-weight:500}.blog-post-read-time i{color:#ffc107}.blog-post-featured-image{margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.blog-post-featured-image img{width:100%;height:auto;display:block}.blog-post-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.blog-post-tag{background:#f8f9fa;color:#495057;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;transition:background .3s ease}.blog-post-tag:hover{background:#e9ecef}.table-of-contents{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin:2rem 0}.table-of-contents h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin-bottom:.5rem}.table-of-contents span{color:#495057;font-size:.95rem;display:block;padding:.25rem 0}.blog-post-content{font-size:1.1rem;line-height:1.8;color:#343a40;margin-bottom:3rem}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#2c3e50;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;line-height:1.4}.blog-post-content h1{font-size:2.2rem;border-bottom:3px solid #007bff;padding-bottom:.5rem}.blog-post-content h2{font-size:1.8rem;border-bottom:2px solid #6c757d;padding-bottom:.4rem}.blog-post-content h3{font-size:1.5rem;color:#495057}.blog-post-content h4{font-size:1.3rem;color:#495057}.blog-post-content p{margin-bottom:1.5rem;text-align:justify}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content a{color:#007bff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-post-content a:hover{text-decoration:none;border-bottom-color:#007bff}.blog-post-content strong{font-weight:600;color:#2c3e50}.blog-post-content em{font-style:italic;color:#495057}.blog-post-content blockquote{background:#f8f9fa;border-left:4px solid #007bff;margin:2rem 0;padding:1.5rem;border-radius:0 8px 8px 0;font-style:italic;color:#495057}.blog-post-content code{background:#f8f9fa;color:#e83e8c;padding:.2rem .4rem;border-radius:3px;font-size:.95em;font-family:Monaco,Menlo,monospace}.blog-post-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;overflow-x:auto;margin:2rem 0}.blog-post-content pre code{background:none;color:#495057;padding:0}.blog-table,.blog-post-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}.blog-table th,.blog-table td,.blog-post-content table th,.blog-post-content table td{padding:1rem;text-align:left;border-bottom:1px solid #e9ecef}.blog-table th,.blog-post-content table th{background:#007bff;color:#fff;font-weight:600;font-size:.95rem}.blog-table tbody tr:hover,.blog-post-content table tbody tr:hover{background:#f8f9fa}.blog-table td,.blog-post-content table td{font-size:.95rem}.blog-post-sharing{background:#f8f9fa;border-radius:12px;padding:2rem;margin:3rem 0;text-align:center}.blog-post-sharing h4{color:#2c3e50;margin-bottom:1.5rem;font-size:1.2rem}.sharing-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;color:#fff}.share-btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #0003;color:#fff}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#1877f2}.share-btn.linkedin{background:#0077b5}.share-btn.whatsapp{background:#25d366}.related-posts{margin:4rem 0}.related-posts h3{font-size:2rem;color:#2c3e50;text-align:center;margin-bottom:2rem;border-bottom:2px solid #007bff;padding-bottom:.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-post-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.related-post-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;text-decoration:none;color:inherit}.related-post-image{position:relative;width:100%;height:150px;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.related-post-category{position:absolute;top:.75rem;left:.75rem;background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:15px;font-size:.75rem;font-weight:500}.related-post-content{padding:1.25rem}.related-post-content h4{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-content p{color:#6c757d;font-size:.875rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#6c757d}.blog-post-navigation{text-align:center;margin:3rem 0;padding:2rem 0;border-top:1px solid #e9ecef}.blog-post-navigation .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;border:2px solid}.blog-post-navigation .btn-primary{background:#007bff;color:#fff;border-color:#007bff}.blog-post-navigation .btn-primary:hover{background:#0056b3;border-color:#0056b3;text-decoration:none;color:#fff}.blog-post-navigation .btn-secondary{background:transparent;color:#6c757d;border-color:#6c757d}.blog-post-navigation .btn-secondary:hover{background:#6c757d;color:#fff;text-decoration:none}@media (max-width: 768px){.blog-post{padding:0 15px}.blog-post-title{font-size:2rem}.blog-post-excerpt p{font-size:1.1rem}.blog-post-meta{gap:1rem;font-size:.875rem}.blog-post-content{font-size:1rem}.blog-post-content h1{font-size:1.8rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.3rem}.table-of-contents{margin:1.5rem 0}.sharing-buttons{gap:.75rem}.share-btn{padding:.6rem 1rem;font-size:.875rem}.related-posts-grid{grid-template-columns:1fr;gap:1rem}.blog-table,.blog-post-content table{font-size:.875rem}.blog-table th,.blog-table td,.blog-post-content table th,.blog-post-content table td{padding:.75rem .5rem}}@media (max-width: 480px){.blog-post-header{margin-bottom:2rem}.blog-post-title{font-size:1.75rem}.blog-post-excerpt p{font-size:1rem}.blog-post-meta{flex-direction:column;gap:.5rem;text-align:center}.blog-post-sharing{padding:1.5rem}.sharing-buttons{flex-direction:column;align-items:center}.share-btn{width:200px;justify-content:center}}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}.container{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 768px){.container{padding:10px}}#root{width:100%;display:flex;flex-direction:column}main.container{padding-top:2rem;padding-bottom:3rem}.navbar{padding:1rem 0}.App>main{margin-top:1rem}@media (max-width: 768px){h1{font-size:1.8rem;line-height:1.3}h2{font-size:1.5rem}.feature-grid{grid-template-columns:1fr}.prediction-scores{flex-direction:column}}p,li,label,input,button{font-size:1rem;line-height:1.5}input,select,button{font-size:16px}.network-status-alert{position:fixed;top:0;left:0;right:0;z-index:9999;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}.network-status-alert.offline{background-color:#f8d7da;color:#721c24;border-bottom:1px solid #f5c6cb}.api-error-alert{position:fixed;top:0;left:0;right:0;z-index:9999;background-color:#fff3cd;color:#856404;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out;border-bottom:1px solid #ffeeba}.api-error-alert button{background:none;border:none;color:#856404;font-weight:700;cursor:pointer;padding:5px}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #1a237e;--secondary-color: #4fc3f7;--dark-color: #0d1757;--light-color: #e3f2fd;--success-color: #2e7d32;--warning-color: #f57f17;--danger-color: #c62828;--background-color: #ffffff;--text-color: #333333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;margin:0;padding:0;width:100%;overflow-x:hidden}html{width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}