.app{min-height:100vh;padding:1.5rem;background:radial-gradient(circle at top,#1c1f3b,#050712 60%,#000);color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logo{font-size:2.3rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ff9800;text-shadow:0 0 6px rgba(0,0,0,.7)}.logo-ball{margin-right:.4rem}.header p{margin:.2rem 0;opacity:.85}.student-id{font-size:.9rem;opacity:.7}.search-form.vertical{display:flex;flex-direction:column;gap:.75rem;max-width:900px;margin:0 auto 1.5rem;background:#090a1ee6;padding:.75rem 1rem;border-radius:1rem;border:1px solid rgba(255,152,0,.4)}.form-row{display:flex;flex-wrap:wrap;gap:.75rem}.form-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;min-width:160px}.search-form input,.search-form select{padding:.4rem .6rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:#030414e6;color:#f5f5f5}.search-form input::placeholder{color:#ffffff80}.form-row.buttons{justify-content:flex-end}.search-form button{padding:1rem 1.2rem;border-radius:999px;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#ff9800;color:#111;box-shadow:0 3px 10px #0009}.search-form button:nth-child(2){background:#ff9800}.status{text-align:center;margin:1rem 0;font-size:.95rem}.status.error{color:#ff6b6b}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center}.card{width:260px;max-width:100%;border-radius:1.2rem;overflow:hidden;background:#2b2f36;box-shadow:0 10px 24px #000000b3;border:2px solid rgba(255,152,0,.7);display:flex;flex-direction:column;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #000000e6;border-color:#ffeb3b}.card-image-wrapper{background:radial-gradient(circle at center,#ffeb3b,#ff9800)}.card-image{width:100%;height:230px;object-fit:cover}.card-content{padding:.75rem 1rem 1rem}.card-title{margin:0 0 .35rem;font-size:1.2rem;color:#ffeb3b}.description{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.power-block{background:#ff98001f;border-radius:.6rem;padding:.4rem .5rem;margin-bottom:.5rem;font-size:.85rem}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .5rem;font-size:.85rem;margin-bottom:.4rem}.origin{font-size:.85rem;opacity:.9}.card-top{background:linear-gradient(135deg,#f5f5f5,#e3e3e3);padding:.5rem;display:flex;align-items:flex-end;justify-content:center;height:230px}.card-image{max-height:210px;width:auto;object-fit:contain}.card-bottom{background:#2b2f36;padding:.75rem .9rem .9rem}.card-name{margin:0 0 .15rem;font-size:1.15rem;font-weight:800;color:#fff}.card-subtitle{margin:0 0 .55rem;font-size:.9rem;font-weight:600;color:#ffb300}.card-stats p{display:flex;justify-content:space-between;margin:.12rem 0;font-size:.85rem}.card-stats .label{color:#f5f5f5}.card-stats .value{color:#ffeb3b;font-weight:600;text-align:right;margin-left:.5rem}.header img{height:90px;width:auto}.title-row{display:inline-flex;align-items:center;gap:.6rem}.header{text-align:center;margin-bottom:1.5rem}*,*:before,*:after{box-sizing:border-box}