:root{font-family:Inter,system-ui,sans-serif;background-color:#0f172a;color:#f8fafc}body{margin:0;display:flex;justify-content:center;min-height:100vh}.app-container{width:100%;max-width:550px;padding:20px;display:flex;flex-direction:column}.header{display:flex;align-items:center;background:linear-gradient(90deg,#6366f1,#a855f7);padding:20px;border-radius:12px;color:#fff;margin-bottom:30px;box-shadow:0 4px 20px #6366f14d}.header-emoji{font-size:2rem;margin-right:15px}.header-title{margin:0;font-size:1.4rem;font-weight:700}.header-subtitle{margin:0 0 0 auto;font-size:.85rem;opacity:.8}.form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.input-group{display:flex;gap:10px}.form-input{width:100%;padding:12px;border-radius:8px;border:1px solid #334155;background-color:#1e293b;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#818cf8}.form-button{padding:14px;border-radius:8px;border:none;background-color:#10b981;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.form-button:hover{background-color:#059669}.meme-wrapper{position:relative;display:flex;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;background-color:#1e293b}.meme-image{max-width:100%;max-height:450px;object-fit:contain}.meme-text{position:absolute;width:80%;text-align:center;left:50%;transform:translate(-50%);margin:15px 0;padding:0 5px;font-family:Impact,Arial Black,sans-serif;font-size:2rem;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 0 0 #000,-2px 0 0 #000}.top{top:0}.bottom{bottom:0}.footer{margin-top:auto;padding-top:40px;text-align:center;font-size:.9rem;color:#64748b}.student-name{color:#f43f5e;font-weight:700}