*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;min-height: 100vh;display: flex;align-items: center;justify-content: center}.container{overflow: hidden;width: 100%;max-width: 500px;transition: all 0.5s ease}.container.expanded{margin: 1.25em;max-width: min(95%, 800px);transform: scale(1.02)}.header{padding: 40px 30px 0;text-align: center}.header h1{font-size: 28px;font-weight: 700;margin-bottom: 10px}.header p{font-size: 16px;opacity: 0.9}.form-wrapper{border-radius: 0 0 20px 20px;padding: 40px 30px;position: relative;transition: all 0.5s ease}.form-container{transition: all 0.4s ease;opacity: 1}.form-container.hidden{opacity: 0;transform: translateY(-20px);pointer-events: none;position: absolute;width: 100%}.form-group{margin-bottom: 25px}.form-group label{display: block;font-weight: 600;color: #374151;margin-bottom: 8px;font-size: 14px}.form-control{width: 100%;padding: 16px;border: 2px solid #e5e7eb;border-radius: 12px;font-size: 16px;transition: all 0.3s ease;background: #f9fafb;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05)}.form-control:focus{outline: none;border-color: #4f46e5;background: white;box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1)}.form-control::placeholder{color: #9ca3af}.btn{width: 100%;padding: .8em 1.2em;background: linear-gradient(135deg, #155dfc 0%, #1447e6 100%);color: white;border: none;border-radius: 12px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;margin-top: 10px;box-shadow: 0 4px 12px rgba(21, 93, 252, 0.3), 0 2px 4px rgba(0, 0, 0, 0.1)}.btn:hover{transform: translateY(-2px);box-shadow: 0 10px 20px rgba(79, 70, 229, 0.3), 0 6px 12px rgba(21, 93, 252, 0.4)}.btn:active{transform: translateY(0)}.btn.outline{background: transparent;border: 2px solid #1447e6;color: #1447e6;box-shadow: 0 2px 8px rgba(20, 71, 230, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)}.result-container{border-radius: 0;border: none;display: none;transform: translateY(20px);transition: all 0.5s ease;pointer-events: none}.result{background: white}.result-container.show{display: block;transform: translateY(0);pointer-events: auto}.result-header{text-align: center;margin-bottom: 30px;padding-bottom: 20px}.result-header h2{color: #374151;font-size: 24px;font-weight: 700;margin-bottom: 10px}.result-header p{color: #6b7280;font-size: 14px}.result-content{display: grid;gap: 1rem;animation: slideInUp 0.6s ease 0.2s both}@keyframes slideInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.basic-info,.result{border: 2px solid #e5e7eb;border-radius: 12px;padding: 20px;transform: translateY(20px);opacity: 0;animation: fadeInUp 0.5s ease forwards;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06)}.basic-info{grid-row: span 2}.result:nth-child(3){animation-delay: 0.1s}.result:nth-child(4){animation-delay: 0.2s}.subject-scores{animation-delay: 0.1s}@keyframes fadeInUp{to{opacity: 1;transform: translateY(0)}}.section-title{font-weight: 600;color: #374151;margin-bottom: 15px;font-size: 1.25rem;text-align: left;padding-bottom: 10px;border-bottom: 2px solid #e5e7eb}.section-subtitle{font-weight: 700;color: #374151;font-size: 1.1em;padding: 10px 0}.info-item,.score-item,.result-item{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid #e5e7eb}.info-item:last-child,.score-item:last-child,.result-item:last-child{border-bottom: none}.info-label,.score-label,.result-label{color: #6b7280;font-size: 14px;font-weight: 500}.info-value,.score-value,.result-value{font-weight: 600;color: #374151;font-size: 16px}@media (max-width: 768px){.result-content{grid-template-columns: 1fr;gap: .8em}.container.expanded{margin: .5em;max-width: 95%;transform: scale(1)}.section-title br{display: none}}.error-message{background: #fef2f2;border: 1px solid #fecaca;color: #dc2626;padding: 12px;border-radius: 8px;margin-bottom: 15px;font-size: 14px;display: none}.error-message.show{display: block}.loading{display: none;text-align: center;padding: 20px}.loading.show{display: block}.spinner{border: 3px solid #f3f4f6;border-top: 3px solid #4f46e5;border-radius: 50%;width: 30px;height: 30px;animation: spin 1s linear infinite;margin: 0 auto 10px}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media (max-width: 480px){.container{margin: 10px}.header{padding: 30px 20px}.form-wrapper{padding: 30px 20px}.header h1{font-size: 24px}}.mt-4{margin-top: 1rem}.admission-item{margin-bottom: 20px;border: 1px solid #e5e7eb;border-radius: 12px;padding: 16px;background: #f9fafb}.admission-item:last-child{margin-bottom: 0}.admission-header{font-weight: 700;color: #1f2937;font-size: 16px;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 2px solid #4f46e5}.result-value.highlight{background: #67c3ff;color: white;padding: 6px 12px;border-radius: 8px;font-weight: 700;font-size: 16px}.no-admission{text-align: center;color: #6b7280;font-style: italic;padding: 20px;background: #f3f4f6;border-radius: 8px}.examination-item{margin-bottom: 20px;border: 1px solid #e5e7eb;border-radius: 12px;padding: 16px;background: #fef7ff}.examination-item:last-child{margin-bottom: 0}.examination-header{font-weight: 600;color: #1f2937;font-size: 1em;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 2px solid #7c3aed}.no-examination{text-align: center;color: #6b7280;font-style: italic;padding: 20px;background: #f3f4f6;border-radius: 8px}.score-item{margin-bottom: 16px;border: 1px solid #e5e7eb;border-radius: 10px;padding: 12px}.score-item:last-child{margin-bottom: 0}.score-header{font-weight: 700;color: #1f2937;font-size: 15px}.result-item{flex: 1;border-bottom: none;padding: 6px 0}.result-fn{text-align: center;font-weight: 700 !important;padding: 6px 0}.no-scores{text-align: center;color: #6b7280;font-style: italic;padding: 20px;background: #f3f4f6;border-radius: 8px}.text-green{color: #22c55e}.text-red{color: #dc2626}@media (max-width: 768px){.score-details{flex-direction: column;gap: 8px}.score-item{display: block}.score-details .result-item{flex: none}.form-wrapper{padding: 0}}.button-group{display: flex;gap: 12px;justify-content: center;margin-top: 1rem}.btn.primary{background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);color: white;border: none}.btn.primary:hover{background: linear-gradient(135deg, #3730a3 0%, #6b21a8 100%);transform: translateY(-1px)}@media (max-width: 480px){.button-group{flex-direction: column;gap: 8px}.button-group .btn{width: 100%}}@media print{body{margin: 15px;font-size: 12px}.header{margin-bottom: 3em}.form-wrapper{margin: 0;padding: 0}.form-container,.loading,.error-message{display: none !important}.container{max-width: none;box-shadow: none;border-radius: 0;margin: 0;padding: 0}.result-container{display: block !important;opacity: 1 !important;transform: none !important;margin: 0;padding: 0}.result-header h2{font-size: 16px;margin-bottom: 8px}.result-header p{font-size: 12px;margin-bottom: 20px}.section-title{font-size: 13px;margin: 15px 0 10px 0;page-break-after: avoid}.section-subtitle{font-size: 12px;margin: 10px 0 8px 0}.info-item,.result-item{padding: 6px 0;font-size: 11px}.info-label,.result-label{font-size: 11px}.info-value,.result-value{font-size: 11px}.admission-item,.score-item,.examination-item{page-break-inside: avoid;margin-bottom: 10px;padding: 8px;border: 1px solid #ccc}.admission-header,.score-header,.examination-header{font-size: 12px;margin-bottom: 6px;padding-bottom: 3px}.button-group,.btn{display: none !important}.result-value.highlight{color: white !important;-webkit-print-color-adjust: exact;print-color-adjust: exact}}