body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:#eee;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#222;#animation:fadeIn 1.2s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{background:#fffc;padding:40px;border-radius:20px;width:450px;text-align:center;box-shadow:0 8px 25px #0003;backdrop-filter:blur(8px);#animation:fadeIn 1s ease-in-out}.logo{width:220px;margin-bottom:20px;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}h1{margin-bottom:15px}.links a{display:block;background:#ff8c00;padding:12px;border-radius:10px;margin:10px 0;font-size:1.2rem;text-decoration:none;color:#fff;box-shadow:0 3px 12px #0003;transition:.3s}.links a:hover{background:#d97706;transform:translateY(-3px)}.search-box{margin-top:25px}.search-box input[type="text"]{width:75%;padding:10px;border-radius:10px;border:2px solid #ff8c00;font-size:1rem;outline:none;transition:.3s}.search-box input[type="text"]:focus{box-shadow:0 0 10px #ff8c00}.search-box button{padding:10px 15px;border:none;background:#ff8c00;color:#fff;border-radius:10px;cursor:pointer;margin-left:5px;transition:.3s}.search-box button:hover{background:#d97706}hr{margin:30px 0;border:0;height:1px;background:#ccc}.round-image{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid #f2f2f2;box-shadow:0 4px 8px #0003}