:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--bg-dark:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#ec489926 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,sans-serif}.hero-section{text-align:center;padding:6rem 0 4rem}.hero-title{background:linear-gradient(135deg,#818cf8 0%,#e879f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-muted);max-width:800px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:1rem;height:100%;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.feature-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:3rem;display:flex}.btn-custom{background:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-custom:hover{background:var(--primary-hover);color:#fff;transform:scale(1.05)}.btn-outline-custom{color:var(--text-main);background:0 0;border:1px solid #fff3;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-outline-custom:hover{color:#fff;background:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}.delay-1{opacity:0;animation-delay:.2s}.delay-2{opacity:0;animation-delay:.4s}.delay-3{opacity:0;animation-delay:.6s}.btn-sm-custom{background:var(--primary);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-sm-custom:hover{background:var(--primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.section-divider{border-color:#ffffff1a;margin:4rem 0}.caderno-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-column:column;border:1px solid #ffffff1a;border-radius:1rem;justify-content:space-between;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative}.caderno-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 30px -10px #0009}.caderno-card.is-favorite{background:linear-gradient(135deg,#1e293bd9 0%,#3b2b1466 100%);border-color:#fbbf2499;box-shadow:0 0 20px #f59e0b33}.caderno-badge-favorite{color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-favorite{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:1.15rem;transition:all .2s;display:inline-flex}.btn-favorite:hover{color:#fbbf24;border-color:#fbbf24;transform:scale(1.1)}.btn-favorite.active{color:#fbbf24;background:#f59e0b33;border-color:#fbbf24}.btn-favorite:disabled{opacity:.6;cursor:not-allowed}.search-input-wrapper{max-width:450px;margin:0 auto 2rem}.search-input{color:#f8fafc;background:#0f172ab3;border:1px solid #ffffff26;border-radius:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f140}.search-input::placeholder{color:#64748b}.home-toast{z-index:1050;color:#f8fafc;background:#1e293b;border:1px solid #ffffff26;border-radius:.75rem;padding:1rem 1.5rem;animation:.3s fadeIn;position:fixed;bottom:2rem;right:2rem;box-shadow:0 20px 25px -5px #00000080}