body{font-family:Inter,sans-serif;background:#000;color:orange;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px}.header{width:100%;text-align:center;margin:40px 0}.header h1{font-size:3.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #ffa500,0 0 20px #ff7b00}.header p{font-size:1.2rem;opacity:.9}.btn,.add-btn{display:inline-block;padding:12px 24px;margin:15px;border:none;border-radius:8px;font-weight:700;cursor:pointer;color:#000;background:orange;transition:.3s ease-in-out}.btn:hover,.add-btn:hover{background:#ff7b00;color:#fff;box-shadow:0 0 15px #ff7b00}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;width:100%;max-width:1200px;margin-top:30px}.creator-card{background:#111;border:2px solid #ffa500;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;overflow:hidden}.creator-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 25px #ffa50099}.creator-image,.creator-image-large{width:120px;height:120px;max-width:100%;object-fit:cover;border-radius:50%;border:3px solid #ffa500;box-shadow:0 0 10px #ffa50080;margin-bottom:15px}.creator-image-large{width:160px;height:160px;margin-bottom:30px}.creator-name{font-size:1.4rem;font-weight:700;margin-bottom:10px;color:orange}.creator-description{font-size:1rem;color:#ddd;line-height:1.6;margin-bottom:30px}.creator-link,a{color:orange;text-decoration:none;font-weight:700;transition:color .3s}.creator-link:hover,a:hover{color:#ff7b00;text-shadow:0 0 8px #ff7b00}.form-container,.creator-details{background:#111;border:2px solid #ffa500;border-radius:12px;padding:30px;max-width:600px;margin:30px auto;box-shadow:0 0 20px #ffa5004d}.form-container h1{color:orange;margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #ffa500;border-radius:8px;background:#000;color:orange;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff7b00;box-shadow:0 0 10px #ff7b00}.footer{margin-top:50px;font-size:.9rem;opacity:.8}.back-link{margin-top:30px;display:inline-block}.description{margin-bottom:30px}.shooting-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.shooting-star{position:absolute;font-size:1.5rem;color:orange}.star-1{top:15%;left:-50px;animation-delay:0s;animation-duration:2.8s;animation:shooting-star-move-1 2.8s linear infinite}.star-2{top:45%;left:-50px;animation-delay:2.1s;animation-duration:3.7s;animation:shooting-star-move-2 3.7s linear infinite}.star-1{top:15%;left:-50px;animation-delay:0s;animation-duration:2.8s}.star-2{top:45%;left:-50px;animation-delay:2.1s;animation-duration:3.7s}.star-3{top:75%;left:-50px;animation-delay:4.3s;animation-duration:3.2s}@keyframes shooting-star-move-1{0%{transform:translate(-50px) translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 50px)) translateY(30px) rotate(360deg);opacity:0}}@keyframes shooting-star-move-2{0%{transform:translate(-50px) translateY(0) rotate(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(calc(100vw + 50px)) translateY(-25px) rotate(-180deg);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:orange;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.header h1{font-size:3rem;font-weight:700;margin-top:40px;margin-bottom:10px}.header p{font-size:1.2rem;margin-bottom:20px}.btn,.add-btn{display:inline-block;padding:10px 20px;margin:10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;color:#000;background:orange;transition:.3s}.btn:hover,.add-btn:hover{background:#ff7b00;color:#fff}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;max-width:1000px;margin-top:30px}.creator-card{background:#111;border:2px solid #ffa500;border-radius:10px;padding:20px;transition:.3s}.creator-card:hover{background:#222;transform:scale(1.03)}.creator-name{font-size:1.3rem;font-weight:700;margin-bottom:10px}.creator-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 15px;display:block}.creator-description{font-size:1rem;color:orange}a{color:orange;text-decoration:none;font-weight:700}a:hover{color:#ff7b00}.edit-creator{max-width:600px;margin:0 auto;padding:20px}.form-container{background:#111;border:2px solid #ffa500;border-radius:15px;padding:30px;box-shadow:0 8px 25px #ffa50033}.form-container h1{color:orange;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:30px}.creator-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:orange;font-weight:700;font-size:1rem}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid #333;border-radius:8px;background:#222;color:#fff;font-size:1rem;transition:.3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:orange;box-shadow:0 0 10px #ffa5004d}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.form-actions .btn{padding:12px 25px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}.form-actions .btn-primary{background:orange;color:#000;border:none}.form-actions .btn-primary:hover{background:#ff7b00;color:#fff;transform:translateY(-2px)}.form-actions .btn-secondary{background:#333;color:orange;border:2px solid #ffa500}.form-actions .btn-secondary:hover{background:orange;color:#000;transform:translateY(-2px)}.creator-name-container{position:relative;display:inline-block}.stars-around-name{position:absolute;inset:-20px -30px;pointer-events:none}.star{position:absolute;font-size:1.5rem;color:orange;animation:twinkle 3s infinite;z-index:2}.star-1{top:0;left:0;animation-delay:0s}.star-2{top:0;right:0;animation-delay:.5s}.star-3{bottom:0;left:0;animation-delay:1s}.star-4{bottom:0;right:0;animation-delay:1.5s}.star-5{top:50%;left:-15px;animation-delay:2s}.star-6{top:50%;right:-15px;animation-delay:2.5s}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}.creator-header{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.creator-header h1{position:relative;z-index:2}.footer{margin-top:40px;margin-bottom:40px;font-size:.9rem;opacity:.8}
