body{font-family:Arial,sans-serif;text-align:center;margin:20px;padding:0;background:linear-gradient(140deg,#6a0dad,#ff4081);background-attachment:fixed;min-height:100vh}.header{color:#fff;padding:20px 0;margin-bottom:25px}.logo{width:100%;max-width:500px;height:auto;margin:0 auto;display:block}.header h1{font-size:36px;margin:15px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.result-form{margin:0 auto;max-width:700px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.2)}.result-form p{font-size:15px;margin-bottom:25px;color:#444;line-height:1.5;padding:0 15px}.roll-number-note{color:#dc3545!important;font-style:italic;font-size:14px;margin-bottom:20px;padding:0 15px}.form-row{display:flex;align-items:center;margin-bottom:15px;gap:10px;padding:0 15px}.form-row label{flex:0 0 160px;text-align:right;font-weight:700;color:#333}.form-row input[type=text]{flex:1 1;max-width:250px;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:15px;height:25px}.input-note{flex:0 0 160px;font-size:12px;color:#666;text-align:left;line-height:1.3;margin-left:8px}.result-form button{width:200px;padding:14px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:8px;transition:all .3s ease}.result-form button:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:15px;margin:20px 0;border-radius:4px}.pass-result{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;padding:30px;margin:30px 0;border-radius:12px;box-shadow:0 4px 15px rgba(40,167,69,.2);text-align:center}.congratulations-header h2{color:#155724;font-size:28px;margin:0 0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:700}.result-content{max-width:600px;margin:0 auto}.main-message{font-size:18px;margin:15px 0;color:#155724;line-height:1.6}.welcome-message{font-size:16px;margin:15px 0;color:#155724;line-height:1.5}.important-notice{background:hsla(0,0%,100%,.7);border:1px solid #ffc107;border-radius:8px;padding:20px;margin:25px 0;text-align:left}.notice-title{font-size:16px;font-weight:700;color:#856404;margin:0 0 10px}.important-notice p{margin:8px 0;color:#856404;line-height:1.5}.warning{background:rgba(220,53,69,.1);border-left:4px solid #dc3545;padding:10px 15px;margin:15px 0 0;border-radius:0 4px 4px 0}.contact-info{background:hsla(0,0%,100%,.8);border:1px solid #17a2b8;border-radius:8px;padding:20px;margin:25px 0 0}.contact-title{font-size:16px;font-weight:700;color:#0c5460;margin:0 0 10px}.contact-info p{margin:5px 0;color:#0c5460;font-size:15px}.phone-link{color:#007bff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:2px 4px;border-radius:3px}.phone-link:hover{color:#0056b3;background-color:rgba(0,123,255,.1);text-decoration:underline}.phone-link:active{transform:scale(.98)}.waiting-message{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;padding:15px;margin:20px 0;border-radius:4px}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:15px;margin:20px 0;border-radius:4px}.unpublished-message{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;padding:30px;margin:30px 0;border-radius:12px;box-shadow:0 4px 15px rgba(255,193,7,.2);text-align:center}.unpublished-header h2{color:#856404;font-size:28px;margin:0 0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:700}.unpublished-content{max-width:600px;margin:0 auto;text-align:left}.greeting{font-size:18px;margin:15px 0;color:#856404;line-height:1.6;font-weight:500}.patience,.stay-connected,.unpublished-content .main-message{font-size:16px;margin:15px 0;color:#856404;line-height:1.5}.patience{font-style:italic}.unpublished-content .contact-info{background:hsla(0,0%,100%,.8);border:1px solid #17a2b8;border-radius:8px;padding:20px;margin:25px 0 0;text-align:center}.unpublished-content .contact-title{font-size:16px;font-weight:700;color:#0c5460;margin:0 0 10px}.unpublished-content .contact-info p{margin:5px 0;color:#0c5460;font-size:15px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fff;margin:15% auto;padding:25px;border-radius:5px;width:85%;max-width:400px;position:relative}.modal-content button{padding:10px 25px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:15px;transition:background-color .3s ease}.modal-content button:hover{background-color:#0056b3}@media (max-width:768px){body{margin:15px}.header h1{font-size:28px}.result-form{max-width:90%;padding:20px}.form-row{flex-wrap:wrap;gap:8px;padding:0}.form-row label{flex:0 0 100%;text-align:left;margin-bottom:5px}.form-row input[type=text]{flex:1 1;max-width:100%;min-width:10%}.input-note{flex:0 0 100%;margin-left:0;margin-top:5px}.result-form button{width:100%}.pass-result{padding:20px;margin:20px 0}.congratulations-header h2{font-size:24px}.main-message{font-size:16px}.welcome-message{font-size:15px}.important-notice{padding:15px;margin:20px 0}.contact-info{padding:15px;margin:20px 0 0}.unpublished-message{padding:20px;margin:20px 0}.unpublished-header h2{font-size:24px}.greeting{font-size:16px}.patience,.stay-connected,.unpublished-content .main-message{font-size:15px}.unpublished-content .contact-info{padding:15px;margin:20px 0 0}.waiting-message{padding:20px;margin:20px 0}.waiting-header h2{font-size:24px}.waiting-content .greeting{font-size:16px}.waiting-content .instruction,.waiting-content .main-message{font-size:15px}.waiting-content .contact-info{padding:15px;margin:20px 0 0}}@media (max-width:480px){.header h1{font-size:24px}.result-form{padding:15px}.form-row input[type=text]{height:25px}.modal-content{width:90%;margin:30% auto}.pass-result{padding:15px;margin:15px 0}.congratulations-header h2{font-size:20px}.main-message{font-size:15px}.welcome-message{font-size:14px}.important-notice{padding:12px;margin:15px 0}.contact-info{padding:12px;margin:15px 0 0}.unpublished-message{padding:15px;margin:15px 0}.unpublished-header h2{font-size:20px}.greeting{font-size:15px}.patience,.stay-connected,.unpublished-content .main-message{font-size:14px}.unpublished-content .contact-info{padding:12px;margin:15px 0 0}.waiting-message{padding:15px;margin:15px 0}.waiting-header h2{font-size:20px}.waiting-content .greeting{font-size:15px}.waiting-content .instruction,.waiting-content .main-message{font-size:14px}.waiting-content .contact-info{padding:12px;margin:15px 0 0}}.spinner-container{display:flex;flex-direction:column;align-items:center;margin:16px 0}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.waiting-message{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:2px solid #17a2b8;padding:30px;margin:30px 0;border-radius:12px;box-shadow:0 4px 15px rgba(23,162,184,.2);text-align:center}.waiting-header h2{color:#0c5460;font-size:28px;margin:0 0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:700}.waiting-content{max-width:600px;margin:0 auto;text-align:left}.waiting-content .greeting{font-size:18px;margin:15px 0;color:#0c5460;line-height:1.6;font-weight:500}.waiting-content .instruction,.waiting-content .main-message{font-size:16px;margin:15px 0;color:#0c5460;line-height:1.5}.waiting-content .instruction{font-weight:500}.waiting-content .contact-info{background:hsla(0,0%,100%,.8);border:1px solid #17a2b8;border-radius:8px;padding:20px;margin:25px 0 0;text-align:center}.waiting-content .contact-title{font-size:16px;font-weight:700;color:#0c5460;margin:0 0 10px}.waiting-content .contact-info p{margin:5px 0;color:#0c5460;font-size:15px}