:root{--primary-orange: #FF8C42;--light-orange: #FFB88C;--dark-orange: #FF6B35;--white: #FFFFFF;--light-bg: #FFF5F0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--white);overflow-x:hidden}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,var(--white) 0%,var(--light-bg) 100%);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.logo-animation{text-align:center}.logo-text{font-size:4rem;font-weight:700;background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoSlide 1.5s ease-in-out}.logo-subtitle{font-size:1.2rem;color:var(--dark-orange);margin-top:10px;opacity:0;animation:fadeInUp 1s ease .5s forwards}@keyframes logoSlide{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.navbar{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #ff8c421a;transition:all .3s ease}.navbar-brand{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link{color:#333!important;font-weight:500;margin:0 10px;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-orange);transition:width .3s ease}.nav-link:hover:after{width:100%}.btn-primary{background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange))!important;border:none!important;padding:10px 30px;border-radius:50px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff8c4266}.hero-section{min-height:100vh;background:linear-gradient(135deg,var(--white) 0%,var(--light-bg) 100%);display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{opacity:0;animation:fadeInUp 1s ease 2s forwards}.hero-title{font-size:3.5rem;font-weight:700;color:#333;margin-bottom:20px;line-height:1.2}.hero-title span{background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:#666;margin-bottom:30px}.hero-image-wrapper{animation:heroImageFloat 3s ease-in-out infinite;position:relative;display:flex;align-items:center;justify-content:center;padding:40px}.hero-main-image{width:100%;max-width:500px;height:auto;transition:transform .5s ease,filter .3s ease;filter:drop-shadow(0 20px 40px rgba(255,140,66,.3));animation:logoGlow 2s ease-in-out infinite}.hero-image-wrapper:hover .hero-main-image{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 25px 50px rgba(255,140,66,.5))}@keyframes heroImageFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 20px 40px rgba(255,140,66,.3))}50%{filter:drop-shadow(0 25px 50px rgba(255,140,66,.6))}}.floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0}.shape{position:absolute;background:var(--light-orange);opacity:.1;border-radius:50%;animation:float 20s infinite ease-in-out}.shape1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape2{width:200px;height:200px;top:60%;right:10%;animation-delay:2s}.shape3{width:150px;height:150px;bottom:10%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(180deg)}}section{padding:100px 0;position:relative}.section-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:20px;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-title.animate{opacity:1;transform:translateY(0)}.section-subtitle{text-align:center;color:#666;margin-bottom:60px;font-size:1.2rem}.service-card{background:var(--white);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 5px 30px #ff8c421a;transition:all .4s ease;opacity:0;transform:translateY(50px);cursor:pointer;position:relative;overflow:hidden}.service-card.animate{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #ff8c4233}.service-icon{font-size:3rem;color:var(--primary-orange);margin-bottom:20px}.service-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#333}.service-description{color:#666;line-height:1.6}.service-details{max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .4s ease;margin-top:0}.service-card.expanded .service-details{max-height:5000px;margin-top:20px}.pricing-info{background:var(--light-bg);padding:20px;border-radius:15px;margin-top:15px}.pricing-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,140,66,.2)}.pricing-row:last-child{border-bottom:none;margin-bottom:0}.pricing-label{font-weight:600;color:#333}.pricing-value{color:var(--dark-orange);font-weight:700}.includes-section{background:#fff;padding:20px;border-radius:10px;margin-top:15px;border:2px solid var(--light-orange)}.includes-title{font-weight:700;color:var(--dark-orange);margin-bottom:15px;font-size:1.1rem}.includes-list{list-style:none;padding:0}.includes-list li{color:#666;position:relative;padding:8px 0 8px 30px}.includes-list li:before{content:"✔";position:absolute;left:0;color:var(--primary-orange);font-weight:700;font-size:1.2rem}.package-card{background:#fff;border:2px solid var(--light-orange);border-radius:15px;padding:25px;margin-bottom:20px;transition:all .3s ease}.package-card:hover{border-color:var(--primary-orange);box-shadow:0 10px 30px #ff8c4233}.package-card.popular{border-color:var(--primary-orange);background:linear-gradient(135deg,var(--light-bg) 0%,var(--white) 100%);position:relative}.popular-badge{position:absolute;top:-15px;right:20px;background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));color:#fff;padding:5px 20px;border-radius:20px;font-size:.9rem;font-weight:700}.package-title{font-size:1.4rem;font-weight:700;color:var(--dark-orange);margin-bottom:15px}.package-price{font-size:2rem;font-weight:700;color:var(--primary-orange);margin-bottom:15px}.package-includes{list-style:none;padding:0;margin-bottom:15px}.package-includes li{color:#666;position:relative;padding:8px 0 8px 30px}.package-includes li:before{content:"✓";position:absolute;left:0;color:var(--primary-orange);font-weight:700;font-size:1.2rem}.package-perfect{background:var(--light-bg);padding:15px;border-radius:10px;font-style:italic;color:#666;font-size:.95rem}.expand-icon{position:absolute;bottom:20px;right:20px;color:var(--primary-orange);font-size:1.2rem;transition:transform .3s ease}.service-card.expanded .expand-icon{transform:rotate(180deg)}.gallery-item{position:relative;overflow:hidden;border-radius:15px;margin-bottom:30px;cursor:pointer;opacity:0;transform:scale(.9);transition:all .5s ease}.gallery-item.animate{opacity:1;transform:scale(1)}.gallery-item img{width:100%;height:300px;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:.9}.gallery-overlay i{color:#fff;font-size:3rem}.contact-form{background:var(--light-bg);padding:50px;border-radius:20px;box-shadow:0 10px 40px #ff8c421a}.form-control{border:2px solid var(--light-orange);border-radius:10px;padding:15px;margin-bottom:20px;transition:all .3s ease}.form-control:focus{border-color:var(--primary-orange);box-shadow:0 0 15px #ff8c4233}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:30px;right:30px;background:#25d366;color:#fff;border-radius:50%;text-align:center;font-size:30px;box-shadow:2px 2px 15px #0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);background:#128c7e;color:#fff}footer{background:linear-gradient(135deg,var(--dark-orange) 0%,var(--primary-orange) 100%);color:#fff;padding:50px 0 20px}.social-icons a{color:#fff;font-size:1.5rem;margin:0 15px;transition:transform .3s ease;display:inline-block}.social-icons a:hover{transform:translateY(-5px)}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--light-bg) 0%,var(--white) 50%,var(--light-bg) 100%);padding:20px}.admin-login-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,140,66,.2);border-radius:24px;padding:48px 40px;max-width:440px;width:100%;box-shadow:0 20px 60px #ff8c4226}.admin-login-card h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:8px;background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-login-card .subtitle{text-align:center;color:#888;margin-bottom:32px;font-size:.95rem}.admin-login-card .form-control{border:2px solid var(--light-orange);border-radius:12px;padding:14px 18px;font-size:1rem}.admin-login-card .btn-primary{width:100%;padding:14px;font-size:1.1rem;border-radius:12px;margin-top:8px}.admin-login-card .error-msg{color:#e74c3c;text-align:center;margin-bottom:16px;font-size:.9rem}.admin-dashboard{min-height:100vh;background:var(--light-bg)}.admin-header{background:linear-gradient(135deg,var(--dark-orange) 0%,var(--primary-orange) 100%);color:#fff;padding:20px 0;box-shadow:0 4px 20px #ff6b354d}.admin-header h1{font-size:1.6rem;font-weight:700;margin:0}.admin-header .btn-outline-light{border-radius:50px;padding:8px 24px;font-weight:600}.admin-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:30px;box-shadow:0 5px 30px #ff8c4214}.admin-section h3{font-weight:700;color:var(--dark-orange);margin-bottom:24px;display:flex;align-items:center;gap:10px}.admin-section h3 i{font-size:1.4rem}.add-link-form{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.add-link-form .form-control{flex:1;min-width:180px;margin-bottom:0;border-radius:12px;padding:12px 16px}.add-link-form .btn-primary{padding:12px 28px;border-radius:12px;white-space:nowrap}.link-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--light-bg);border-radius:14px;margin-bottom:12px;transition:all .3s ease}.link-item:hover{box-shadow:0 4px 20px #ff8c421f}.link-item .link-info{flex:1;min-width:0}.link-item .link-title{font-weight:600;color:#333;margin-bottom:4px}.link-item .link-url{font-size:.85rem;color:#888;word-break:break-all}.link-item .btn-delete{background:none;border:none;color:#e74c3c;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.link-item .btn-delete:hover{background:#e74c3c1a}.empty-state{text-align:center;padding:40px 20px;color:#aaa}.empty-state i{font-size:3rem;margin-bottom:12px;color:var(--light-orange)}.yt-embed-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:15px;margin-bottom:15px;box-shadow:0 5px 30px #ff8c421a}.yt-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:15px}.portfolio-section-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.portfolio-section-header i{font-size:2rem}.portfolio-section-header i.fa-youtube{color:red}.portfolio-section-header i.fa-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-section-header h3{font-size:1.6rem;font-weight:700;color:#333;margin:0}.insta-embed-wrapper{border-radius:15px;overflow:hidden;margin-bottom:15px;box-shadow:0 5px 30px #ff8c421a;background:#fff;min-height:480px}.insta-embed-wrapper iframe{width:100%;min-height:480px;border:none;border-radius:15px}.insta-link-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:15px;margin-bottom:20px;box-shadow:0 5px 30px #ff8c421a;transition:all .3s ease;text-decoration:none;color:inherit}.insta-link-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #ff8c4233;color:inherit}.insta-link-card i{font-size:2.5rem;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.insta-link-card .title{font-weight:600;color:#333}.insta-link-card .url{font-size:.85rem;color:#888}.insta-link-card .description{font-size:.85rem;color:#666;margin-top:4px}.portfolio-empty{text-align:center;padding:80px 20px;color:#999}.portfolio-empty i{font-size:4rem;color:var(--light-orange);margin-bottom:20px;display:block}.portfolio-empty h3{font-size:1.6rem;font-weight:700;color:var(--primary-orange);margin-bottom:12px}.portfolio-empty p{font-size:1.1rem;max-width:500px;margin:0 auto;line-height:1.6}.portfolio-description{font-size:.95rem;color:#666;line-height:1.5}.link-item .link-desc{font-size:.82rem;color:#aaa;margin-top:4px;font-style:italic}.link-actions{display:flex;gap:4px;flex-shrink:0}.btn-edit{background:none;border:none;color:var(--primary-orange);font-size:1.1rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.btn-edit:hover{background:#ff8c421a}.link-item.editing{border:2px solid var(--light-orange);background:#fff}.edit-form{display:flex;flex-direction:column;gap:10px;width:100%}.edit-form .form-control-sm{border:2px solid var(--light-orange);border-radius:10px;padding:10px 14px;font-size:.9rem;margin-bottom:0}.edit-actions{display:flex;gap:8px}.btn-save{background:linear-gradient(45deg,var(--primary-orange),var(--dark-orange));color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save:hover{box-shadow:0 4px 15px #ff8c4266}.btn-cancel{background:#f0f0f0;color:#666;border:none;border-radius:8px;padding:8px 20px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#e0e0e0}@media(max-width:768px){.hero-title,.section-title{font-size:2rem}.logo-text{font-size:2.5rem}.package-card{margin-bottom:25px}.hero-main-image{max-width:300px}.add-link-form{flex-direction:column}.contact-form{padding:30px 20px}}