@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;600&display=swap";:root{font-family:Barlow,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#2b2525;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#2b2525;color:#ffffffde}h1{font-size:3.2em;line-height:1.1;border:10px solid transparent;will-change:filter;transition:filter .3s}h1:hover{filter:drop-shadow(0 0 10px rgba(100,108,255,1))}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Barlow,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.book:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 30s linear}}.intialCard{padding:.7em;margin:0}.read-the-docs{color:#fff}.navbar{background:linear-gradient(90deg,#0d0d0d,#1e1e1e);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-sizing:border-box;box-shadow:0 2px 8px #00000080}.navList{list-style-type:none;margin:0;padding:0;display:flex;justify-content:space-around;width:100%}.navItem{color:#83a8e0;cursor:pointer;text-decoration:none;font-size:18px;font-weight:700;transition:all .4s ease;position:relative}.navItem:after{content:"";position:absolute;bottom:-5px;left:50%;width:0%;height:2px;background-color:#1400cc;transition:width .3s ease,left .3s ease}.navItem:hover:after{width:100%;left:0%}.navItem:hover{transform:scale(1.1);color:#fff;text-shadow:0 0 3px #1400cc,0 0 5px #1400cc}.navbar:hover{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #00000080}50%{box-shadow:0 3px 10px #00f6}}.studyContent{margin-top:0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;height:auto;padding:0}.content{margin-top:-130px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;height:auto;padding:0}.header1{margin:0;padding:0;font-size:2em;font-weight:700;text-align:center}.studentContainer{margin-top:10px;display:flex;justify-content:flex-end;align-items:center;width:100%;padding-right:0}.students{max-width:50%;height:450px;border-radius:10px;box-shadow:0 4px 10px #0003;transition:transform .3s ease,box-shadow .3s ease;margin:0 0 0 30px}.students:hover{transform:scale(1.05);box-shadow:0 6px 15px #0000004d}.textBox{max-width:50%;height:450px;padding:1px 10px;background-color:#f4f4f4;border-radius:10px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.textBox h2{font-size:2.1em;font-weight:700;color:#000}.textBox p{font-size:17px;color:#333;text-align:left}.textBox:hover{transform:scale(1.05);box-shadow:0 6px 15px #0000004d}.cardContainer{display:flex;justify-content:center;gap:20px;padding:20px;margin-top:20px}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0003;width:250px;height:350px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.cardTitle{font-size:1.5em;font-weight:700;color:#444;margin-bottom:10px}.cardDescription{font-size:1em;color:#666;flex-grow:1;margin-bottom:20px}.cardButton{background-color:#646cff;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:1em;font-weight:700;cursor:pointer;text-align:center;transition:background-color .6s ease,transform .6s ease}.cardButton:hover{background-color:#535bf2;transform:scale(1.05)}.instaImage{width:200px;height:200px;object-fit:cover;border-radius:50%;box-shadow:0 4px 8px #0003;transition:background-color 1s ease,transform .6s ease}.instaImage:hover{background-color:#535bf2;transform:scale(1.05)}.instaWrapper{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.backButton{position:absolute;top:20px;left:20px;padding:10px 20px;background:linear-gradient(90deg,#3a3a3a,#351eff);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #00000080}.backButton:hover{transform:scale(1.1);box-shadow:0 6px 15px #000000b3;background:linear-gradient(90deg,#351eff,#3a3a3a)}.highschoolSubjects-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;padding:0 20px}.highschoolSubject-card{background:#f4f4f4;color:#333;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;text-align:center;transition:transform .4s,box-shadow .2s}.highschoolSubject-card h3{font-size:1.5em;margin-bottom:10px;font-weight:700;text-transform:none;letter-spacing:normal}.highschoolSubject-card p{font-size:1em;margin-bottom:20px;font-family:Arial,sans-serif;color:#555}.explore-button{background:#646cff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;font-weight:400;text-transform:none;transition:transform .4s,box-shadow .2s}.explore-button:hover{background:#0056b3;transform:scale(1.1)}.highschoolSubject-card:hover{box-shadow:0 4px 15px #0003;transform:translateY(-5px)}@media screen and (max-width: 1024px){.highschoolSubjects-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.highschoolSubjects-container{grid-template-columns:1fr}}.header{display:flex;justify-content:flex-end;align-items:center;background-color:#1a1a2e;padding:10px 20px;position:relative;border-bottom:2px solid #0f3460;box-shadow:0 4px 8px #0006}.hamburger-button{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:20px;cursor:pointer;position:absolute;top:15px;right:20px;z-index:10;background-color:#191818;border-radius:50%;padding:10px;transition:transform .8s ease,background-color .3s ease}.hamburger-button:hover{transform:rotate(180deg) scale(1.1);background-color:#26232e}.hamburger-button .line{width:100%;height:3px;background-color:#fff;margin:3px 0;border-radius:5px;transition:transform .3s ease}.nav-menu{margin-top:10px;background:#16213e;width:180px;text-align:left;box-shadow:0 4px 15px #0009;position:absolute;top:50px;right:20px;border-radius:8px;overflow:hidden;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-20px)}.nav-menu.open{opacity:1;transform:translateY(0)}.nav-menu a{display:block;padding:12px;text-decoration:none;color:#fff;font-size:15px;font-family:Roboto Mono,monospace;border-bottom:1px solid #0f3460;transition:background-color .3s ease,color .3s ease,transform .8s ease}.nav-menu a:last-child{border-bottom:none}.nav-menu a:hover{background-color:#0f3460;color:#22b8f0;transform:translate(0) scale(1.1)}.nav-menu{display:none}.nav-menu.open{display:block}.nav-menu a{pointer-events:none}.nav-menu.open a{pointer-events:auto}.nav-menu .auth-link{margin-top:8px;border-top:2px solid #0f3460;background-color:#0f34604d}.nav-menu .login-link{background-color:#22b8f026;font-weight:600}.nav-menu .login-link:hover{background-color:#22b8f0;color:#000}.nav-menu .upload-link{background-color:#6a0dad26;font-weight:600}.nav-menu .upload-link:hover{background-color:#6a0dad;color:#fff}.hamburgerHeader{position:fixed;top:0;right:0;z-index:1000}.form-container{max-width:600px;margin:0 auto;padding:20px;background:#000;border:2px solid #6a0dad;border-radius:8px;box-shadow:0 4px 10px #00000080;font-family:Arial,sans-serif;transition:transform .4s ease}.form-container:hover{transform:translateY(-5px)}label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#fff}input,select,textarea{width:90%;max-width:500px;padding:10px;border:3px solid #6a0dad;border-radius:6px;font-size:14px;color:#000;background-color:#f7f7f7;transition:border-color .2s ease,box-shadow .2s ease,transform .4s ease;margin:0 auto;box-sizing:border-box;display:block}input:hover,select:hover,textarea:hover{transform:scale(1.025)}input:focus,select:focus,textarea:focus{border-color:#9b4ede;box-shadow:0 0 5px #9b4ede80;outline:none}textarea{resize:vertical}button{width:100%;padding:10px;background-color:#6a0dad;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#9b4ede;transform:translateY(-2px)}.google-form{margin-top:20px;text-align:center}.google-form iframe{width:100%;max-width:100%;border:2px solid #6a0dad;border-radius:8px}@media (max-width: 768px){.form-container{padding:15px}button{font-size:14px}}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;justify-content:center}.resource-card{background:#ffffff1a;border-radius:15px;padding:20px;text-align:center;cursor:pointer;transition:transform .2s,background .3s,box-shadow .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0003}.resource-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 6px 10px #0003}.resource-card h3{color:#fff;font-size:18px;font-weight:700}@media (max-width: 1024px){.resource-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.resource-grid{grid-template-columns:repeat(1,1fr)}}.title{text-align:center;color:#fff;font-size:24px}.loading-text{width:100%;text-align:center;font-size:20px;color:#fff}.open-resource-button{display:inline-block;background:#930fcc;color:#fff;padding:8px 14px;border-radius:20px;text-decoration:none;font-weight:400;font-size:14px;transition:background .3s ease,transform .2s ease;margin-top:10px}.open-resource-button:hover{background:#6a2c90;transform:scale(1.05);color:#fff}.loader{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-container{max-width:900px;margin:40px auto;padding:20px}.dashboard-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:30px;box-shadow:0 8px 24px #0000004d;border:1px solid rgba(34,184,240,.2)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(34,184,240,.3)}.dashboard-header h1{color:#22b8f0;font-size:2rem;margin:0}.logout-btn{background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-2px);box-shadow:0 4px 12px #ff57224d}.user-info-section,.elevation-section,.contribution-section,.elevated-role-section{margin-bottom:30px}.user-info-section h2,.elevation-section h2,.contribution-section h2,.elevated-role-section h2{color:#22b8f0;font-size:1.5rem;margin-bottom:20px;border-bottom:2px solid rgba(34,184,240,.2);padding-bottom:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.info-item{background:#ffffff0d;padding:15px;border-radius:8px;border-left:3px solid #22B8F0}.info-item label{display:block;color:#22b8f0;font-weight:600;margin-bottom:5px;font-size:.9rem}.info-item span{color:#fff;font-size:1rem}.role-badge{display:inline-block;background:linear-gradient(135deg,#22b8f0,#0f3460);color:#fff;padding:5px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;font-size:.85rem}.info-text{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#22b8f0;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;max-width:500px;padding:12px;background:#ffffff0d;border:1px solid rgba(34,184,240,.3);border-radius:6px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#22b8f0;background:#ffffff1a;box-shadow:0 0 8px #22b8f04d}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.submit-btn{background:linear-gradient(135deg,#22b8f0,#1a7fa1);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;min-width:150px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2cc5ff,#22b8f0);transform:translateY(-2px);box-shadow:0 4px 12px #22b8f066}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.message{padding:15px;border-radius:6px;margin-bottom:20px;font-weight:500}.success-message{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.error-message{background:#d32f2f33;color:#ff6b6b;border:1px solid rgba(211,47,47,.4)}.success-badge{background:linear-gradient(135deg,#4caf5033,#388e3c33);border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:15px;border-radius:8px;font-weight:600;text-align:center}.contribution-section{background:#6a0dad1a;padding:20px;border-radius:8px;border-left:4px solid #6a0dad}.admin-section{background:#22b8f01a;padding:20px;border-radius:8px;border-left:4px solid #22B8F0;margin-bottom:30px}.admin-section h2{color:#22b8f0;font-size:1.5rem;margin-bottom:20px;border-bottom:2px solid rgba(34,184,240,.2);padding-bottom:10px}.requests-table{overflow-x:auto;margin-top:20px}.requests-table table{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:8px;overflow:hidden}.requests-table thead{background:#22b8f026;border-bottom:2px solid rgba(34,184,240,.3)}.requests-table th{color:#22b8f0;padding:12px;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.requests-table td{color:#ccc;padding:12px;border-bottom:1px solid rgba(34,184,240,.1)}.requests-table tbody tr:hover{background:#22b8f00d;transition:all .2s ease}.justification-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:10px;flex-wrap:wrap}.approve-btn,.deny-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;min-width:80px}.approve-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.deny-btn{background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff}.deny-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef5350,#d32f2f);transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f4d}.approve-btn:disabled,.deny-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.requests-table{font-size:.9rem}.requests-table th,.requests-table td{padding:8px}.approve-btn,.deny-btn{padding:6px 12px;font-size:.85rem;min-width:70px}.dashboard-container{margin:20px auto;padding:10px}.dashboard-card{padding:15px}}