html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:auto}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif}*{box-sizing:border-box}.assessment-engine-page{color:#08304a;background:radial-gradient(circle at top,#d7f7ff 0%,#7fd6ff 35%,#2b77c7 70%,#0d2c55 100%);min-height:100vh}.assessment-engine-page .page{width:100%;padding:40px 15px 30px}.assessment-engine-page .topbar{background:#ffffffd9;border-radius:18px;max-width:980px;margin:0 auto 18px;padding:18px 22px}.assessment-engine-page .card{background:#ffffffbf;border-radius:22px;max-width:980px;margin:0 auto;padding:24px}.assessment-engine-page .block{background:#ffffff8c;border-radius:18px;margin-bottom:18px;padding:18px}.assessment-engine-page .q{background:#ffffffb3;border-radius:14px;margin-bottom:14px;padding:12px 10px}.assessment-engine-page label{cursor:pointer;background:#ffffff73;border-radius:12px;margin-bottom:8px;padding:8px 10px;display:block}.assessment-engine-page textarea{border:1px solid #ffffffbf;border-radius:14px;width:100%;padding:12px}.assessment-engine-page .actions{justify-content:flex-end;gap:12px;display:flex}.assessment-engine-page .btn{cursor:pointer;border:none;border-radius:16px;padding:12px 18px;font-weight:700}.assessment-engine-page .primary{color:#0a3c6b;background:linear-gradient(#fff,#b9f2ff)}.assessment-engine-page .ghost{color:#0a3c6b;background:#ffffff59}.assessment-engine-page .footer{text-align:center;max-width:980px;margin:18px auto 0}.assessment-engine-page .footer a{color:#fffffff2;font-weight:700;text-decoration:none}.assessment-home-page{background-image:url(../images/purpleimg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.assessment-home-page .card{color:#fff;background:#0000008c;border:1px solid #fff3;border-radius:16px;width:420px;padding:35px 30px;position:absolute;top:50%;left:120px;transform:translateY(-50%)}.assessment-home-page h1{margin-bottom:10px;font-size:34px}.assessment-home-page p{color:#fffc;margin-bottom:25px;font-size:14px}.btn-group{flex-direction:column;gap:15px;display:flex}.topic-btn{text-align:center;color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:25px;padding:12px 15px;font-size:15px;font-weight:700;text-decoration:none}.back{text-align:center;margin-top:22px}.back a{color:#fffc;font-size:13px;text-decoration:none}.feedback-page{color:#fff;background:linear-gradient(90deg,#141e30,#243b55);min-height:100vh;margin:0;padding:20px 0 0;font-family:Arial,sans-serif}.feedback-page .container{background-color:#ffffff14;border-radius:10px;width:750px;margin:30px auto;padding:30px}.feedback-page h1{text-align:center;color:#00d4ff}.feedback-page h2{color:#fff;border-bottom:2px solid #fff3;margin-top:30px;padding-bottom:6px}.feedback-page p{color:#e6e6e6;margin-top:18px;font-weight:700}.feedback-page select,.feedback-page textarea{border:none;border-radius:6px;outline:none;width:100%;margin-top:10px;padding:10px;font-size:14px}.feedback-page input[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00d4ff,#1a73e8);border:none;border-radius:25px;margin-top:25px;padding:12px 25px;font-size:15px}.feedback-page hr{border:1px solid #fff3;margin:30px 0}.home-shell{color:#fff;background:linear-gradient(45deg,#0f2027,#203a43,#2c5364,#1a73e8) 0 0/400% 400%;flex-direction:column;min-height:100vh;animation:10s infinite bgMove;display:flex}@keyframes bgMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.top-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;justify-content:space-between;align-items:center;width:92%;margin:20px auto;padding:14px 18px;display:flex;box-shadow:0 10px 25px #00000040}.quote{color:#ffffffd9;width:65%;font-size:14px}.auth-btn{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:22px;margin-left:10px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.auth-btn:hover{background:#ffffff40}.signup{background:linear-gradient(90deg,#00d4ff,#1a73e8);border:none}.hero{text-align:center;z-index:5;margin-top:70px;position:relative}.logo{letter-spacing:1px;text-shadow:0 10px 30px #00000059;font-size:80px;font-weight:900}.logo span{color:#00d4ff;text-shadow:0 0 20px #00d4ff8c}.tagline{color:#ffffffd9;margin-top:10px;font-size:16px}.search-area{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:30px;align-items:center;width:600px;margin:28px auto 18px;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000040}.search-box{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:14px 18px;font-size:15px}.search-box::placeholder{color:#ffffffa6}.search-icon{cursor:pointer;color:#fff;background:#ffffff2e;border:none;width:55px;height:50px;font-size:18px}.search-icon:hover{background:#ffffff47}.home-shell .btn{border-radius:26px;margin:8px;padding:12px 20px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.home-shell .primary{color:#fff;background:linear-gradient(90deg,#00d4ff,#1a73e8)}.home-shell .secondary{color:#fff;background:#ffffff24;border:1px solid #ffffff38}.bottom-link{text-align:center;margin-top:35px}.feedback-btn{color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:26px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-block}.works-page{color:#fff;background:linear-gradient(90deg,#1e3c72,#2a5298);min-height:100vh;margin:0;font-family:Arial,sans-serif}.works-page .container{text-align:center;width:80%;margin:auto;padding:20px}.works-page h1{margin-bottom:20px}.works-page h2{color:gold;margin-top:30px}.works-page p{max-width:800px;margin:auto;line-height:1.6}.works-page ul{padding:0;list-style:none}.works-page ul li{margin:5px 0}.section-img{border-radius:10px;width:400px;max-width:100%;margin:15px auto;display:block}.works-page hr{border:1px solid #ffffff4d;width:60%;margin:30px auto}.works-page a{color:gold;margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}.learning-engine-page{color:#0f2a1a;background:radial-gradient(circle at top,#eafff2 0%,#bdf5d3 40%,#5ac08e 75%,#1f6f4a 100%);min-height:100vh}.learning-nav{text-align:center;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:18px;max-width:1000px;margin:25px auto 0;padding:14px 18px}.learning-nav a{color:#145a3a;margin:0 15px;font-weight:700;text-decoration:none}.learning-engine-page section{padding:25px 15px 40px}.learning-engine-page article{background:#fff9;border:1px solid #ffffffbf;border-radius:22px;max-width:1000px;margin:20px auto;padding:30px}.learning-engine-page h1{color:#0f5d3a;margin-bottom:10px;font-size:36px}.learning-engine-page h2{color:#114c32;margin-top:22px;margin-bottom:10px}.learning-engine-page p{font-size:15px;line-height:1.7}.learning-engine-page ul{margin-top:10px;margin-left:20px}.learning-engine-page li{margin:8px 0}.learning-engine-page footer{text-align:center;background:#ffffff8c;border-radius:16px;max-width:1000px;margin:10px auto 25px;padding:12px}.learning-home-page{background-image:url(../images/leaves.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.learning-home-page .container{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:18px;width:520px;padding:40px 30px;box-shadow:0 18px 40px #0003}.learning-home-page h1{color:#0f5d3a;margin-bottom:10px;font-size:34px}.learning-home-page p{color:#0f2a1acc;margin-bottom:25px;font-size:14px}.option{margin:14px 0}.learning-home-page .btn{color:#fff;background:#0f5d3ad9;border:1px solid #fff6;border-radius:25px;padding:12px 16px;font-size:15px;font-weight:700;text-decoration:none;display:block}.auth-page{background:linear-gradient(#5a2ca0,#3b1a6e,#1b0b3d);justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex;position:relative;overflow:auto}.auth-page:before{content:"";opacity:.2;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.bg-overlay{pointer-events:none;background:linear-gradient(#0000,#0006);width:100%;height:55%;position:absolute;bottom:0;left:0}.auth-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #fff3;border-radius:14px;width:380px;padding:35px 30px;position:relative;box-shadow:0 0 20px #0000004d}.register-card{width:420px}.auth-card h1{color:#fff;margin-bottom:25px;font-size:32px}.auth-form .input-box{text-align:left;margin-bottom:15px}.input-box input{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:25px;outline:none;width:100%;padding:12px 15px;font-size:14px}.input-box input::placeholder{color:#ffffffb3}.dob-label{color:#ffffffd9;margin-bottom:6px;font-size:13px;display:block}.toggle-row{text-align:left;margin-bottom:15px}.toggle-row label{color:#fff;font-size:14px}.row{justify-content:space-between;align-items:center;margin:10px 0 20px;font-size:13px;display:flex}.remember,.forgot{color:#ffffffd9;text-decoration:none}.forgot:hover{text-decoration:underline}.auth-page .btn{cursor:pointer;color:#3b1a6e;background:#fff;border:none;border-radius:25px;width:100%;padding:12px;font-size:15px;font-weight:700}.auth-page .btn:hover{background:#eaeaea}.bottom-text{color:#ffffffd9;text-align:center;margin-top:18px;font-size:13px}.bottom-text a{color:#fff;font-weight:700;text-decoration:none}.bottom-text a:hover{text-decoration:underline}