body { font-family: 'Montserrat', sans-serif; background: linear-gradient(-45deg,#0a0a15,#0d1b2a,#1e3a8a,#0a0a15); background-size:400% 400%; animation:gradientBG 20s ease infinite; color:#fff; margin:0; padding:50px; overflow-x:hidden; }
@keyframes gradientBG {0% {background-position:0% 50%;} 50% {background-position:100% 50%;} 100% {background-position:0% 50%;}}
h1 { text-align:center;margin-bottom:40px;color:#3ab4ff; }
.vouches { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.vouch { background:rgba(255,255,255,0.07); border:1px solid rgba(58,180,255,0.2); border-radius:15px; padding:20px; width:300px; text-align:left; transition:transform 0.3s,box-shadow 0.3s; cursor:pointer;}
.vouch:hover { transform:translateY(-10px) scale(1.02); box-shadow:0 0 25px rgba(58,180,255,0.6);}
.vouch p { font-size:16px; margin-bottom:10px; color:#ccc; }
.vouch .author { font-size:14px; color:#3ab4ff; font-weight:bold; }
.stars { color:#FFD700; margin-bottom:10px; }
.add-btn { position:fixed; top:20px; right:20px; background:#3ab4ff; border:none; border-radius:50%; width:60px; height:60px; font-size:32px; font-weight:bold; color:#fff; cursor:pointer; box-shadow:0 0 20px rgba(58,180,255,0.6); transition:transform 0.3s,box-shadow 0.3s;}
.add-btn:hover { transform:rotate(90deg) scale(1.1); box-shadow:0 0 30px rgba(58,180,255,1); }
.panel { position:fixed; top:0; right:-100%; width:400px; height:100%; background:linear-gradient(145deg,#0a1f3f,#134b9d); box-shadow:-5px 0 30px rgba(0,0,0,0.5); padding:30px; transition:right 0.5s ease; z-index:1000; display:flex; flex-direction:column; gap:15px; }
.panel.active { right:0; }
.panel h2 { margin:0 0 20px; color:#3ab4ff; text-align:center; }
.panel input, .panel textarea { width:100%; padding:10px; border:none; border-radius:8px; background:rgba(255,255,255,0.1); color:#fff; font-size:14px; outline:none; transition:background 0.3s,box-shadow 0.3s; }
.panel input:focus, .panel textarea:focus { background:rgba(255,255,255,0.2); box-shadow:0 0 10px rgba(58,180,255,0.8); }
.panel button { padding:12px; border:none; border-radius:10px; background:#3ab4ff; color:#fff; font-size:16px; cursor:pointer; transition:transform 0.3s,background 0.3s; }
.panel button:hover { transform:scale(1.05); background:#1d8adb; }
.error { color:#ff6b6b; font-size:14px; text-align:center; }
.success { color:#4fff8f; font-size:14px; text-align:center; }