.main{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#284b6c,#627b84);color:#fff;padding:20px}p{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:x-large;color:#151e2d}.main .asg-2{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#284b6c,#627b84);color:#fff;padding:20px}.asg-2 .operation{display:flex;padding:20px;gap:20px}.asg-2 input{padding:10px;margin:10px;background-color:#ffffffb3;border-color:#ffffffb3;border-radius:5px;width:50%}.asg-2 input::placeholder{color:#000}.asg-2 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:45px}.main .asg-3{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#284b6c,#627b84);color:#fff;padding:20px}.asg-3 input{padding:10px;margin:10px;background-color:#ffffffb3;border-color:#ffffffb3;border-radius:5px;width:50%}.asg-3 input::placeholder{color:#000}.asg-3 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:55px}.asg-3 .horizontal{list-style-type:none;padding:0;display:flex;gap:15px;color:#022031;font-size:large}.main.asg-4{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#284b6c,#627b84);color:#fff;padding:20px}.asg-4 input{padding:10px;margin:10px;background-color:#ffffffb3;border-color:#ffffffb3;border-radius:5px;width:50%}.asg-4 input::placeholder{color:#000}.asg-4 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:55px}.asg-4 .list{padding:0;margin-bottom:20px;color:#022031;font-size:large}.asg-4 .list li{margin:15px 10px;gap:50px;display:flex;justify-content:space-between;align-items:center}.asg-4 .list Button:hover{background-color:#650202;color:#000;border-color:#650202}.main.asg-5{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#284b6c,#627b84);color:#fff;padding:20px}.asg-5 input{padding:10px;margin:10px;background-color:#ffffffb3;border-color:#ffffffb3;border-radius:5px;width:50%}.asg-5 input::placeholder{color:#000}.asg-5 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:55px}.asg-5 .list{padding:10px;margin-bottom:20px;color:#022031;font-size:large}.asg-5 .list li{margin:5px 0;gap:90px;display:flex;justify-content:space-between;align-items:center}.asg-5 .delete:hover{background-color:#650202;color:#000;border-color:#650202}.main.asg-6{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#284b6c,#627b84);color:#fff;padding:20px}.asg-6 input::placeholder{color:#000}.asg-6 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px}.asg-6 .list{padding:10px;margin-bottom:20px;color:#022031;font-size:large}.asg-6 .list li{margin:5px 0;gap:50px;display:flex;justify-content:space-between;align-items:center}.asg-6 .sample-text{padding:15px;border:1px solid white;margin-top:20px;background:#ffffff4d;border-radius:8px;transition:all .3s ease-in-out}.main.asg-7{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-7 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;background:#ffffff1a}.asg-7 .list{padding:10px;margin-top:20px;color:#000;font-size:large;background:#fff;border-radius:5px;width:200px}.asg-7 .list li{margin:5px 0;list-style-type:disc}.main.asg-8{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-8 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px;background:#ffffff1a}.asg-8 .search-box{display:flex;gap:20px;align-items:center}.asg-8 .color-grid{display:flex;flex-wrap:wrap;justify-content:center}.main.asg-9{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-9 .box{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:30px;margin-top:20px;background:#ffffff1a}.asg-9 .search-box{display:flex;gap:10px;margin:20px 0}.asg-9 .search-box input{padding:10px;border-radius:5px;border:1px solid #ccc;width:250px;font-size:16px}.asg-9 .color-grid{display:grid;justify-content:center}.asg-9 .pagination{margin-top:20px}.main.asg-10{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-10 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-10 .response{margin-top:20px;background:#ffffff4d;padding:10px;border-radius:5px;color:#000}.asg-10 .response pre{white-space:pre-wrap}.asg-10 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-11{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-11 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-11 .response{margin-top:20px;background:#ffffffd9;padding:30px;border-radius:12px;color:#1a1a1a;width:350px;text-align:center}.asg-11 .profile h2{font-size:22px;margin-bottom:15px;color:#0e2148;border-bottom:2px solid #284B6C;display:inline-block;padding-bottom:5px}.asg-11 .pDetails{display:flex;flex-direction:column;align-items:center;gap:12px}.asg-11 .pPic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #000000}.asg-11 .pName{font-size:20px;font-weight:700;color:#122c44}.asg-11 .pBio{font-size:15px;color:#333;font-style:italic;line-height:1.4;max-width:280px}.asg-11 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-12{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-12 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-12 .loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;flex-direction:column;color:#fff;font-size:20px;font-weight:300}.asg-12 .response{margin-top:20px;background:#ffffffd9;padding:30px;border-radius:12px;color:#1a1a1a;width:350px;text-align:center}.asg-12 .profile h2{font-size:22px;margin-bottom:15px;color:#0e2148;border-bottom:2px solid #284B6C;display:inline-block;padding-bottom:5px}.asg-12 .pDetails{display:flex;flex-direction:column;align-items:center;gap:12px}.asg-12 .profile-info{background:#178fa23f;padding:0 50px;border-radius:20px}.asg-12 .pPic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #000000}.asg-12 .pName{font-size:20px;font-weight:700;color:#122c44}.asg-12 .pBio{font-size:15px;color:#333;font-style:italic;line-height:1.4;max-width:280px}.asg-12 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-13{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-13 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-13 .loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;flex-direction:column;color:#fff;font-size:20px;font-weight:300}.asg-13 .response{margin-top:20px;background:#ffffffd9;padding:30px;border-radius:12px;color:#1a1a1a;width:350px;text-align:center}.asg-13 .profile h2{font-size:22px;margin-bottom:15px;color:#0e2148;border-bottom:2px solid #284B6C;display:inline-block;padding-bottom:5px}.asg-13 .pDetails{display:flex;flex-direction:column;align-items:center;gap:12px}.asg-13 .profile-info{background:#178fa23f;padding:0 50px;border-radius:20px}.asg-13 .pPic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #000000}.asg-13 .pName{font-size:20px;font-weight:700;color:#122c44}.asg-13 .pBio{font-size:15px;color:#333;font-style:italic;line-height:1.4;max-width:280px}.asg-13 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-14{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-14 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-14 .loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;flex-direction:column;color:#fff;font-size:20px;font-weight:300}.asg-14 .response{background:#ffffffd9;padding:30px;border-radius:12px;color:#1a1a1a;width:350px;text-align:center}.asg-14 .profile h2{font-size:22px;margin-bottom:15px;color:#0e2148;border-bottom:2px solid #284B6C;display:inline-block;padding-bottom:5px}.asg-14 .pDetails{display:flex;flex-direction:column;align-items:center;gap:12px}.asg-14 .profile-info{background:#178fa23f;padding:0 50px;border-radius:20px}.asg-14 .pPic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #000000}.asg-14 .pName{font-size:20px;font-weight:700;color:#122c44}.asg-14 .pBio{font-size:15px;color:#333;font-style:italic;line-height:1.4;max-width:280px}.asg-14 .function-buttons{display:flex;flex-direction:row;align-items:center;gap:20px}.asg-14 .function-buttons Button{width:auto}.asg-14 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-15{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-15 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-15 .loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;flex-direction:column;color:#fff;font-size:20px;font-weight:300}.asg-15 .response{background:#ffffffd9;padding:40px;border-radius:12px;color:#1a1a1a;width:400px;text-align:center}.asg-15 .profile h2{font-size:22px;margin-bottom:15px;color:#0e2148;border-bottom:2px solid #284B6C;display:inline-block;padding-bottom:5px}.asg-15 .pDetails{display:flex;flex-direction:column;align-items:center;gap:12px}.asg-15 .profile-info{background:#178fa23f;padding:0 50px;border-radius:20px}.asg-15 .pPic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #000000}.asg-15 .pName{font-size:24px;font-weight:700;color:#122c44}.asg-15 .pBio{font-size:15px;color:#122c44;font-style:italic;max-width:280px}.asg-15 .upload-section{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px dashed #107ab8ff;padding:5px;border-radius:10px}.asg-15 .upload{padding:2px;cursor:pointer;color:#0e2148;width:190px}.asg-15 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-16{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;padding:20px}.asg-16 .login{display:grid;align-items:center;justify-items:center;border:2px solid #284B6C;border-radius:5px;padding:40px;margin-top:20px}.asg-16 .loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;flex-direction:column;color:#fff;font-size:20px;font-weight:300}.asg-16 .edit-section{width:400px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;padding:15px}.asg-16 .response{background:#ffffffd9;padding:40px;border-radius:12px;color:#1a1a1a;width:400px;text-align:center}.asg-16 .profile h2{font-size:22px;margin-bottom:15px;color:#0e2148;border-bottom:2px solid #284B6C;display:inline-block;padding-bottom:5px}.asg-16 .pDetails{display:flex;flex-direction:column;align-items:center;gap:12px}.asg-16 .profile-info{background:#178fa23f;padding:0 50px;border-radius:20px}.asg-16 .pPic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #000000}.asg-16 .pName{font-size:24px;font-weight:700;color:#122c44}.asg-16 .pBio{font-size:16px;color:#122c44;font-style:italic;max-width:280px}.asg-16 .upload-section{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px dashed #107ab8ff;padding:5px;border-radius:10px}.asg-16 .upload{padding:2px;cursor:pointer;color:#0e2148;width:190px}.asg-16 form{display:flex;flex-direction:column;gap:15px;align-items:center}.main.asg-17{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px}.asg-17 .color{display:flex;align-items:center;justify-content:center;gap:80px}.asg-17 .color-input{background:#ffffff29;gap:40px;color:#122c44;border-radius:12px;padding:10px;text-align:center;width:350px;margin-bottom:20px;align-items:center;justify-content:center}.asg-17 .mixed-color{align-items:center;justify-content:center;width:150px;height:50px;margin:10px auto;border-radius:10px}.asg-17 .gradient-color{align-items:center;justify-content:center;width:250px;height:50px;margin:10px auto;border-radius:10px}.asg-17 .color-select{display:flex;gap:20px;align-items:center;justify-content:center;border:1px dashed #122c44;border-radius:10px;padding:10px;margin:10px}.asg-17 .color-input input{width:80px;border:0px}.main.asg-18{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-18 .game{display:flex;flex-direction:column;align-items:center}.asg-18 .game h2{color:#f2f2f5a3}.asg-18 .game-over{width:100px;height:100px}.asg-18 .color{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0}.asg-18 .color-input{background:#ffffff29;color:#122c44;border-radius:12px;padding:20px;text-align:center;width:350px;display:flex;flex-direction:column;align-items:center}.asg-18 .mixed-color{width:60px;height:60px;border-radius:20px}.asg-18 .red{background-color:red}.asg-18 .blue{background-color:#00f}.asg-18 .color-select{display:grid;gap:20px;align-items:center;justify-content:center;margin-top:10px}.asg-18 .color-img{width:70px;height:70px;padding:0;margin:0}.asg-18 .score-icon{width:35px;height:35px}.asg-18 .score-header{display:flex;align-items:center;justify-content:center;gap:10px}.main.asg-19{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-19 .quizIcon{width:150px}.asg-19 .questionIcon{width:80px}.asg-19 .quiz-start{background:#ffffff1e;width:500px;border-radius:20px;display:flex;padding:50px;gap:60px;flex-direction:row;align-items:center;justify-content:center}.asg-19 .intro{display:flex;flex-direction:column;align-items:center;gap:10px}.asg-19 .quiz{display:flex;flex-direction:column;align-items:center;justify-content:center}.asg-19 h1,.asg-19 h2,.asg-19 h3{text-align:center}.asg-19 .question{background:#ffffff29;color:#06213a;border-radius:12px;padding:45px;width:350px;text-align:center;margin-top:20px}.asg-19 .color-select{display:grid;gap:15px;margin-top:15px}.quiz-btn{background-color:#f5f5f5;color:#122c44;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-weight:700;transition:.3s}.asg-19 .score-header{margin-top:20px;font-size:18px}.main.asg-20{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-20 .quizIcon{width:150px}.asg-20 .questionIcon{width:80px}.asg-20 .quiz-start{background:#ffffff1e;width:500px;border-radius:20px;display:flex;padding:50px;gap:60px;flex-direction:row;align-items:center;justify-content:center}.asg-20 .intro{display:flex;flex-direction:column;align-items:center;gap:10px}.asg-20 .quiz{display:flex;flex-direction:column;align-items:center;justify-content:center}.asg-20 h1,.asg-20 h2,.asg-20 h3{text-align:center}.asg-20 .question{background:#ffffff29;color:#06213a;border-radius:12px;padding:45px;width:350px;text-align:center;margin-top:20px}.asg-20 .question-review{background:#ffffff29;color:#06213a;border-radius:12px;padding:45px;width:450px;text-align:center;margin-top:20px}.asg-20 .color-select,.asg-20 .quiz-review{display:grid;gap:15px;margin-top:15px}.asg-20 .quiz-review p{font-size:large}.asg-20 .quiz-button-section{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.quiz-button-section .quiz-btn{background-color:#f5f5f5;color:#122c44;border:none;width:150px;height:35px;border-radius:10px;align-items:center;cursor:pointer;font-weight:700;transition:.3s}.quiz-btn:hover{background-color:#5a7d91;color:#fff}.asg-20 .score-header{margin-top:20px;font-size:18px}.asg-21.color-picker{min-height:100vh;background:linear-gradient(90deg,#1b2838,#3a6d8c);color:#fff;display:flex;flex-direction:column;align-items:center;padding:40px;font-family:Arial,sans-serif}.asg-21 h1{margin-bottom:30px;text-align:center}.upload-btn{background-color:#fff;color:#1b2838;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.upload-btn:hover{background-color:#3a6d8c;color:#fff}.upload-btn input{display:none}.asg-21 .canvas-section{margin-top:30px;border:1px solid #ffffff;border-radius:12px;overflow:hidden}.asg-21 .canvas{cursor:pointer;max-width:100%;height:auto;display:block}.asg-21 .color-picker{width:220px;height:220px}.asg-21 .color-picker-header{display:flex;flex-direction:column;align-items:center}.asg-21 p{font-size:medium}.color-info{margin-top:25px;background:#ffffff26;padding:20px;border-radius:12px;width:300px;text-align:center}.color-box{width:50px;height:50px;border-radius:8px;margin:0 auto 15px;border:2px solid white}.main.asg-22{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-22 .filter-header{text-align:center;margin-bottom:25px;display:flex;flex-direction:column;align-items:center}.asg-22 .filter-icon{width:180px;height:180px;margin-bottom:15px}.asg-22 .upload-btn{background-color:#fff;color:#28313b;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-22 .upload-btn:hover{background-color:#485563;color:#fff}.asg-22 .upload-btn input{display:none}.asg-22 .filter-section{display:flex;flex-direction:row;gap:40px;align-items:center;justify-content:center}.asg-22 .filter-preview{margin-top:25px;border:2px solid white;border-radius:12px;overflow:hidden}.asg-22 .preview-image{max-width:600px;width:100%;border-radius:12px}.asg-22 .controls{margin-top:30px;background:#ffffff26;padding:20px;border-radius:12px;width:400px}.asg-22 .control{display:flex;flex-direction:column;margin-bottom:15px}.asg-22 .control label{margin-bottom:5px}.asg-22 .control input[type=range]{width:100%}.asg-22 .reset-btn{background-color:#fff;color:#28313b;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s;margin-top:15px;width:100%}.asg-22 .reset-btn:hover{background-color:#485563;color:#fff}.asg-22 .download-btn{background-color:#fff;color:#28313b;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s;margin-top:15px;width:100%}.asg-22 .download-btn:hover{background-color:#485563;color:#fff}.main.asg-23{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-23 .filter-header{text-align:center;margin-bottom:25px;display:flex;flex-direction:column;align-items:center}.asg-23 .filter-icon{width:180px;height:180px;margin-bottom:15px}.asg-23 .upload-btn{background-color:#fff;color:#28313b;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-23 .upload-btn:hover{background-color:#485563;color:#fff}.asg-23 .upload-btn input{display:none}.asg-23 .filter-section{display:flex;flex-direction:row;gap:40px;align-items:center;justify-content:center;margin-top:20px}.asg-23 canvas{border:2px solid white;border-radius:12px;max-width:600px}.asg-23 .controls{margin-top:20px;background:#ffffff26;padding:20px;border-radius:12px;width:400px;display:flex;flex-direction:column;gap:15px}.asg-23 input[type=range]{width:100%}.asg-23 .apply-btn,.asg-23 .download-btn{background-color:#fff;color:#28313b;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-23 .apply-btn:hover,.asg-23 .download-btn:hover{background-color:#485563;color:#fff}.main.asg-24{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-24 .crop-icon{width:180px;height:180px;margin-bottom:15px}.asg-24 .upload-btn{background-color:#ffffff90;color:#28313b;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-24 .upload-btn:hover{background-color:#485563;color:#fff}.asg-24 .upload-btn input{display:none}.asg-24 .img-area{position:relative;display:inline-block;margin-top:20px}.asg-24 .controls{margin-top:20px;padding:20px;border-radius:12px;display:flex;flex-direction:row;gap:15px}.asg-24 button{width:200px}.asg-24 .canvas-section{background:#ffffff26;display:flex;flex-direction:column;align-items:center;padding:30px;border-radius:12px;margin-top:20px}.asg-24 input[type=range]{width:100%}.asg-24 .crop-btn,.asg-24 .download-btn{background-color:#ffffff90;color:#28313b;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-24 .crop-btn:hover,.asg-24 .download-btn:hover{background-color:#485563;color:#fff}.asg-24 .canvas{display:block;border:2px solid #555;cursor:crosshair}.asg-24 .crop-area{position:absolute;border:2px dashed red;background:#f003;pointer-events:none}.asg-24 .instruction{text-align:center;margin-top:35px}.asg-24 .animation{animation:typewriter 5s steps(50) 1s 1 normal both,blinkingCursor .5s steps(50) infinite normal}.cursor{position:relative;width:24em;margin:0 auto;border-right:2px solid rgba(255,255,255,.75);font-size:18px;color:#000;text-align:center;white-space:nowrap;overflow:hidden;transform:translateY(-50%)}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkingCursor{0%{border-right-color:#fff0}to{border-right-color:transparent}}.main.asg-25{min-height:100vh;background:linear-gradient(90deg,#122c44,#5a7d91);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Arial,sans-serif}.asg-25 .clone-icon{width:180px;height:180px;margin-bottom:15px;border-radius:20px}.asg-25 .upload-btn{background-color:#ffffff90;color:#28313b;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-25 .upload-btn:hover{background-color:#485563;color:#fff}.asg-25 .upload-btn input{display:none}.asg-25 .img-area{position:relative;display:inline-block;margin-top:20px}.asg-25 .controls{margin-top:20px;padding:20px;border-radius:12px;display:flex;flex-direction:row;gap:15px}.asg-25 button{width:200px}.asg-25 .canvas-section{background:#ffffff26;display:flex;flex-direction:column;align-items:center;padding:30px;border-radius:12px;margin-top:20px}.asg-25 input[type=range]{width:100%}.asg-25 .crop-btn{background-color:#ffffff90;color:#28313b;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}.asg-25 .crop-btn:hover{background-color:#485563;color:#fff}.asg-25 .canvas{display:block;border:2px solid #555;cursor:crosshair}.asg-25 .canvas-wrapper{position:relative;display:inline-block}.clone-origin,.clone-preview{position:absolute;pointer-events:none;z-index:5}.clone-origin{border:2px solid red}.clone-preview{border:2px dashed green}.main.asg-26{min-height:100vh;background:linear-gradient(120deg,#2b5876,#4e4376);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Segoe UI,sans-serif}.asg-26 h1{margin-bottom:20px}.asg-26 .set-selector{display:flex;flex-direction:column;align-items:center;gap:15px}.asg-26 .set-btn{padding:10px 20px;border:none;width:100px;border-radius:8px;background:#ffffff90;color:#222;cursor:pointer;font-weight:700;transition:.3s}.asg-26 .set-btn:hover{background:#00c3ff;color:#fff}.asg-26 .grid{display:grid;grid-template-columns:repeat(4,100px);grid-gap:15px;margin-top:30px}.asg-26 .game-icon{width:180px;height:180px;margin-bottom:15px;border-radius:20px}.asg-26 .card{width:100px;height:100px;perspective:600px;cursor:pointer}.asg-26 .card .inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.asg-26 .card.flipped .inner{transform:rotateY(180deg)}.asg-26 .front,.asg-26 .back{position:absolute;width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;backface-visibility:hidden;background:#ffffff26;border:2px solid #fff3}.asg-26 .front{background:#ffffff40}.asg-26 .back{transform:rotateY(180deg);background:#ffffff90;color:#111}.asg-26 .win{margin-top:20px;font-size:1.3rem;position:relative;animation-name:myAnimation;animation-duration:15s;animation-fill-mode:forwards}@keyframes myAnimation{0%{top:0}to{top:20px}}.main.asg-27{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Segoe UI,sans-serif}.asg-27 .main-grid{background-color:#6b6b6b1e;padding:15px;border:1px solid #111;border-radius:20px}.asg-27 .grid{display:inline-block}.asg-27 .game-icon{width:120px;height:120px;margin-bottom:15px;border-radius:20px}.asg-27 .row{display:flex}.asg-27 .cell{width:25px;height:25px;border:1px solid #111;background-color:#6b6b6b45}.asg-27 .cell.snake{background-color:#d90909}.asg-27 .food-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.asg-27 p{color:#111}.main.asg-28{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif}.asg-28 .slide-contain{display:flex;width:70%;height:500px;border-radius:10px;overflow:hidden}.asg-28 .slide-list{width:15%;background:#ffffff0c;display:flex;flex-direction:column;align-items:center;padding:30px;gap:10px;font-weight:bolder}.asg-28 .slides{width:150px;height:80px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.asg-28 .slides.active{outline:3px solid #00d9ff6f}.asg-28 .slides.add{background:#ffffff0c;color:#fff}.asg-28 .delete{position:absolute;top:2px;right:5px;cursor:pointer;background-color:#ffffff40;border-radius:10px;padding:3px}.asg-28 .slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:background .3s;position:relative}.asg-28 .slide input{background:transparent;border:none;color:#fff;font-size:20px;text-align:center;width:100%;outline:none}.asg-28 .bottom-bar{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.asg-28 .colors{display:flex;gap:5px;background-color:#ffffff12;padding:10px;border-radius:20px}.asg-28 .color{width:25px;height:25px;border-radius:50%;cursor:pointer}.asg-28 .play{background:#ffffff12;color:#ffffffc7;border:none;padding:6px 12px;border-radius:10px;font-weight:600;cursor:pointer}.asg-28 .animations{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.asg-28 .animation-btn{background:#ffffff12;color:#000;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:700}.asg-28 .animation-btn:hover{background:#ffffff25}.asg-28 .animation-btn.active{background:#fffefe5e}.asg-28 .slideshow{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:40px;position:relative;overflow:hidden;text-align:center}.asg-28 .nav-buttons{display:flex;gap:10px;margin-top:15px}.asg-28 .prev,.asg-28 .next{background:#ffffff12;border:none;color:#000;padding:8px 10px;border-radius:6px;cursor:pointer}.asg-28 .exit{position:absolute;top:15px;right:15px;background:#ffffff12;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.asg-28 .font-edit{position:absolute;right:10px;top:10px;background:#1e293b;color:#fff;border-radius:8px;padding:6px;cursor:pointer;transition:.3s}.asg-28 .font-edit:hover{background:#334155}.asg-28 .font-tab{position:absolute;right:10px;top:60px;width:200px;background:#ffffff25;color:#fff;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:10px;z-index:20}.asg-28 .font-tab select{font-size:13px;margin-bottom:-6px;background-color:#ffffff25}.asg-28 .font-style{display:flex;justify-content:space-around}.asg-28 .font-style button{background:#ffffff25;color:#fff;border:none;border-radius:6px;padding:5px 8px;cursor:pointer}.asg-28 .font-style button.active{background:#ffffffc1;color:#000}.asg-28 .anim-edit{position:absolute;right:10px;top:60px;background:#1e293b;color:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;transition:.3s}.asg-28 .anim-edit:hover{background:#334155}.asg-28 .anim-tab{position:absolute;right:60px;top:60px;width:200px;background:#ffffff25;color:#fff;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:10px;z-index:20}.asg-28 .anim-tab input{width:100%}.fade{opacity:0;animation:fadeIn var(--anim-duration, 1.8s) forwards}@keyframes fadeIn{to{opacity:1}}.up{transform:translateY(60px);opacity:0;animation:slideUp var(--anim-duration, .8s) forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.down{transform:translateY(-60px);opacity:0;animation:slideDown var(--anim-duration, .8s) forwards}@keyframes slideDown{to{transform:translateY(0);opacity:1}}.blur{filter:blur(6px);opacity:0;animation:blurIn var(--anim-duration, 1.5s) forwards}@keyframes blurIn{to{filter:blur(0);opacity:1}}.rotate{transform:rotateY(90deg);opacity:0;animation:rotateIn var(--anim-duration, .8s) forwards}@keyframes rotateIn{to{transform:rotateY(0);opacity:1}}.asg-29.main{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.asg-29 .audio{width:70%;max-width:800px;background:#ffffff1a;border-radius:15px;padding:40px;text-align:center}.asg-29 .audio-box{display:flex;justify-content:center;align-items:flex-end;height:270px;gap:5px;margin:20px auto;background:#ffffff12;border-radius:15px;padding:10px 0}.asg-29 .bar{width:8px;border-radius:4px;background:#02123f;transition:height .1s linear,background .2s}.asg-29 .controls{margin-top:25px}.asg-29 .audio-player{width:100%;outline:none;border-radius:10px}.asg-30.main{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.asg-30 .audio{width:70%;max-width:800px;background:#ffffff1a;border-radius:15px;padding:40px;text-align:center}.asg-30 .audio-box{display:flex;justify-content:center;align-items:flex-end;height:190px;gap:5px;margin:20px auto;background:#ffffff12;border-radius:15px;padding:10px 0}.asg-30 .bar{width:8px;border-radius:4px;background:#02123f;transition:height .1s linear,background .2s}.asg-30 .controls{margin-top:25px}.asg-30 .audio-player{width:100%;outline:none;border-radius:10px}.asg-30 .lyrics-scroll{margin-top:40px;background:#ffffff10;border-radius:10px;padding:20px;height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#646463 #222;text-align:center}.asg-30 .lyric-line{opacity:.5;transition:all .3s ease-in-out;margin:6px 0;cursor:pointer}.asg-30 .lyric-line:hover{opacity:.8;color:#fff}.asg-30 .active-line{color:#92efff;font-size:1.3rem;font-weight:700;opacity:1;text-shadow:0 0 10px #4dc3d0c8}.asg-31.main{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);font-family:Segoe UI,sans-serif;color:#cfcfcf;overflow:hidden}.asg-31 .card-section{display:flex;align-items:center;gap:30px}.asg-31 .card{position:relative;width:600px;height:300px;display:flex;justify-content:center;align-items:center;overflow:visible}.asg-31 .card-item{position:absolute;top:30%;left:40%;width:120px;height:160px;background:#ffffff36;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:transform .6s ease,opacity .6s ease;color:#fff;font-size:1.2rem}.asg-31 .btn{background:none;border:2px solid #cfcfcf;border-radius:50%;width:60px;height:60px;font-size:1.5rem;color:#cfcfcf;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.asg-31 .btn:hover{background-color:#cfcfcf;color:#0d0d0d}.main.asg-32{min-height:100vh;background:linear-gradient(135deg,#203a43,#2c5364,#0f2027);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Segoe UI,sans-serif}.asg-32 .puzzle-container{display:inline-block;padding:5px}.asg-32 .puzzle-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;border:2px solid #dadada;padding:10px;border-radius:10px}.asg-32 .row{display:flex}.asg-32 .cell{width:30px;height:30px;border:1px solid #999;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.asg-32 .cell.selected{background-color:#53b7c8}.asg-32 .cell.found{background-color:#011e3a}.asg-32 .word-list{text-align:left}.asg-32 .word-item{font-size:18px;margin-bottom:5px}.asg-32 .word-item.word-found{font-weight:700;text-decoration:line-through}.asg-32 .shuffle-btn{margin-top:10px;padding:6px 12px;font-weight:700;background-color:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer}.asg-32 .shuffle-btn:hover{background-color:#145ca4}.main.asg-33{min-height:100vh;background:linear-gradient(135deg,#203a43,#2c5364,#0f2027);color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px;font-family:Segoe UI,sans-serif}.asg-33 .knife-game{width:600px;height:650px;position:center;background:#608798;border-radius:12px;overflow:hidden}.asg-33 .target-base{position:relative;width:200px;height:200px;top:200px;left:200px}.asg-33 .target{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#432c20,#64382c,#27100f);position:absolute;top:30px;left:30px}.asg-33 .knife{position:absolute;width:50px;height:120px;background-size:contain;background-repeat:no-repeat}.asg-33 .knife-stuck{width:40px;height:100px;background-size:contain;background-repeat:no-repeat}.asg-33 .knife-bottom{position:absolute;top:700px;width:40px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;left:50%;transform:translate(-50%)}.asg-33 .knife-flying{position:absolute;width:40px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;left:50%;transform:translate(-50%) translateY(-100%)}.asg-33 .score{font-size:20px;margin-bottom:10px;color:#fff}.asg-33 .gameOver{position:absolute;top:300px;left:360px;width:50%;height:50%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-weight:700;border-radius:12px}.asg-33 p{color:#fff}.asg-33 .gameOver button{margin-top:15px;padding:8px 16px;border:none;border-radius:8px;background:#0baf75;color:#fff;font-weight:700;cursor:pointer}main .asg-34{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.asg-34 .clock{display:flex;gap:10px;align-items:center}.asg-34 .clock-column{position:relative;width:80px;height:100px;overflow:hidden;border:2px solid #ffffff;background-color:#a7b3b86a;border-radius:10px;display:flex;justify-content:center;align-items:center}.asg-34 .column-item{position:absolute;width:100%;text-align:center;font-size:48px;font-weight:700;color:#fff;transition:transform .4s,opacity .3s}.colon{font-size:60px;color:#fff}.main.asg-35{height:100vh;overflow-y:scroll;position:relative}.asg-35 .scrollVideo{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.asg-35 .sections{position:relative;z-index:10;color:#fff;width:100%;padding-top:600vh}.asg-35 .subSection{height:100vh;font-size:40px;display:flex;justify-content:center;align-items:center}.main.asg-36{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff}.asg-36 .videoPlay{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#b4b4b456;padding:20px;border-radius:20px}.asg-36 .video{width:100%;height:380px;margin-bottom:20px}.asg-36 .controls{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#b4b4b456;border-radius:20px;padding:8px;width:100%;position:relative}.asg-36 .controls input[type=range]{cursor:pointer;width:500px}.asg-36 button{background:#fff0;border:#ffffff00;padding-left:20px}.main.asg-37{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);font-family:Arial,sans-serif;color:#fff}.asg-37 .puzzle{background-color:#dddddd3f;padding:30px 200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:40px}.asg-37 .puzzle-img{position:absolute;width:200px;height:200px;top:20px;left:40px;border:2px solid #ffffff7d;padding:5px;border-radius:10px}.asg-37 .puzzle-img img{width:100%;height:100%;object-fit:cover}.asg-37 .puzzle-grid{position:relative;box-shadow:0 4px 8px #0003,0 6px 20px #3737374c;background-color:#0f2027;margin-top:20px;-webkit-user-select:none;user-select:none}.asg-37 .puzzle-tile{position:absolute;border:1px solid #333;cursor:pointer;transition:all .2s ease-in-out;background-repeat:no-repeat;box-sizing:border-box}.asg-37 .puzzle-tile:hover{transform:scale(1.03)}.asg-37 .msg{margin-top:20px;padding:12px 20px;background:#49a6d5a0;color:#111;font-size:20px;font-weight:700;border-radius:10px;text-align:center;animation:pop .4s ease}.main.asg-38{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(120deg,#2b5876,#4e4376);font-family:Arial,sans-serif;color:#fff}.asg-38 h2{margin-bottom:20px}.asg-38 .puzzle{background-color:#dddddd17;padding:40px;border-radius:40px}.asg-38 .bottles{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.asg-38 .bottle{width:60px;height:200px;border:2px solid #282929c2;display:flex;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top:none;flex-direction:column-reverse;overflow:hidden;cursor:pointer;transition:transform .3s ease;position:relative}.asg-38 .bottle[data-hold=true]{transform:translateY(-25px) translate(-5px) rotate(10deg);box-shadow:#f0f3f4bb 0 15px 40px -12px}.asg-38 .bottle[data-complete=true]{cursor:pointer;filter:brightness(1.3);box-shadow:#580026bb 0 15px 40px -12px}.asg-38 .bottle[data-complete=false]{cursor:pointer}.asg-38 .water{height:25%}.asg-38 .water[data-color=red]{background:#cc383f}.asg-38 .water[data-color=blue]{background:#3383d6}.asg-38 .water[data-color=green]{background:#0da965}.asg-38 .water[data-color=brown]{background:#80363d}.asg-38 .water[data-color=purple]{background:#8036d6}.asg-38 .water[data-color=orange]{background:#cc833e}.asg-38 .congrats-popup{border-radius:20px;text-align:center;color:#fff}.asg-38 .congrats-popup button{padding:10px 15px;border:none;border-radius:10px;background-color:#3383d6;color:#fff;cursor:pointer}.asg-38 .congrats-popup button:hover{background-color:#1f5aa6}.asg-38 .done1{position:absolute;top:80%;left:50%;font-size:12px;transform:translate(-50%,-50%);font-weight:700;color:#fff;padding:0}.asg-38 p{font-size:12px;color:#fff;text-align:center}.main.asg-39{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e2f,#2b2b40);-webkit-user-select:none;user-select:none;gap:10px}.asg-39 .grid{display:flex;flex-direction:column;gap:6px;padding:20px;background-color:#ffffff14;border-radius:12px}.asg-39 .row{display:flex;gap:6px}.asg-39 .cell{width:70px;height:70px;border-radius:8px;background-color:#111827;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.asg-39 .cell[data-dragging=true][data-fixed=false]{background-color:#3b82f6}.asg-39 .cell[data-dragging=true][data-fixed=true]{background-color:#69bed8e2}.asg-39 .cell[data-win=true]{background-color:#10b981}.asg-39 .cell[data-error=true]{background-color:#ef4444}.asg-39 .button{padding:10px 20px;font-weight:700;background-color:#b9c6ff;border:none;border-radius:10px;cursor:pointer}.asg-39 .button1{padding:0 20px;font-weight:700;background-color:#b9c6ff;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.asg-39 p{font-size:14px;color:#000}.asg-39 .congratulation{font-size:large;color:#1fd1b9}.main.asg-40{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e2f,#2b2b40);-webkit-user-select:none;user-select:none;gap:10px}.asg-40 .grid{display:flex;flex-direction:column;gap:6px;padding:20px;background-color:#ffffff14;border-radius:12px}.asg-40 .row{display:flex;gap:6px}.asg-40 .cell{width:70px;height:70px;border-radius:8px;background-color:#111827;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.asg-40 p{color:#fff}.asg-40 .cell[data-fixed=true]{background-color:#5bbcd9;color:#fff;cursor:default}.asg-40 .cell[data-fixed=false]{cursor:pointer}.asg-40 .check-btn{margin-top:15px;padding:10px 24px;font-size:16px;font-weight:700;border-radius:8px;border:none;cursor:pointer;background-color:#1b7589;color:#111}.asg-40 .result{margin-top:10px;font-size:18px;font-weight:700;color:#fff}.main.asgW-01{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);font-family:Arial,sans-serif;color:#fff}.asgW-01 .location{background-color:#ffffff1f;padding:40px 80px;border-radius:30px;text-align:center;box-shadow:0 6px 20px #0000004d}.asgW-01 .locationBtn{background:#49a6d5;border:none;padding:12px 25px;color:#fff;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;margin-top:15px;transition:.3s}.asgW-01 .locationBtn:hover{transform:scale(1.07);background:#5dbce3}.asgW-01 .locationInfo{margin-top:30px;font-size:16px;line-height:1.6}.asgW-01 .locationInfo p{margin:4px 0;font-size:17px}.main.asgW-02{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Arial,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff}.asgW-02 h2{margin-bottom:20px}.asgW-02 .notification-btn{background-color:#49a6d5;color:#111;font-weight:700;cursor:pointer;padding:10px 20px;border-radius:8px;border:none;outline:none;margin-top:10px}.asgW-02 .notification-btn:hover{transform:scale(1.03);background-color:#61bfe9}.asgW-02 .notification-form{display:flex;flex-direction:column;gap:15px;background-color:#ffffff2a;padding:60px;border-radius:15px}.asgW-02 .notification-form input,.notification-form button{padding:15px;border-radius:8px;background-color:#fff;width:250px;border:none;outline:none}.asgW-02 .upload{display:grid;align-items:center;gap:5px}.asgW-02 .notification-form input[type=file]{background-color:#fff;padding:15px;border-radius:8px;width:250px;color:#fff}.asgW-02 .notification-form button{background-color:#49a6d5;color:#111;font-weight:700;cursor:pointer}.asgW-02 .notification-form button:disabled{background-color:#555;cursor:not-allowed}.asgW-02 .error{color:#e30505;background-color:#ffffff48;border-radius:10px;padding:8px}.main.asgW-03{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:03px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#2c3e50,#4ca1af);color:#fff}.asgW-03 h2{margin-bottom:20px}.asgW-03 .section{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:35px;margin-top:25px;width:450px;border-radius:15px;text-align:center;display:flex;flex-direction:column;align-items:center}.asgW-03 .section textarea{width:100%;height:60px;padding:12px;border-radius:8px;border:none;outline:none;margin-bottom:10px;resize:none;background:#fff;color:#000}.asgW-03 .section button{padding:12px 20px;width:160px;border-radius:10px;background:#0c4765;border:none;font-weight:700;cursor:pointer;color:#fff}.asgW-03 .section button:hover{background:#1f698f;transform:scale(1.03)}.asgW-03 .btn{display:flex;justify-content:center;gap:15px}.asgW-03 .text-box{margin-top:10px;background:#fff;color:#000;padding:15px;min-height:60px;width:100%;border-radius:10px;text-align:left;overflow-y:auto}.asgW-03 .image{width:100px;height:100px;padding:20px}.asgW-03 .error-msg{color:#bd0f0f;margin-top:5px}.main.asgW-04{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#2c3e50,#4ca1af);color:#fff}.asgW-04 textarea{width:50%;height:250px;padding:12px;font-size:16px;resize:none;background-color:#ffffff8c;margin-bottom:20px;border-radius:20px}.asgW-04 .buttons{display:flex;justify-content:center;gap:15px}.asgW-04 button{padding:12px 20px;width:120px;border-radius:10px;background:#04325b;border:none;font-weight:700;cursor:pointer;color:#fff}.asgW-04 button:hover{background:#1f6397;color:#000}.main.asgW-05{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#5e60ce,#64dfdf);color:#fff}.asgW-05 .enable-btn{margin-top:30px;padding:15px 25px;background:#1b3a4b;border:none;border-radius:12px;color:#fff;font-size:16px;cursor:pointer}.asgW-05 .enable-btn:hover{background:#22577a}.asgW-05 .value{margin-top:30px;padding:20px 30px;background:#ffffff26;border-radius:20px;line-height:1.8}.asgW-05 p{font-size:20px}.main.asgW-06{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#5e60ce,#64dfdf);color:#fff}.asgW-06 .enable{margin-top:30px;padding:15px 25px;background:#1b3a4b;border:none;border-radius:12px;color:#fff;font-size:16px;cursor:pointer}.asgW-06 .box{margin-top:40px;width:90vw;max-width:450px;height:80vh;max-height:600px;border:4px solid rgba(255,255,255,.456);border-radius:20px;position:relative;background:#ffffff23}.asgW-06 .blueBox{width:25%;max-width:150px;height:20%;max-height:20px;background:linear-gradient(180deg,#064673,#07063c);position:absolute;bottom:0;left:250px;border-radius:5px}.asgW-06 .snow{width:20px;height:20px;border-radius:20px;position:absolute}.asgW-06 .score{position:absolute;top:10px;left:10px;font-size:22px;font-weight:700}.asgW-07.container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:url(./background-C1f2h4pc.png) no-repeat center/cover}.asgW-07 .overlay{position:absolute;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.asgW-07 .base{width:350px;height:500px;background:url(./background2-CsXfbjaj.jpg) no-repeat center/cover;box-shadow:0 4px 8px #000000d2,0 6px 20px #000000d2;border-radius:10px;position:relative;overflow:hidden}.asgW-07 .item{position:absolute;width:25px;height:25px;background:url(./leaf3-CYr6xBJy.png) no-repeat center/cover}.asgW-07 .player{position:absolute;width:80px;height:10px;background-color:#699d5cd1;background:url(./pot2-Dp8Yw3wU.png) no-repeat center/cover;transform:translate(-50%);top:250px}.asgW-07 .score{position:absolute;font-size:24px;font-weight:900;font-family:Courier New,Courier,monospace;top:470px;left:110px;z-index:1}.asgW-07 .button{width:120px;height:45px;background-color:#708e1f;border-radius:10px;border:none;color:#fff;font-size:18px}.game.asgW-08{height:100vh;background:#1e1e1e;display:flex;align-items:center;justify-content:center}.asgW-08 .game-section{width:350px;height:500px;position:relative;overflow:hidden;border-radius:16px;background:#000}.asgW-08 .road{position:absolute;width:100%;height:100%;background-image:url(./highway-rush-road-MPt2gfIu.png);background-repeat:repeat-y;background-size:cover}.asgW-08 .vehicle{position:absolute;background-image:url(./highway-rush-cars-BadyQmlH.png);background-repeat:no-repeat}.asgW-08 .score{position:absolute;bottom:10px;left:10px;background:#000;color:#fff;padding:6px 10px;font-size:14px;border-radius:6px}.asgW-08 .overlay{position:absolute;inset:0;background:#000000b3;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.asgW-08 .overlay button{padding:10px 24px;font-size:16px;border-radius:8px;border:none;background:#007bff;color:#fff;cursor:pointer}html,body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#627b84,#284b6c);color:#fff}.links{display:flex;flex-direction:column;gap:20px;margin-top:20px}.alink{text-decoration:none;color:#fff;background-color:#0000004d;padding:10px 20px;border-radius:8px;transition:.3s;font-weight:700;text-align:center}.alink:hover{background-color:#00000080;transform:scale(1.05)}
