:root[data-bs-theme=light]{--diy-pink:#FF6EC4;--diy-purple:#A563D1;--diy-lavender:#C590E3;--diy-peach:#FFB6C1;--diy-coral:#FF7F7F;--diy-mint:#00D4AA;--diy-gold:#FFD700;--diy-rose:#FF1493}:root[data-bs-theme=dark]{--diy-pink:#FF2E88;--diy-purple:#A563D1;--diy-lavender:#B579DA;--diy-peach:#FF9FB8;--diy-coral:#FF6B9D;--diy-mint:#00D4AA;--diy-gold:#FFB020;--diy-rose:#FF1493}.diy-hero{background:linear-gradient(135deg,var(--diy-pink) 0,var(--diy-purple) 50%,var(--diy-lavender) 100%);position:relative;overflow:hidden}[data-bs-theme=dark] .diy-hero{background:linear-gradient(135deg,rgba(255,46,136,.3) 0,rgba(165,99,209,.3) 50%,rgba(181,121,218,.3) 100%)}.diy-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,197.3C1248,203,1344,149,1392,122.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-size:cover;background-position:bottom;opacity:.3}.badge.bg-danger.bg-opacity-75,.badge.bg-dark.bg-opacity-75,.badge.bg-info.bg-opacity-75,.badge.bg-primary.bg-opacity-75,.badge.bg-purple.bg-opacity-75,.badge.bg-secondary.bg-opacity-75,.badge.bg-success.bg-opacity-75,.badge.bg-warning.bg-opacity-75{transition:all .3s ease;border:1px solid transparent}.badge.bg-primary.bg-opacity-75:hover{background:var(--diy-purple)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(165,99,209,.4)}.badge.bg-danger.bg-opacity-75:hover{background:var(--diy-pink)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,46,136,.4)}.badge.bg-success.bg-opacity-75:hover{background:var(--diy-mint)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,212,170,.4)}.badge.bg-warning.bg-opacity-75:hover{background:var(--diy-gold)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,176,32,.4)}.badge.bg-info.bg-opacity-75:hover{background:var(--diy-coral)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,157,.4)}.diy-text-gradient{background:linear-gradient(135deg,var(--diy-pink),var(--diy-purple),var(--diy-lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.diy-category-fashion{background:linear-gradient(135deg,var(--diy-pink) 0,var(--diy-coral) 100%);border:none;color:#fff;transition:all .4s ease}.diy-category-fashion:hover{transform:translateY(-10px) rotate(2deg);box-shadow:0 15px 40px rgba(255,110,196,.5)}.diy-category-beauty{background:linear-gradient(135deg,var(--diy-purple) 0,var(--diy-lavender) 100%);border:none;color:#fff;transition:all .4s ease}.diy-category-beauty:hover{transform:translateY(-10px) rotate(-2deg);box-shadow:0 15px 40px rgba(165,99,209,.5)}.diy-category-selfcare{background:linear-gradient(135deg,var(--diy-peach) 0,var(--diy-rose) 100%);border:none;color:#fff;transition:all .4s ease}.diy-category-selfcare:hover{transform:translateY(-10px) rotate(2deg);box-shadow:0 15px 40px rgba(255,20,147,.5)}.diy-category-icon{font-size:3.5rem;margin-bottom:1.5rem;transition:all .4s ease;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .2))}.diy-category-beauty:hover .diy-category-icon,.diy-category-fashion:hover .diy-category-icon,.diy-category-selfcare:hover .diy-category-icon{transform:scale(1.2) rotate(360deg);filter:drop-shadow(0 8px 16px rgba(0, 0, 0, .4))}.diy-playlist-card{background:var(--surface);border:2px solid transparent;border-radius:1rem;overflow:hidden;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);position:relative}.diy-playlist-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--diy-pink),var(--diy-purple));opacity:0;transition:opacity .4s ease;z-index:0;border-radius:1rem}.diy-playlist-card:hover::before{opacity:.1}.diy-playlist-card:hover{transform:translateY(-12px);border-color:var(--diy-pink);box-shadow:0 20px 50px rgba(255,46,136,.3)}[data-bs-theme=dark] .diy-playlist-card:hover{box-shadow:0 20px 50px rgba(255,46,136,.5),0 0 30px rgba(165,99,209,.3)}.diy-playlist-card .card-body,.diy-playlist-card .card-footer{position:relative;z-index:1}.badge-diy-fashion{background:linear-gradient(135deg,var(--diy-pink),var(--diy-coral));color:#fff;border:none;font-weight:600}.badge-diy-fashion.active,.badge-diy-fashion:focus,.badge-diy-fashion:hover{background:linear-gradient(135deg,var(--diy-purple),var(--diy-pink));color:#fff!important;box-shadow:0 4px 12px rgba(165,99,209,.4)}.badge-diy-beauty{background:linear-gradient(135deg,var(--diy-purple),var(--diy-lavender));color:#fff;border:none;font-weight:600}.badge-diy-beauty.active,.badge-diy-beauty:focus,.badge-diy-beauty:hover{background:linear-gradient(135deg,var(--diy-pink),var(--diy-purple));color:#fff!important}.badge-diy-hair{background:linear-gradient(135deg,var(--diy-gold),var(--diy-peach));color:#fff;border:none;font-weight:600}.badge-diy-hair.active,.badge-diy-hair:focus,.badge-diy-hair:hover{background:linear-gradient(135deg,var(--diy-coral),var(--diy-gold));color:#fff!important}.badge-diy-nails{background:linear-gradient(135deg,var(--diy-rose),var(--diy-pink));color:#fff;border:none;font-weight:600}.badge-diy-nails.active,.badge-diy-nails:focus,.badge-diy-nails:hover{background:linear-gradient(135deg,var(--diy-purple),var(--diy-rose));color:#fff!important}.badge-diy-selfcare{background:linear-gradient(135deg,var(--diy-mint),var(--diy-lavender));color:#fff;border:none;font-weight:600}.badge-diy-selfcare.active,.badge-diy-selfcare:focus,.badge-diy-selfcare:hover{background:linear-gradient(135deg,var(--diy-coral),var(--diy-mint));color:#fff!important}.tag-badge,button.badge{transition:all .3s ease;border:2px solid transparent}.tag-badge:focus,.tag-badge:hover,button.badge:focus,button.badge:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3)}.tag-badge.active,button.badge.active{border-color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.2)!important;color:#fff!important}.btn-diy-primary{background:linear-gradient(135deg,var(--diy-pink),var(--diy-purple));border:none;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:2rem;transition:all .3s ease;position:relative;overflow:hidden}.btn-diy-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-diy-primary:hover::before{left:100%}.btn-diy-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,46,136,.4)}.btn-diy-secondary{background:linear-gradient(135deg,var(--diy-lavender),var(--diy-mint));border:none;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:2rem;transition:all .3s ease}.btn-diy-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(165,99,209,.4)}.diy-section-alt{background:linear-gradient(180deg,var(--background) 0,rgba(255,110,196,.05) 50%,var(--background) 100%)}[data-bs-theme=dark] .diy-section-alt{background:linear-gradient(180deg,var(--background) 0,rgba(255,46,136,.1) 50%,var(--background) 100%)}@keyframes sparkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.diy-sparkle{animation:sparkle 2s ease-in-out infinite}.diy-loading{display:inline-block;width:80px;height:80px}.diy-loading:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid var(--diy-pink);border-color:var(--diy-pink) transparent var(--diy-purple) transparent;animation:diy-loading-spin 1.2s linear infinite}@keyframes diy-loading-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.diy-video-overlay{position:relative;overflow:hidden;border-radius:.5rem}.diy-video-overlay::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;opacity:0;transition:all .4s ease;text-shadow:0 4px 20px rgba(0,0,0,.5);pointer-events:none;z-index:10}.diy-video-overlay:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.diy-text-gradient{background:linear-gradient(135deg,var(--diy-pink),var(--diy-purple),var(--diy-lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.diy-heart{color:var(--diy-rose);transition:all .3s ease}.diy-heart:hover{transform:scale(1.3);filter:drop-shadow(0 0 10px var(--diy-rose));animation:heartbeat 1s ease-in-out}@keyframes heartbeat{0%,100%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.3)}}.diy-scissors{transition:all .3s ease}.diy-scissors:hover{transform:rotate(45deg) scale(1.2);color:var(--diy-pink)}.diy-palette{transition:all .3s ease}.diy-palette:hover{transform:rotate(-15deg) scale(1.2);filter:drop-shadow(0 0 15px var(--diy-purple))}.diy-page-transition{transition:background-color .5s ease,color .5s ease}.diy-video-card{transition:transform .3s ease,box-shadow .3s ease;border-radius:.75rem;overflow:hidden;background:var(--surface)}.diy-video-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(255,46,136,.3)}[data-bs-theme=dark] .diy-video-card:hover{box-shadow:0 6px 12px rgba(255,46,136,.5)}.diy-video-card .card-img-top{transition:transform .3s ease;height:200px;object-fit:cover}.diy-video-card:hover .card-img-top{transform:scale(1.05)}.play-overlay{opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.diy-video-card:hover .play-overlay{opacity:1}.diy-video-card .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.6em}.diy-community-card{background:linear-gradient(135deg,rgba(255,110,196,.1) 0,rgba(165,99,209,.1) 100%);border:2px solid var(--diy-pink);border-radius:1rem;padding:2rem;transition:all .4s ease}[data-bs-theme=dark] .diy-community-card{background:linear-gradient(135deg,rgba(255,46,136,.2) 0,rgba(165,99,209,.2) 100%);border-color:var(--diy-pink)}.diy-community-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(255,46,136,.3);border-color:var(--diy-purple)}