*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh}.App{align-items:center;background:linear-gradient(135deg,#1e293b05,#94a3b805),repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 0,#f1f5f9 20px);display:flex;justify-content:center;overflow:hidden;padding:20px;position:relative}.App:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#1e293b08 0,#0000 70%);right:-50%;top:-50%}.App:after,.App:before{content:"";height:100%;position:absolute;width:100%}.App:after{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#94a3b80a 0,#0000 70%);bottom:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}.student-lookup-container{animation:fadeIn .5s ease-in;max-width:550px;position:relative;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lookup-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header{background:#1e293b;color:#fff;padding:28px 24px;text-align:center}.card-title{font-size:26px;font-weight:600;letter-spacing:-.3px;margin:0}.card-subtitle{color:#cbd5e1;font-size:14px;font-weight:400;margin:6px 0 0;opacity:.9}.search-section{background:#fff;padding:24px}.input-group{display:flex;gap:10px}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all .2s ease}.search-input:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b14}.search-input::placeholder{color:#9ca3af}.search-button{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:12px 28px;transition:all .2s ease}.search-button:hover{background:#334155}.search-button:active{transform:scale(.98)}.image-section{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:400px;padding:24px}.placeholder{color:#9ca3af;text-align:center}.placeholder-icon{color:#6b7280;height:72px;margin:0 auto 16px;opacity:.4;width:72px}.placeholder-text{color:#6b7280;font-size:15px;margin:0}.loading-spinner{align-items:center;display:flex;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1e293b;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-wrapper{animation:slideIn .3s ease-out;width:100%}.image-container{gap:16px;height:280px;position:relative;width:100%}.image-container,.nav-arrow{align-items:center;display:flex;justify-content:center}.nav-arrow{background:#1e293b;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:40px;transition:all .2s ease;width:40px}.nav-arrow:hover{background:#334155;transform:scale(1.1)}.nav-arrow:active{transform:scale(.95)}.nav-arrow svg{color:#fff;height:20px;width:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.student-image{background-color:#e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:block;flex-shrink:0;height:280px;object-fit:contain;transition:all .2s ease;width:280px}.student-image:hover{box-shadow:0 6px 16px #00000026;transform:scale(1.02)}.image-footer{margin-top:20px;text-align:center}.roll-number{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1e293b;display:inline-block;font-size:16px;font-weight:600;margin:0 0 16px;padding:10px 16px}.download-button{align-items:center;background:#1e293b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.download-button:hover{background:#334155;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.download-button:active{transform:translateY(0)}.download-icon{height:18px;width:18px}.error-message{color:#dc2626;text-align:center}.error-icon{color:#ef4444;height:56px;margin:0 auto 16px;width:56px}.error-text{color:#991b1b;font-size:15px;font-weight:500;margin:0}.modal-overlay{align-items:center;animation:fadeInModal .2s ease-out;background:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{animation:scaleIn .2s ease-out;cursor:default;max-height:90vh;max-width:90vw;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:100%}.modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:0;top:-40px;transition:all .2s ease;width:36px}.modal-close:hover{background:#f3f4f6;transform:scale(1.1)}.modal-close svg{color:#1e293b;height:20px;width:20px}@media (max-width:640px){.App{padding:16px}.student-lookup-container{max-width:100%}.card-title{font-size:22px}.card-subtitle{font-size:13px}.search-section{padding:20px}.input-group{flex-direction:column}.search-button{justify-content:center;width:100%}.image-section{min-height:350px;padding:20px}.student-image{height:200px;max-width:190px;width:100%}.image-container{flex-direction:row;gap:12px;height:240px}.nav-arrow{height:36px;width:36px}.nav-arrow svg{height:18px;width:18px}.modal-close{background:#fffffff2;right:10px;top:10px}.roll-number{font-size:14px}.download-button{font-size:13px;padding:9px 18px}}.watermark{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:500;padding:16px 24px;text-align:center}@media (min-width:641px) and (max-width:1024px){.student-image{height:300px;width:300px}}
/*# sourceMappingURL=main.edb8c36f.css.map*/