:root{--background: #000000;--card-background: #111111;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--accent-color: #00e676;--accent-hover: #00c853;--pdf-icon: #f44336;--border-color: #222222;--shadow-color: rgba(0, 0, 0, .4)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background);color:var(--text-primary);margin:0;padding:0;display:flex;flex-direction:column;align-items:center}header{background-color:var(--card-background);color:var(--text-primary);padding:2rem;width:100%;text-align:center;box-shadow:0 4px 10px var(--shadow-color);margin-bottom:2rem}h1{margin:0;font-weight:300;letter-spacing:1px}.pdf-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1.5rem;max-width:1200px;width:100%}.pdf-card{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;width:250px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border:1px solid var(--border-color);text-decoration:none;color:inherit;position:relative}.pdf-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;box-shadow:inset 0 0 10px #0003;transition:transform .3s ease,opacity .3s ease;opacity:0}.pdf-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-color)}.pdf-card:hover:before{opacity:1;transform:scale(1.05)}.pdf-card-icon{font-size:3.5rem;color:var(--pdf-icon);margin-bottom:.75rem;transition:transform .3s ease}.pdf-card:hover .pdf-card-icon{transform:scale(1.1)}.pdf-card-title{font-size:1rem;font-weight:400;margin:0;color:var(--text-primary);text-align:center;word-break:break-all;padding:0 .5rem}.pdf-container p{color:var(--text-secondary);font-size:1.2rem;text-align:center}