body{font-family:Poppins,sans-serif;cursor:url(assets/cursor.png) 4 0,auto}.magic-card:hover,a,button{cursor:url(assets/cursor.png) 4 0,pointer}.card-title,h1,h2,h3{font-family:'Cinzel Decorative',cursive;letter-spacing:1px}@keyframes sparkle{0%,100%{opacity:0;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}.magic-text{font-family:'Great Vibes',cursive;font-size:1.4rem;color:#6a32a8}body{background:linear-gradient(to bottom,#a674d4,#7454a8);color:#fff;font-family:'Crimson Pro',serif;overflow-x:hidden;min-height:100vh}body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(white 1px,transparent 1px);background-size:50px 50px;opacity:.3;animation:twinkle 5s infinite linear;z-index:0}@keyframes twinkle{0%,100%{transform:translate(0,0);opacity:.3}50%{transform:translate(-10px,10px);opacity:.5}}header{position:relative;z-index:2}.magic-card{perspective:1000px;cursor:pointer;transition:transform .3s ease;max-width:350px;margin:0 auto}.magic-card:hover{transform:scale(1.05)}.magic-card-inner{position:relative;width:100%;height:450px;text-align:center;transition:transform .6s;transform-style:preserve-3d}.magic-card:hover .magic-card-inner{transform:rotateY(10deg)}.magic-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;border:3px solid #8a4de8;background:linear-gradient(180deg,#fdfaff,#e5d4ff);box-shadow:0 5px 20px rgba(0,0,0,.4),inset 0 0 12px rgba(255,255,255,.4);overflow:hidden}.magic-card-front::after,.magic-card-front::before{content:"✦";position:absolute;font-size:1.2rem;color:#dcbaff}.magic-card-front::before{top:10px;left:10px}.magic-card-front::after{bottom:10px;right:10px}.magic-card-front img{max-height:120px;margin:8rem auto 0;display:block}.magic-card-front h5{font-weight:700;margin:0;background:#8a4de8;color:#fff;position:absolute;bottom:0;width:100%;padding:.7rem;border-top:2px solid #fff;border-radius:0 0 15px 15px}.modal-content{background:linear-gradient(180deg,#fdfaff,#e5d4ff);border:3px solid #8a4de8;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.6),inset 0 0 15px rgba(255,255,255,.6);color:#2b1740;width:400px;height:600px;text-align:center;position:relative;animation:flipIn .6s ease;overflow:hidden}.modal-content::after,.modal-content::before{content:"✦";position:absolute;font-size:1.5rem;color:#dcbaff}.modal-content::before{top:15px;left:15px}.modal-content::after{bottom:15px;right:15px}.modal-content h3{margin-top:1rem;color:#5e3a87;font-weight:700;text-shadow:0 0 6px #c8a6ff;animation:fadeIn .8s ease}.modal-content p{padding:1rem;font-size:1rem}#modal-title{margin-top:auto;padding-top:.5rem;border-top:2px solid #8a4de8;font-weight:700;color:#8a4de8;margin-left:90px;text-align:left}.modal-icon{position:absolute;bottom:20px;left:20px;width:70px;opacity:.25}.close-btn{position:absolute;top:10px;right:15px;background:0 0;border:none;color:#8a4de8;font-size:1.5rem;cursor:pointer}.potion-bar{width:80%;height:20px;border:2px solid #8a4de8;border-radius:10px;margin:10px auto;background:rgba(255,255,255,.3);overflow:hidden}.potion-fill{height:100%;width:0;animation:fillPotion 2s forwards;border-radius:10px}@keyframes fillPotion{from{width:0}to{width:var(--level)}}@keyframes flipIn{from{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lang-toggle{position:fixed;top:15px;right:15px;z-index:2000}.magic-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-bottom:50px}.magic-list.experience{position:relative;padding-left:30px}.magic-list.experience::before{content:"";position:absolute;top:0;left:25px;width:3px;height:100%;background:linear-gradient(to bottom,#c9a4ff,#8a4de8);border-radius:2px;opacity:.6}.magic-item{display:flex;align-items:center;background:#f6edff;border:2px solid #8a4de8;border-radius:25px;padding:8px 12px;box-shadow:0 3px 6px rgba(0,0,0,.1);transition:transform .2s ease;text-decoration:none}.magic-item:hover{transform:scale(1.02);box-shadow:0 0 15px rgba(138,77,232,.4)}.magic-item-circle{width:60px;height:60px;border-radius:50%;margin-right:12px;background:#fff;border:1px solid #dcbaff;object-fit:cover}.magic-item-circle.experience{left:-46px;position:relative}.magic-item-circle{display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:700;color:#5e3a87;background:#fff;border:2px solid #dcbaff;box-shadow:inset 0 0 6px rgba(138,77,232,.2)}.more-spells{background:#ede3ff;border:2px dashed #8a4de8;opacity:.9;font-style:italic;display:flex;align-items:center;border-radius:25px;padding:8px 12px;box-shadow:0 3px 6px rgba(0,0,0,.1);transition:transform .2s ease;text-decoration:none}.magic-footer i{font-size:1.5rem;color:#5e3a87;transition:.3s ease}.magic-footer i:hover{color:#8a4de8;transform:scale(1.2)}.magic-info{text-align:left}.magic-info strong{color:#5e3a87}.magic-info span{font-size:.9rem;color:#3a245e}.magic-footer{text-align:center;margin-top:15px}.magic-footer a{margin:0 8px;font-size:1.4rem;text-decoration:none;transition:.3s ease}.magic-footer a:hover{transform:scale(1.2);filter:drop-shadow(0 0 5px #8a4de8)}.owl-mail-wrapper{position:relative;display:inline-block;margin-top:120px;display:flex;justify-content:center}.owl-mail-btn{background:#f5e8ff;border:2px solid #8a4de8;color:#4a2579;padding:14px 32px;border-radius:40px;font-weight:700;text-decoration:none;font-size:1.1rem;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .4s ease}.owl-mail-btn:hover{background:#dcbaff;box-shadow:0 0 20px rgba(138,77,232,.4)}.owl{position:absolute;top:-80px;left:50%;transform:translateX(-50%);font-size:2rem;opacity:0;width:110px;pointer-events:none}.owl-mail-wrapper:hover .owl{animation:peekOwl 5s ease-in-out forwards}@keyframes peekOwl{0%{top:-30px;opacity:0}10%{top:-55px;opacity:1}80%{top:-55px;opacity:1}100%{top:-30px;opacity:0}}.magic-header{position:relative;text-align:center;color:#fff;padding:5rem 1rem;overflow:hidden;margin-bottom:40px}.magic-header .header-bg{position:absolute;top:50%;left:50%;width:200px;transform:translate(-50%,-50%);opacity:.7;z-index:0;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.magic-header h1,.magic-header p{position:relative;z-index:2}.magic-header h1{font-family:"Cinzel Decorative",serif;font-size:3rem;text-shadow:0 0 10px rgba(255,200,255,.4)}.magic-header p{font-family:"Crimson Pro",serif;font-size:1.2rem;opacity:.9}