body{margin:0;font-family:Arial;background:linear-gradient(135deg,#0f4c81,#4ea3ff);color:#fff}
.container{max-width:1100px;margin:auto;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;color:#123;border-radius:16px;padding:20px;text-decoration:none;transition:.2s}.card:hover{transform:translateY(-6px)}
input{width:100%;padding:10px;border-radius:8px;border:none;margin:20px 0}.file{background:#fff;color:#123;padding:10px;margin:8px 0;border-radius:8px;display:flex;justify-content:space-between}iframe{width:100%;height:80vh;border:none}