: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#e3eafc,#cfd8e7);color:#23304a;font-family:Segoe UI,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:stretch;width:100vw;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}#app{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box;min-height:0;text-align:center}.logo{font-size:2.2em;font-weight:700;letter-spacing:1px;color:#23304a;text-shadow:0 2px 8px #b3c6f7;margin-bottom:0}.logo .dot{color:#5b7fff}.card{padding:2em}.read-the-docs{color:#888}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}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;background:#f5f8fff2;color:#23304a;box-shadow:0 4px 24px #646cff0d;border-radius:0 0 18px 18px;width:100%;max-width:1200px;margin:0 auto;position:sticky;top:0;z-index:100;box-sizing:border-box}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0;justify-content:flex-end}.nav-links li a{color:#23304a;text-decoration:none;font-weight:500;font-size:1.1em;transition:color .2s,background .2s;padding:.3em .7em;border-radius:6px}.nav-links li a:hover,.nav-links .dropdown:hover>a{color:#fff;background:#5b7fff}.nav-links .dropdown{position:relative}.nav-links .dropdown-menu{display:none;position:absolute;background:#f5f8ff;min-width:200px;box-shadow:0 4px 24px #646cff14;z-index:10;margin-top:.5rem;border-radius:10px;padding:.5rem 0;right:0}.nav-links .dropdown-menu li{display:block;text-align:left;padding:0}.nav-links .dropdown-menu li a{display:block;padding:.8em 1.5em;color:#23304a;background:none;border:none;font-weight:400;font-size:1em;transition:background .2s,color .2s}.nav-links .dropdown-menu li a:hover{background:#5b7fff;color:#fff}.nav-links .dropdown:hover .dropdown-menu{display:block}.hero{padding:5rem 2rem 3rem;text-align:center;background:linear-gradient(120deg,#e3eafccc,#b3c6f7cc),url(/background.png);background-size:cover;background-position:center;color:#23304a;border-radius:18px;margin:2rem auto 1.5rem;box-shadow:0 8px 32px #646cff12;max-width:900px}.hero h1{font-size:3.2em;margin-bottom:.5em;letter-spacing:1px;text-shadow:0 2px 12px #b3c6f7}.hero p{font-size:1.4em;margin-bottom:2em;color:#3d4e6b}.cta{display:inline-block;padding:1em 2.5em;background:linear-gradient(90deg,#5b7fff 60%,#b3c6f7);color:#fff;border-radius:30px;font-weight:700;text-decoration:none;font-size:1.2em;box-shadow:0 2px 12px #b3c6f7;transition:background .2s,color .2s,transform .2s;border:none}.cta:hover{background:#23304a;color:#fff;transform:scale(1.05)}.about,.contact{padding:3rem 2rem;max-width:800px;margin:2rem auto 0;text-align:center;background:#f5f8fff2;border-radius:14px;box-shadow:0 4px 24px #646cff0f}.about h2,.contact h2{font-size:2.2em;margin-bottom:.5em;color:#5b7fff;text-shadow:0 2px 8px #b3c6f7}.about p,.contact p{font-size:1.15em;color:#3d4e6b}.register{padding:3rem 2rem;max-width:600px;margin:2rem auto 0;background:#f5f8fff2;border-radius:14px;box-shadow:0 4px 24px #646cff0f;text-align:center}.register h2{color:#5b7fff;margin-bottom:1.5rem}.register-form{display:flex;flex-direction:column;gap:1.2rem;align-items:stretch}.form-group{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.form-group label{font-weight:500;color:#23304a}.form-group input,.form-group textarea{width:100%;padding:.7em 1em;border:1px solid #b3c6f7;border-radius:6px;font-size:1em;background:#f5f8ff;color:#23304a;transition:border .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border:1.5px solid #5b7fff;outline:none}.register-form .cta{margin-top:1.2rem;width:100%}.mentors-list{padding:3rem 2rem;max-width:900px;margin:2rem auto 0;background:#f5f8fff2;border-radius:14px;box-shadow:0 4px 24px #646cff0f;text-align:center;display:flex;flex-direction:column;align-items:flex-start}.mentors-list h2{color:#5b7fff;margin-bottom:2rem;align-self:center}.mentor-search{width:350px;max-width:90vw;margin-bottom:2rem;margin-left:0;align-self:flex-start;padding:.8em 1.2em;font-size:1.1em;border-radius:8px;border:1.5px solid #b3c6f7;background:#f5f8ff;color:#23304a;box-sizing:border-box;transition:border .2s}.mentor-search:focus{border:2px solid #5b7fff;outline:none}.mentors-container{display:flex;flex-wrap:wrap;gap:2.5rem 2rem;justify-content:flex-start;width:100%}.mentor-card{background:#fff;border-radius:10px;box-shadow:0 2px 12px #b3c6f7;padding:1.5rem 1rem;width:260px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s;margin-bottom:1.5rem}.mentor-card:hover{box-shadow:0 4px 24px #5b7fff55;transform:translateY(-4px) scale(1.03)}.mentor-pic{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid #5b7fff;background:#e3eafc}.mentor-info h3{margin:.5rem 0 .2rem;color:#23304a}.mentor-info p{margin:.2rem 0;color:#3d4e6b;font-size:1em}@media(max-width:900px){.navbar,#app{max-width:100vw;padding-left:.5rem;padding-right:.5rem}.hero{padding:2rem .5rem 1.5rem;font-size:.95em}.about,.contact{padding:1.5rem .5rem}}@media(max-width:600px){.navbar{flex-direction:column;gap:1rem;padding:1rem .2rem}.nav-links{gap:.5rem;font-size:.95em;flex-wrap:wrap}.logo{font-size:1.5em}.hero h1{font-size:1.3em}.about h2,.contact h2{font-size:1em}#app{padding:0 .2rem}.register,.mentors-list{padding:1.5rem .5rem}.mentor-card{width:100%;min-width:0}.mentor-search{width:100%;font-size:1em}.mentors-container{gap:1.2rem .5rem}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}