:root{--primary:#d4af37;--secondary:#c5a028;--accent:#b8860b;--bg-dark:#050505;--bg-card:#14141499;--text-light:#fff;--text-muted:#b0b0b0;--glow:#d4af3766;--glass:#ffffff08;--error:#ff3b3b;--transition:all .5s cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-dark);color:var(--text-light);min-height:100vh;position:relative;overflow-x:hidden}.bg-vivid{z-index:-1;background:radial-gradient(circle at 20% 30%,#1a1505 0%,#050505 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-vivid:after{content:"";background:radial-gradient(circle,#0000 30%,#d4af370d 70%,#0000 100%);width:200%;height:200%;animation:30s linear infinite rotateBg;position:absolute;top:-50%;left:-50%}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{flex-direction:column;align-items:center;gap:5rem;max-width:1400px;margin:0 auto;padding:4rem 2rem;display:flex}.hero{text-align:center;animation:1.2s ease-out fadeInUp}.logo-container{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.bull-logo{width:auto;max-width:480px;transition:var(--transition);background:#fff;border:2px solid #d4af374d;border-radius:32px;justify-content:center;align-items:center;padding:2.5rem;animation:6s ease-in-out infinite logoPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #d4af3733,inset 0 0 20px #d4af371a}.bull-logo:before{content:"";background:linear-gradient(45deg,#0000 45%,#d4af371a 50%,#0000 55%);width:300%;height:300%;animation:8s infinite shine;position:absolute;top:-100%;left:-100%}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 0 60px #d4af3733}50%{transform:scale(1.02);box-shadow:0 0 80px #d4af374d}}@keyframes shine{0%{transform:translate(-100%,-100%)rotate(45deg)}20%,to{transform:translate(100%,100%)rotate(45deg)}}.bull-logo:hover{border-color:var(--primary);transform:translateY(-5px)scale(1.03);box-shadow:0 20px 100px #d4af3766}.bull-logo img{filter:drop-shadow(0 5px 15px #0000001a);width:100%;height:auto;display:block}.subtitle{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(90deg,#b0b0b0,#fff,#b0b0b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:300;animation:2s ease-out fadeIn}.content{width:100%;animation:1.5s ease-out fadeInUp}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;width:100%;padding:2rem;display:grid}.project-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:var(--text-light);transition:var(--transition);border:1px solid #d4af371a;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:3.5rem 2rem;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-card:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#d4af371a 0%,#0000 100%);position:absolute;inset:0}.project-card h3{color:var(--primary);letter-spacing:.05em;z-index:2;transition:var(--transition);font-size:1.8rem;font-weight:600;position:relative}.project-card:hover{border-color:var(--primary);transform:translateY(-15px)scale(1.02);box-shadow:0 25px 60px #d4af3726}.project-card:hover:before{opacity:1}.project-card:hover h3{color:#fff;transform:scale(1.05)}.settings-btn{color:var(--primary);cursor:pointer;width:65px;height:65px;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffff0d;border:1px solid #d4af3733;border-radius:20px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:3rem;right:3rem}.settings-btn:hover{background:var(--primary);color:var(--bg-dark);box-shadow:0 0 40px var(--glow);transform:rotate(180deg)scale(1.1)}.modal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;opacity:1;visibility:visible;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s;display:flex;position:fixed;top:0;left:0}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{text-align:center;background:linear-gradient(145deg,#151515,#0a0a0a);border:1px solid #d4af3733;border-radius:40px;width:95%;max-width:550px;padding:4rem;position:relative;box-shadow:0 30px 100px #000c}.modal-content h2{color:var(--primary);margin-bottom:2.5rem;font-size:2rem;font-weight:700}input{color:#fff;width:100%;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;outline:none;margin-bottom:1.5rem;padding:1.25rem 1.5rem;font-size:1.1rem}input:focus{border-color:var(--primary);background:#d4af370d;box-shadow:0 0 20px #d4af371a}.primary-btn{background:linear-gradient(45deg, var(--accent), var(--primary));width:100%;color:var(--bg-dark);cursor:pointer;transition:var(--transition);border:none;border-radius:16px;padding:1.25rem;font-size:1.1rem;font-weight:700}.primary-btn:hover{box-shadow:0 15px 40px var(--glow);filter:brightness(1.1);transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hidden{display:none!important}.manage-list{max-height:400px;margin-top:3rem;padding-right:10px;overflow-y:auto}.manage-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem;display:flex}.delete-btn{color:#ff3b3b;cursor:pointer;transition:var(--transition);background:#ff3b3b1a;border:1px solid #ff3b3b33;border-radius:12px;padding:.75rem 1.25rem;font-weight:600}.delete-btn:hover{color:#fff;background:#ff3b3b;box-shadow:0 0 20px #ff3b3b4d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.bull-logo{max-width:280px;padding:1.5rem}.subtitle{font-size:1.1rem}#app{gap:3rem;padding:3rem 1rem}.project-grid{gap:2rem;padding:1rem}.modal-content{padding:2.5rem 1.5rem}}