.reels-carousel{position:static!important;width:100%!important;height:auto!important;transform:none!important;perspective:none!important}.carousel-track{position:static!important;width:100%!important;height:auto!important;display:flex!important;transform:none!important;perspective:none!important;transform-style:flat!important}.reel-card{position:static!important;width:auto!important;height:auto!important;transform:none!important;transform-style:flat!important;backface-visibility:visible!important}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--token-5122daf9-ab31-43ab-bbf4-0201196f4efe: rgb(255, 255, 255);--token-ff0f9235-e262-43fc-9cc6-02e113e6a486: rgb(0, 0, 0);--token-0f07f556-9e14-491d-9aef-f342061eaaa0: rgb(20, 20, 20);--token-46103156-4e43-4976-89f4-cd011844ca33: rgb(28, 28, 28);--token-5cda19d4-7efa-4b63-b7e4-17b25f40e63f: rgb(202, 232, 189);--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379: rgba(255, 255, 255, .5);--token-534356b4-1a9b-444d-82a0-f898bbe1568e: rgba(255, 255, 255, .1)}@media (prefers-color-scheme: dark){:root{--token-5122daf9-ab31-43ab-bbf4-0201196f4efe: rgb(255, 255, 255);--token-ff0f9235-e262-43fc-9cc6-02e113e6a486: rgb(13, 13, 13);--token-0f07f556-9e14-491d-9aef-f342061eaaa0: rgb(23, 23, 23);--token-46103156-4e43-4976-89f4-cd011844ca33: rgb(28, 28, 28);--token-534356b4-1a9b-444d-82a0-f898bbe1568e: rgba(255, 255, 255, .05)}}html,body{margin:0;scroll-behavior:smooth;padding:0;box-sizing:border-box;background:radial-gradient(50% 50% at 50% 0%,var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, #151515) 0%,var(--token-ff0f9235-e262-43fc-9cc6-02e113e6a486, rgb(0, 0, 0)) 100%);color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);font-family:Outfit,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:Outfit,Arial,sans-serif;font-weight:600;line-height:1.2;margin:0}p,span,div,a,button,input,textarea,label{font-family:Space Grotesk,Arial,sans-serif}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1;animation:grain 12s steps(15) infinite}*{box-sizing:border-box;-webkit-font-smoothing:inherit}.container{width:min(1100px,100% - 2 * 32px);margin-inline:auto}.top-pill{display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;border:none;border-radius:0;width:min-content;margin:40px auto 0;overflow:visible;position:relative;will-change:transform;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;z-index:10}.top-pill .logo{height:120px;width:auto;object-fit:contain;filter:brightness(0) invert(1);filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(255,255,255,.3));transition:all .3s ease}.top-pill:hover .logo{filter:drop-shadow(0 0 25px rgba(255,255,255,.6)) drop-shadow(0 0 50px rgba(255,255,255,.4));transform:scale(1.05)}.chips{display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;margin-top:-80px;margin-bottom:20px}.chips-row{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-family:Space Grotesk,Arial,sans-serif;font-size:14px;font-weight:500;color:#fffc;transition:all .3s ease;will-change:transform,opacity;animation:chipFade 3s ease-in-out infinite;text-decoration:none;cursor:pointer}.chip:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-2px);color:#fff;animation-play-state:paused}.chips-row:nth-child(1) .chip:nth-child(1){animation-delay:0s}.chips-row:nth-child(1) .chip:nth-child(2){animation-delay:.2s}.chips-row:nth-child(1) .chip:nth-child(3){animation-delay:.4s}.chips-row:nth-child(1) .chip:nth-child(4){animation-delay:.6s}.chips-row:nth-child(2) .chip:nth-child(1){animation-delay:.8s}.chips-row:nth-child(2) .chip:nth-child(2){animation-delay:1s}.chips-row:nth-child(2) .chip:nth-child(3){animation-delay:1.2s}.chips-row:nth-child(2) .chip:nth-child(4){animation-delay:1.4s}@keyframes chipFade{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.category-header{text-align:center;margin-bottom:48px}.category-header h1{font-size:48px;font-weight:600;margin-bottom:16px;color:#fff}.category-description{font-size:18px;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}.portfolio-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.portfolio-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.portfolio-placeholder h3{font-size:24px;color:#fff;margin-bottom:16px}.portfolio-placeholder p{color:#fff9;font-size:16px}.back-nav{text-align:center;margin-top:48px;margin-bottom:64px}.contact-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.contact-form-container{background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff9;font-size:32px;cursor:pointer;transition:color .2s ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.contact-close:hover{color:#fff}.contact-header{text-align:center;margin-bottom:32px}.contact-header h2{font-size:32px;font-weight:600;color:#fff;margin-bottom:8px}.contact-header p{color:#ffffffb3;font-size:16px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ffffffe6;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d4af3780;background:#ffffff14;box-shadow:0 0 0 3px #d4af371a}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group select option{background:#1a1a1a;color:#fff}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}.btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;color:#fff}.form-status{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;text-align:center}.form-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}@media (max-width: 768px){.contact-form-container{padding:24px;margin:10px}.form-row{grid-template-columns:1fr}.contact-header h2{font-size:24px}.form-actions{flex-direction:column-reverse}}.hero{background:transparent;padding:0 16px 80px;text-align:center;position:relative;overflow:visible;margin-top:0}.floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;perspective:1000px}.floating-icon{position:absolute;color:#ffffff26;opacity:.6;filter:blur(.5px);transition:all .3s ease;animation:float3D 6s ease-in-out infinite;transform-style:preserve-3d}.floating-icon svg{width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(255,255,255,.1));transform-style:preserve-3d}.icon-camera{top:15%;left:10%;animation-delay:0s;animation-duration:8s;transform:rotateX(15deg) rotateY(-10deg)}.icon-video{top:25%;right:15%;animation-delay:1s;animation-duration:7s;transform:rotateX(-20deg) rotateY(15deg)}.icon-scissors{top:60%;left:8%;animation-delay:2s;animation-duration:9s;transform:rotateX(25deg) rotateY(-5deg)}.icon-film{top:70%;right:12%;animation-delay:3s;animation-duration:6s;transform:rotateX(-15deg) rotateY(20deg)}.icon-play{top:40%;left:20%;animation-delay:4s;animation-duration:8.5s;transform:rotateX(10deg) rotateY(-15deg)}.icon-settings{top:50%;right:25%;animation-delay:5s;animation-duration:7.5s;transform:rotateX(-25deg) rotateY(10deg)}@keyframes float3D{0%,to{transform:translateY(0) translateZ(0) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg)) rotate(0);opacity:.6}25%{transform:translateY(-10px) translateZ(5px) rotateX(calc(var(--rotate-x, 0deg) + 5deg)) rotateY(calc(var(--rotate-y, 0deg) + 3deg)) rotate(2deg);opacity:.8}50%{transform:translateY(-5px) translateZ(10px) rotateX(calc(var(--rotate-x, 0deg) - 2deg)) rotateY(calc(var(--rotate-y, 0deg) - 1deg)) rotate(-1deg);opacity:.7}75%{transform:translateY(-15px) translateZ(15px) rotateX(calc(var(--rotate-x, 0deg) + 8deg)) rotateY(calc(var(--rotate-y, 0deg) + 5deg)) rotate(3deg);opacity:.9}}.floating-icon:hover{opacity:.9;filter:blur(0px);transform:scale(1.1) translateZ(20px) rotateX(calc(var(--rotate-x, 0deg) + 10deg)) rotateY(calc(var(--rotate-y, 0deg) + 10deg));color:#ffffff40}.floating-icon:hover svg{filter:drop-shadow(0 0 12px rgba(255,255,255,.2))}.icon-camera,.icon-video{filter:blur(.3px);--rotate-x: 15deg;--rotate-y: -10deg}.icon-camera{--rotate-x: 15deg;--rotate-y: -10deg}.icon-video{--rotate-x: -20deg;--rotate-y: 15deg}.icon-scissors,.icon-film{filter:blur(.7px)}.icon-scissors{--rotate-x: 25deg;--rotate-y: -5deg}.icon-film{--rotate-x: -15deg;--rotate-y: 20deg}.icon-play,.icon-settings{filter:blur(1px)}.icon-play{--rotate-x: 10deg;--rotate-y: -15deg}.icon-settings{--rotate-x: -25deg;--rotate-y: 10deg}.hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:1}.hero-content{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center}.hero h1{font-family:Outfit,Arial,sans-serif;font-size:64px;font-weight:600;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}.hero h1 .glow-text{color:#fff;filter:drop-shadow(0 0 15px rgba(212,175,55,.3)) drop-shadow(0 0 30px rgba(184,134,11,.2)) drop-shadow(0 0 45px rgba(153,101,21,.1));animation:textGlow 4s ease-in-out infinite alternate}@keyframes textGlow{0%{filter:drop-shadow(0 0 15px rgba(212,175,55,.3)) drop-shadow(0 0 30px rgba(184,134,11,.2)) drop-shadow(0 0 45px rgba(153,101,21,.1))}to{filter:drop-shadow(0 0 25px rgba(212,175,55,.4)) drop-shadow(0 0 40px rgba(184,134,11,.25)) drop-shadow(0 0 55px rgba(153,101,21,.15))}}.hero .sub{font-family:Space Grotesk,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.5;opacity:.8;max-width:600px;margin:0 auto 16px}.ctas{display:flex;align-items:center;gap:16px;justify-content:center;overflow:visible;padding:0;position:relative;width:100%}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:40px;text-decoration:none;font-family:Space Grotesk,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, rgb(255, 255, 255));will-change:transform,filter,box-shadow;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 0 10px #ffffff0d}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:1}.btn:hover:before{left:100%}.btn:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.0' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay}.btn span{position:relative;z-index:2;transition:all .3s ease}.btn:hover span{transform:translateY(-1px);filter:blur(.5px)}.btn-primary{background:linear-gradient(135deg,#d4af37,#b8860b,#996515,#d4af37,#b8860b);color:var(--token-ff0f9235-e262-43fc-9cc6-02e113e6a486, rgb(0, 0, 0));border:1px solid rgba(212,175,55,.9);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 0 0 1px #d4af3766,0 2px 8px #b8860b4d,0 4px 16px #d4af3733,0 8px 32px #b8860b1a;position:relative;overflow:hidden}.btn-primary:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:soft-light}.btn:hover{transform:scale(.95) translateY(-2px);box-shadow:0 0 0 1px #fff3,0 0 15px #fff3,0 0 30px #ffffff1a,0 8px 25px #0000004d;filter:brightness(1.1)}.btn-primary:hover{box-shadow:0 0 0 1px #ffd7004d,0 0 15px #ffd70033,0 0 30px #ffd7001a,0 0 45px #ffd7000d,0 8px 25px #ffd7001a;filter:brightness(1.1) contrast(1.05)}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.btn:hover:after{opacity:1}.section{padding:240px 16px 0;display:flex;flex-direction:column;gap:120px;align-items:center;justify-content:flex-start;overflow:hidden;position:relative;width:100%;z-index:5}.section-content{max-width:840px;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:flex-start;overflow:visible;padding:0;position:relative;width:100%;z-index:5}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:40px}.section-title{font-family:Outfit,Arial,sans-serif;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 32px;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);text-align:center}.section-title[data-text="Viral-Style Reels"]{font-size:72px;font-weight:900;color:#1a1a1a!important;text-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(255,255,255,.15),0 3px 0 rgba(255,255,255,.1),0 4px 0 rgba(255,255,255,.05),0 5px 0 rgba(255,255,255,.03),0 0 15px rgba(255,255,255,.15),0 0 25px rgba(255,255,255,.1),0 0 35px rgba(255,255,255,.05),0 0 45px rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.1),0 6px 12px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2);letter-spacing:-.03em;position:relative;background:linear-gradient(180deg,#ffffff14,#ffffff0a,#ffffff05 60%,#0003);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:contrast(1.3) brightness(.8);transform:translateZ(0);opacity:.7}.section-title[data-text="Viral-Style Reels"]:before{content:"Viral-Style Reels";position:absolute;inset:0;color:#2a2a2a;text-shadow:0 1px 0 rgba(255,255,255,.25),0 2px 0 rgba(255,255,255,.2),0 3px 0 rgba(255,255,255,.15),0 4px 0 rgba(255,255,255,.1),0 5px 0 rgba(255,255,255,.05),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1),0 0 40px rgba(255,255,255,.05);z-index:-1;opacity:.6;pointer-events:none}.section-title[data-text="Viral-Style Reels"]:after{content:"Viral-Style Reels";position:absolute;inset:0;color:#0a0a0a;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 -2px 0 rgba(0,0,0,.5),0 -3px 0 rgba(0,0,0,.4),0 -4px 0 rgba(0,0,0,.3);z-index:-2;opacity:.5;pointer-events:none}.section:has(.section-title[data-text="Viral-Style Reels"]){margin-top:60px;padding-top:0;text-align:center}.section[data-section=viral-reels]{margin-top:60px;padding-top:0;text-align:center}.section[data-section=viral-reels] .section-header{text-align:center;display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.section[data-section=viral-reels] .section-title{text-align:center;margin:0 auto;flex:1}.section[data-section=viral-reels] .section-link{position:absolute;right:24px;top:50%;transform:translateY(-50%)}.section-link{color:#d4af37;text-decoration:none;font-size:16px;font-weight:500;transition:color .1s cubic-bezier(.44,0,.56,1) 0s}.section-link:hover{color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff)}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}.product-card{cursor:pointer;display:flex;flex-direction:column;gap:24px;padding:0 0 16px;position:relative;text-decoration:none;width:408px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.product-card .thumb{aspect-ratio:1.3333333333333333 / 1;height:306px;position:relative;width:100%;border-radius:16px;overflow:hidden;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21))}.product-card .thumb video{width:100%;height:100%;object-fit:cover}.product-card h3{font-family:Geist,Geist Placeholder,sans-serif;font-size:20px;font-weight:500;line-height:28px;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:0;padding:0}.product-card .meta{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);margin:0;padding:0}.product-card .row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.product-card .price{font-family:Geist,Geist Placeholder,sans-serif;font-size:16px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff)}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.service{display:flex;align-items:center;gap:16px;padding:24px;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));border-radius:16px;border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));will-change:transform;transition:all .2s ease}.service:hover{transform:translateY(-2px);background-color:var(--token-46103156-4e43-4976-89f4-cd011844ca33, rgb(28, 28, 28))}.service .icon{width:40px;height:40px;border-radius:8px;background-color:var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center;font-size:20px}.service h4{font-family:Geist,Geist Placeholder,sans-serif;font-size:18px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:0 0 8px}.service p{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:400;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);margin:0;line-height:20px}.featured{width:100%;padding:40px;background-color:#0000000a;border-radius:16px;border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));will-change:transform;z-index:5;position:relative}.featured .media{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));margin-bottom:24px}.featured .media video{width:100%;height:100%;object-fit:cover}.featured .label{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:500;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);margin-bottom:8px}.featured .link{font-family:Geist,Geist Placeholder,sans-serif;font-size:18px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);text-decoration:none;transition:color .1s ease}.featured .link:hover{color:#d4af37}.featured .project-title{font-family:Geist,Geist Placeholder,sans-serif;font-size:18px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff)}.latest-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:32px}@media (max-width: 768px){.latest-work-grid{grid-template-columns:1fr;gap:24px}}.video-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1200px;margin:48px auto 64px}@media (max-width: 1024px){.video-gallery{grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px}.video-thumbnail{height:320px}.play-button{width:80px;height:80px}}@media (max-width: 768px){.video-gallery{grid-template-columns:1fr;gap:20px;max-width:600px}.video-thumbnail{height:280px}.play-button{width:72px;height:72px}}@media (max-width: 480px){.video-gallery{gap:16px;max-width:100%;padding:0 16px}.video-thumbnail{height:240px}.play-button{width:64px;height:64px}}.video-card{background:#ffffff08;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#fff3}.video-thumbnail{position:relative;width:100%;height:400px;overflow:hidden}.video-thumbnail video{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-card:hover .video-thumbnail video{transform:scale(1.05)}.video-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:.8}.play-button{width:96px;height:96px;background:#0009;border:2px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);transform:scale(.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.video-card:hover .play-button{transform:scale(1);background:#000c;border-color:#fff;box-shadow:0 12px 40px #0006}.video-loading{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html[dir=rtl]{direction:rtl}html[dir=rtl] .hero-content{text-align:right}html[dir=rtl] .chips{direction:ltr}html[dir=rtl] .footer-inner{flex-direction:column;align-items:center;text-align:center}html[dir=rtl] .footer-copy{text-align:center}html[dir=rtl] .footer-socials{justify-content:center}html[dir=rtl] .back-arrow-circle svg{transform:scaleX(-1)}.language-toggle{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.language-toggle:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.language-toggle-text{font-size:14px;font-weight:500}.language-toggle-icon{opacity:.8;transition:opacity .3s ease}.language-toggle:hover .language-toggle-icon{opacity:1}html[dir=rtl] .language-toggle{right:auto;left:20px;flex-direction:row-reverse}html[dir=rtl]{font-family:Tajawal,Inter,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .hero-title{font-family:Tajawal,Inter,sans-serif;font-weight:700}html[dir=rtl] p,html[dir=rtl] .hero-description,html[dir=rtl] .category-description{font-family:Tajawal,Inter,sans-serif;line-height:1.8}@media (max-width: 768px){.language-toggle{top:15px;right:15px;padding:6px 12px;font-size:12px}html[dir=rtl] .language-toggle{right:auto;left:15px}}.video-info{padding:24px}.video-title{font-family:Outfit,Arial,sans-serif;font-size:20px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}.video-description{font-family:Space Grotesk,Arial,sans-serif;font-size:14px;font-weight:400;color:#ffffffb3;margin:0;line-height:1.5}.video-overlay-fullscreen{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-container{position:relative;width:90vw;height:90vh;max-width:1200px}.video-container video{width:100%;height:100%;object-fit:contain;border-radius:12px}.close-button{position:absolute;top:-40px;right:0;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button:hover{background:#fff3;transform:scale(1.1)}.back-arrow-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#ffffffb3;transition:all .3s ease;margin-bottom:24px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.back-arrow-circle:hover{border-color:#fff9;color:#fff;background:#ffffff1a;transform:translate(-4px)}.whatsapp-contact-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:12px;color:#25d366;text-decoration:none;font-family:Outfit,Arial,sans-serif;font-size:16px;font-weight:500;transition:all .3s ease;margin-top:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whatsapp-contact-btn:hover{background:#25d36633;border-color:#25d36680;transform:translateY(-2px);box-shadow:0 8px 25px #25d36633}@media (max-width: 768px){.video-gallery{grid-template-columns:1fr;gap:24px;margin-top:32px}.video-thumbnail{height:200px}.video-info{padding:20px}.video-title{font-size:18px}.video-container{width:95vw;height:85vh}.close-button{top:-50px;right:10px}.back-arrow-circle{width:44px;height:44px;margin-bottom:20px}.whatsapp-contact-btn{font-size:14px;padding:10px 20px;margin-top:20px}}.blog-list{display:grid;gap:16px;width:100%}.blog-item{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));border-radius:16px;border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));text-decoration:none;will-change:transform;transition:all .2s ease}.blog-item:hover{transform:translateY(-2px);background-color:var(--token-46103156-4e43-4976-89f4-cd011844ca33, rgb(28, 28, 28))}.blog-item .title{font-family:Geist,Geist Placeholder,sans-serif;font-size:16px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:0}.blog-item .meta{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:400;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);margin:0}.blog-item .arrow{font-size:18px;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);transition:transform .2s ease}.blog-item:hover .arrow{transform:translate(4px);color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff)}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.testimonial{padding:24px;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));border-radius:16px;border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));will-change:transform;transition:all .2s ease}.testimonial:hover{transform:translateY(-2px);background-color:var(--token-46103156-4e43-4976-89f4-cd011844ca33, rgb(28, 28, 28))}.stars{display:flex;gap:4px;color:#ffd166;font-size:14px;margin-bottom:16px}.quote{font-family:Geist,Geist Placeholder,sans-serif;font-size:16px;font-weight:400;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);line-height:1.6;margin:0 0 16px}.person{display:flex;align-items:center;gap:12px}.person img{width:32px;height:32px;border-radius:50%;object-fit:cover}.person .name{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:0}.person .role{font-family:Geist,Geist Placeholder,sans-serif;font-size:12px;font-weight:400;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);margin:0}.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.price-card{padding:40px;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));border-radius:16px;border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));will-change:transform;transition:all .2s ease;position:relative;overflow:hidden}.price-card--primary{background:radial-gradient(600px 140px at 50% 120%,rgba(183,243,153,.12),transparent 60%),var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));border-color:#b7f39966;box-shadow:0 0 0 1px #b7f3994d inset,0 16px 50px #0a140a99}.price-card:hover{transform:translateY(-2px);background-color:var(--token-46103156-4e43-4976-89f4-cd011844ca33, rgb(28, 28, 28))}.price-card h4{font-family:Geist,Geist Placeholder,sans-serif;font-size:20px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:0 0 8px}.price-card .eyebrow{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:400;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);margin:0 0 16px}.price{font-family:Geist,Geist Placeholder,sans-serif;font-size:32px;font-weight:700;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:16px 0}.features{display:grid;gap:8px;margin:24px 0}.features .item{display:flex;gap:10px;align-items:flex-start}.features .check{color:#d4af37;margin-top:3px;font-size:14px}.features span{font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:400;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588)}.price-cta{margin-top:24px;width:100%;justify-content:center}.faq{display:grid;gap:16px;width:100%}.faq-item{border:1px solid var(--token-534356b4-1a9b-444d-82a0-f898bbe1568e, rgba(255, 255, 255, .1));border-radius:16px;background-color:var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));overflow:hidden;will-change:transform;transition:all .2s ease}.faq-item:hover{transform:translateY(-2px);background-color:var(--token-46103156-4e43-4976-89f4-cd011844ca33, rgb(28, 28, 28))}.faq-h{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;font-family:Geist,Geist Placeholder,sans-serif;font-size:16px;font-weight:500;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);margin:0}.faq-a{padding:0 24px 24px;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);display:none;font-family:Geist,Geist Placeholder,sans-serif;font-size:14px;font-weight:400;line-height:20px}.faq-item[open] .faq-a{display:block}.faq-item[open] .chev{transform:rotate(90deg)}.chev{font-size:18px;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);transition:transform .2s ease}.cta{margin-top:120px;padding:80px;border-radius:16px;text-align:center;background:radial-gradient(800px 220px at 50% 120%,rgba(212,175,55,.1),transparent 60%),var(--token-0f07f556-9e14-491d-9aef-f342061eaaa0, rgb(21, 21, 21));border:none;box-shadow:0 0 0 1px #ffffff0a inset,0 10px 40px #0000008c,0 0 60px #d4af3733,0 0 160px #d4af371f;will-change:transform;position:relative;overflow:hidden}.cta h3{font-family:Playfair Display,Playfair Display Placeholder,serif;font-size:32px;font-weight:400;font-style:normal;letter-spacing:-1px;line-height:1.2em;color:var(--token-5122daf9-ab31-43ab-bbf4-0201196f4efe, #ffffff);text-align:center;margin:0 0 16px}.cta p{font-family:Geist,Geist Placeholder,sans-serif;font-size:20px;font-weight:400;line-height:28px;color:var(--token-6a4aeca2-2020-4447-a3b8-da9cf8c08379, #858588);text-align:center;margin:0 0 24px}.footer{padding:48px 16px;background:#0003;margin-top:100px;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-copy{color:#ffffffa6;font-size:13px;font-family:Space Grotesk,Arial,sans-serif}.footer-socials{display:flex;gap:14px}.footer-socials .social{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd9;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.footer-socials .social:hover{transform:scale(.96);background:#ffffff14;border-color:#fff3;color:#fff}@media (max-width: 809px){.footer{padding:40px 16px}}@media (min-width: 810px) and (max-width: 1439px){.hero{padding:120px 16px 80px}.hero h1{font-size:54px}.section{padding:120px 16px 0}.products{grid-template-columns:repeat(3,1fr)}}@media (max-width: 809px){.hero{padding:80px 16px}.hero h1{font-size:48px}.hero-content{gap:32px}.ctas{flex-direction:column}.section{padding:160px 16px 40px;gap:80px}.section-content{gap:24px}.products,.services,.testimonials,.pricing{grid-template-columns:1fr}.footer .cols{grid-template-columns:repeat(2,1fr)}.footer .bottom{flex-direction:column;gap:16px;text-align:center}.cta{padding:40px}.cta h3{font-size:24px}.cta p{font-size:16px}}@media (max-width: 480px){.footer .cols{grid-template-columns:1fr}.hero h1{font-size:36px}.section-title{font-size:24px}}.carousel-container{display:contents}.reel-card{position:static;width:280px;height:400px;background:transparent;border-radius:20px;border:none;overflow:hidden;transition:all .3s ease;transform-style:preserve-3d}:root{--reels-radius: 420px;--reels-depth: 220px}.reels-carousel{--reels-radius: clamp(280px, 36vw, 520px);--reels-depth: calc(var(--reels-radius) * .55)}.reel-card:nth-child(1){transform:translate(calc(var(--reels-radius) * -1)) translateZ(calc(var(--reels-depth) * -1)) rotateY(20deg) scale(.7);opacity:.8;filter:blur(2px);z-index:1;visibility:visible}.reel-card:nth-child(2){transform:translate(calc(var(--reels-radius) * -.5)) translateZ(calc(var(--reels-depth) * -.5)) rotateY(10deg) scale(.85);opacity:.9;filter:blur(1px);z-index:2;visibility:visible}.reel-card:nth-child(3){transform:translate(0) translateZ(0) rotateY(0) scale(1);opacity:1;filter:blur(0px);z-index:10;visibility:visible}.reel-card:nth-child(4){transform:translate(calc(var(--reels-radius) * .5)) translateZ(calc(var(--reels-depth) * -.5)) rotateY(-10deg) scale(.85);opacity:.9;filter:blur(1px);z-index:2;visibility:visible}.reel-card:nth-child(5){transform:translate(var(--reels-radius)) translateZ(calc(var(--reels-depth) * -1)) rotateY(-20deg) scale(.7);opacity:.8;filter:blur(2px);z-index:1;visibility:visible}.reel-card:nth-child(6){transform:translate(calc(var(--reels-radius) * 1.2)) translateZ(calc(var(--reels-depth) * -1.2)) rotateY(-25deg) scale(.6);opacity:.7;filter:blur(3px);z-index:0;visibility:visible}.reel-card:nth-child(1):hover{transform:translate(-400px) translateZ(-200px) rotateY(20deg) scale(.7) scale(.97)}.reel-card:nth-child(2):hover{transform:translate(-200px) translateZ(-100px) rotateY(10deg) scale(.85) scale(.97)}.reel-card:nth-child(3):hover{transform:translate(0) translateZ(0) rotateY(0) scale(1) scale(.97)}.reel-card:nth-child(4):hover{transform:translate(200px) translateZ(-100px) rotateY(-10deg) scale(.85) scale(.97)}.reel-card:nth-child(5):hover{transform:translate(400px) translateZ(-200px) rotateY(-20deg) scale(.7) scale(.97)}.reel-thumb{width:100%;height:280px;overflow:hidden;border-radius:20px;position:relative;background:#000;border:2px solid rgba(255,255,255,.1)}.reel-thumb video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;background:#000;min-height:100%;min-width:100%}.reel-thumb:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#333,#666);z-index:-1;opacity:.3}.reel-card:hover .reel-thumb video{transform:none}.reel-info{padding:20px;text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 20px 20px;border:1px solid rgba(255,255,255,.1);margin-top:-1px}.reel-info h3{font-family:Outfit,Arial,sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.2}.reel-info p{font-family:Space Grotesk,Arial,sans-serif;font-size:14px;color:#ffffffb3;margin:0;line-height:1.4}.carousel-nav{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:30}.nav-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003,0 2px 8px #ffffff0d}.nav-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.1);box-shadow:0 8px 24px #0000004d,0 4px 12px #ffffff1a}.nav-btn:active{transform:scale(.95)}.nav-btn svg{width:20px;height:20px;transition:transform .2s ease}.nav-btn:hover svg{transform:scale(1.2)}.carousel-container:before{display:none}.reel-card:nth-child(1){-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 6%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.5) 18%,rgba(0,0,0,1) 26%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(to right,#0000,#0000000d 6%,#00000026 10%,#00000080 18%,#000 26% 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.reel-card:nth-child(5){-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 6%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.5) 18%,rgba(0,0,0,1) 26%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(to left,#0000,#0000000d 6%,#00000026 10%,#00000080 18%,#000 26% 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes reelsLoop{0%{transform:translate(800px) translateZ(-400px) rotateY(-20deg) scale(.7);opacity:0;filter:blur(4px);z-index:1}4%{transform:translate(600px) translateZ(-300px) rotateY(-15deg) scale(.78);opacity:.35;filter:blur(3px);z-index:1}10%{transform:translate(400px) translateZ(-200px) rotateY(-10deg) scale(.85);opacity:.8;filter:blur(1.5px);z-index:2}20%{transform:translate(0) translateZ(0) rotateY(0) scale(1);opacity:1;filter:blur(0px);z-index:10}30%{transform:translate(-400px) translateZ(-200px) rotateY(10deg) scale(.85);opacity:.9;filter:blur(1.5px);z-index:2}40%{transform:translate(-800px) translateZ(-400px) rotateY(20deg) scale(.7);opacity:.6;filter:blur(3px);z-index:1}46%{transform:translate(-900px) translateZ(-450px) rotateY(20deg) scale(.68);opacity:.2;filter:blur(4px);z-index:1}to{transform:translate(800px) translateZ(-400px) rotateY(-20deg) scale(.7);opacity:0;filter:blur(4px);z-index:1}}.reels-carousel .reel-card{will-change:transform,opacity,filter}.reels-carousel .reel-card:nth-child(1){animation-delay:calc(var(--reels-speed, 60s) * -.9286)}.reels-carousel .reel-card:nth-child(2){animation-delay:calc(var(--reels-speed, 60s) * -.8571)}.reels-carousel .reel-card:nth-child(3){animation-delay:calc(var(--reels-speed, 60s) * -.7857)}.reels-carousel .reel-card:nth-child(4){animation-delay:calc(var(--reels-speed, 60s) * -.7143)}.reels-carousel .reel-card:nth-child(5){animation-delay:calc(var(--reels-speed, 60s) * -.6429)}.reels-carousel .reel-card:nth-child(6){animation-delay:calc(var(--reels-speed, 60s) * -.5714)}.reels-carousel .reel-card:nth-child(7){animation-delay:calc(var(--reels-speed, 60s) * -.5)}.reels-carousel .reel-card:nth-child(8){animation-delay:calc(var(--reels-speed, 60s) * -.4286)}.reels-carousel .reel-card:nth-child(9){animation-delay:calc(var(--reels-speed, 60s) * -.3571)}.reels-carousel .reel-card:nth-child(10){animation-delay:calc(var(--reels-speed, 60s) * -.2857)}.reels-carousel .reel-card:nth-child(11){animation-delay:calc(var(--reels-speed, 60s) * -.2143)}.reels-carousel .reel-card:nth-child(12){animation-delay:calc(var(--reels-speed, 60s) * -.1429)}.reels-carousel .reel-card:nth-child(13){animation-delay:calc(var(--reels-speed, 60s) * -.0714)}.reels-carousel .reel-card:nth-child(14){animation-delay:0s}.reels-carousel .reel-card:hover{animation-play-state:paused}.reels-carousel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to right,#000000e6,#0009 6%,#00000040 10%,#0000 18% 82%,#00000040 90%,#0009 94%,#000000e6)}.carousel-container:before{content:none!important;display:none!important}.reels-carousel:after{content:none!important;background:none!important}.carousel-track{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,1) 86%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000,#000 14% 86%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (max-width: 768px){.carousel-track{height:clamp(320px,64vw,420px)}.reel-card{width:240px;height:340px}.reel-thumb{height:220px}.reel-card:nth-child(1){transform:translate(-300px) translateZ(-150px) rotateY(20deg) scale(.7)}.reel-card:nth-child(2){transform:translate(-150px) translateZ(-75px) rotateY(10deg) scale(.85)}.reel-card:nth-child(4){transform:translate(150px) translateZ(-75px) rotateY(-10deg) scale(.85)}.reel-card:nth-child(5){transform:translate(300px) translateZ(-150px) rotateY(-20deg) scale(.7)}}.reels-carousel .reel-card:hover{animation-play-state:running;scale:.97}@media (prefers-reduced-motion: reduce){.reels-carousel .reel-card{animation:none!important}}.reel-card:nth-child(1),.reel-card:nth-child(5){-webkit-mask-image:none!important;mask-image:none!important}.reel-thumb{background:transparent!important}.reel-thumb video{background:transparent!important}.video-overlay{position:fixed;inset:0;z-index:9999;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center}.video-overlay .overlay-inner{width:min(90vw,900px);height:min(90vh,90dvh);border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 0 1px #ffffff14 inset;background:#0009}.overlay-close{position:fixed;top:24px;right:24px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0009;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:10000;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.overlay-close:hover{transform:scale(.96);box-shadow:0 0 24px #ffffff1f}@media (prefers-reduced-motion: reduce){.overlay-close{transition:none}}.reels-hint{margin-top:-50px;display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffffbf;font-family:Space Grotesk,Arial,sans-serif;font-size:13px;letter-spacing:.01em}.reels-hint .dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffd36e,#d4af37 60%,#997a1a);box-shadow:0 0 12px #d4af37cc,0 0 28px #d4af3759;animation:dotBreath 2.6s ease-in-out infinite}.reel-card,.reel-thumb{cursor:pointer}.section-divider{height:1px;width:100%;max-width:1200px;margin:14px auto 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:1}.section-title[data-text="What I do"]{font-size:72px;font-weight:900;color:#1a1a1a!important;text-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(255,255,255,.15),0 3px 0 rgba(255,255,255,.1),0 4px 0 rgba(255,255,255,.05),0 5px 0 rgba(255,255,255,.03),0 0 15px rgba(255,255,255,.15),0 0 25px rgba(255,255,255,.1),0 0 35px rgba(255,255,255,.05),0 0 45px rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.1),0 6px 12px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2);letter-spacing:-.03em;position:relative;background:linear-gradient(180deg,#ffffff14,#ffffff0a,#ffffff05 60%,#0003);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:contrast(1.3) brightness(.8);transform:translateZ(0);opacity:.7}.section-title[data-text="What I do"]:before{content:"What I do";position:absolute;inset:0;color:#2a2a2a;text-shadow:0 1px 0 rgba(255,255,255,.25),0 2px 0 rgba(255,255,255,.2),0 3px 0 rgba(255,255,255,.15),0 4px 0 rgba(255,255,255,.1),0 5px 0 rgba(255,255,255,.05),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1),0 0 40px rgba(255,255,255,.05);z-index:-1;opacity:.6;pointer-events:none}.section-title[data-text="What I do"]:after{content:"What I do";position:absolute;inset:0;color:#0a0a0a;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 -2px 0 rgba(0,0,0,.5),0 -3px 0 rgba(0,0,0,.4),0 -4px 0 rgba(0,0,0,.3);z-index:-2;opacity:.5;pointer-events:none}.section[data-section=what-i-do] .section-content{text-align:center}.section[data-section=what-i-do] .section-header{text-align:center;display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.section[data-section=what-i-do] .section-title{margin:0 auto 18px}.section[data-section=what-i-do]+.section{margin-top:40px}.section[data-section=what-i-do]{margin-top:60px;padding-top:0}.section[data-section=what-i-do] .section-title{margin-bottom:12px!important}.section[data-section=what-i-do] .section-divider{margin-top:12px!important}.service{position:relative;overflow:hidden;--mx: 50%;--my: 50%}.service:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(120px 120px at var(--mx) var(--my),rgba(255,255,255,.28),rgba(255,255,255,.08) 35%,rgba(255,255,255,.02) 55%,transparent 70%),linear-gradient(180deg,#ffffff1a,#ffffff0a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .25s ease;opacity:.65}.service:after{content:"";position:absolute;inset:-20%;background:radial-gradient(220px 220px at var(--mx) var(--my),rgba(212,175,55,.12),rgba(255,255,255,.06) 40%,transparent 70%);filter:blur(14px);pointer-events:none;transition:opacity .25s ease;opacity:0}.service:hover:after{opacity:.9}.service:hover:before{opacity:.85}.services,.service{--mx: 50%;--my: 50%}.service{transition:transform .2s ease,box-shadow .25s ease}.logo-marquee{width:100%;overflow:hidden;margin:24px auto 0;padding:10px 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logo-marquee .marquee-track{display:inline-flex;align-items:center;gap:48px;white-space:nowrap;will-change:transform;animation:marqueeScroll 24s linear infinite}.logo-marquee .logo{color:#ffffffb3;font-family:Space Grotesk,Arial,sans-serif;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-marquee .marquee-track.logos{animation:marqueeScroll 28s linear infinite;gap:48px}.logo-marquee .logo-img{height:34px;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.15) contrast(1.05);opacity:.92;transition:opacity .2s ease,filter .2s ease}.logo-marquee .logo-img:hover{opacity:1;filter:grayscale(1) brightness(1.2) contrast(1.1)}.logos-hint{margin-top:20px;margin-bottom:6px;text-align:center;color:#ffffffa6;font-family:Space Grotesk,Arial,sans-serif;font-size:13px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}.logos-hint .dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffd36e,#d4af37 60%,#997a1a);box-shadow:0 0 12px #d4af37cc,0 0 28px #d4af3759;animation:dotBreath 2.6s ease-in-out infinite}@keyframes dotBreath{0%,to{transform:scale(.9);filter:brightness(.95);box-shadow:0 0 10px #d4af3799,0 0 20px #d4af3740}50%{transform:scale(1.25);filter:brightness(1.1);box-shadow:0 0 16px #d4af37f2,0 0 40px #d4af3773}}.cta{position:relative}.cta .cta-sweep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.cta .cta-sweep .edge{stroke-dasharray:.015 .985;stroke-linecap:round;stroke-linejoin:round;opacity:.7;animation:edgeDash 10s linear infinite;mix-blend-mode:color-dodge}@keyframes edgeDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}.cta .cta-sweep .edge-glow{display:none}.cta .neon-grad{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:multiply;background:linear-gradient(110deg,#f8c6d740 35%,#afe9f940 73%)}.cta .cta-sweep .edge{stroke-dasharray:2 98;stroke-linecap:round;opacity:.8;animation:edgeDash 9s linear infinite;mix-blend-mode:color-dodge}@keyframes edgeDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.cta .cta-sweep{mask:none}.cta{position:relative;isolation:isolate}.cta:before{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from 0deg,transparent 0deg,transparent 356deg,rgba(255,255,255,.9) 358deg,rgba(255,255,255,.6) 360deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.25));animation:sweepBorder 9s linear infinite}@keyframes sweepBorder{to{transform:rotate(1turn)}}.cta{position:relative;overflow:hidden}.cta-content{position:relative;z-index:4}.particles{position:absolute;inset:0;pointer-events:none}.particles-back{z-index:1;opacity:.9}.particles-front{z-index:5;opacity:.95}.particles .p{position:absolute;display:block;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.98),rgba(255,255,255,.2) 60%,transparent 70%),radial-gradient(circle at 70% 70%,rgba(212,175,55,.55),transparent 60%);box-shadow:0 0 20px #d4af3773,0 0 48px #d4af3733;transform:translateZ(0);animation:floatXY var(--dur, 14s) ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes floatXY{0%{transform:translateZ(0)}to{transform:translate3d(var(--dx, 40px),var(--dy, -30px),0)}}@media (prefers-reduced-motion: reduce){.particles .p{animation:none}}.cta:before{display:none!important;content:none!important}.section[data-section=cta]{margin-top:120px;padding-bottom:0;margin-bottom:0}.section[data-section=cta] .section-content{gap:24px}.section[data-section=cta] .cta{margin-top:40px;box-shadow:0 0 0 1px #ffffff0a inset,0 8px 30px #0000008c,0 0 80px #d4af371a,0 0 200px #d4af371a}.footer{margin-top:0!important}.cta:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-2px;height:160px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:linear-gradient(to bottom,#0000,#0000008c 55%,#000000f5);pointer-events:none;z-index:3}.section[data-section=cta] .cta{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 70%,#0000)}html:after{content:none!important}.section[data-section=latest-work] .section-header{text-align:center;display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto 16px;padding:0 24px}.section[data-section=latest-work] .section-title{margin:0 auto 8px!important}.section[data-section=latest-work]+.section-divider,.section[data-section=latest-work] .section-divider{margin-top:10px!important}.section-title[data-text="Latest work"]{font-size:72px;font-weight:900;color:#1a1a1a!important;text-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(255,255,255,.15),0 3px 0 rgba(255,255,255,.1),0 4px 0 rgba(255,255,255,.05),0 5px 0 rgba(255,255,255,.03),0 0 15px rgba(255,255,255,.15),0 0 25px rgba(255,255,255,.1),0 0 35px rgba(255,255,255,.05),0 0 45px rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.1),0 6px 12px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2);letter-spacing:-.03em;position:relative;background:linear-gradient(180deg,#ffffff14,#ffffff0a,#ffffff05 60%,#0003);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:contrast(1.3) brightness(.8);transform:translateZ(0);opacity:.7}.section-title[data-text="Latest work"]:before{content:"Latest work";position:absolute;inset:0;color:#2a2a2a;text-shadow:0 1px 0 rgba(255,255,255,.25),0 2px 0 rgba(255,255,255,.2),0 3px 0 rgba(255,255,255,.15),0 4px 0 rgba(255,255,255,.1),0 5px 0 rgba(255,255,255,.05),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1),0 0 40px rgba(255,255,255,.05);z-index:-1;opacity:.6;pointer-events:none}.section-title[data-text="Latest work"]:after{content:"Latest work";position:absolute;inset:0;color:#0a0a0a;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 -2px 0 rgba(0,0,0,.5),0 -3px 0 rgba(0,0,0,.4),0 -4px 0 rgba(0,0,0,.3);z-index:-2;opacity:.5;pointer-events:none}.category-manager{margin-bottom:32px;position:relative;z-index:2}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.1)}.category-header h2{margin:0;color:#fff;font-size:24px;font-weight:600;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.category-form h3{margin:0 0 20px;color:#fff;font-size:20px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ffffffe6}.form-group input{width:100%;max-width:400px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s;box-sizing:border-box}.form-group small{display:block;margin-top:6px;color:#fff9;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-success{background:linear-gradient(135deg,#28a745,#20a83a);color:#fff;border:1px solid rgba(40,167,69,.3);box-shadow:0 4px 12px #28a74533}.btn-success:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 6px 16px #28a7454d}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid rgba(220,53,69,.3);box-shadow:0 4px 12px #dc354533}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 6px 16px #dc35454d}.btn-sm{padding:6px 12px;font-size:12px}.loading,.no-categories{text-align:center;padding:40px;color:#fff9}.no-categories p{font-size:16px;margin:0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.category-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.category-card:hover{border-color:#d4af3780;background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #d4af3733}.category-info{flex:1}.category-info h3{margin:0 0 8px;color:#fff;font-size:18px;font-weight:600}.category-slug{margin:0 0 16px;color:#ffffffb3;font-family:Monaco,Menlo,monospace;font-size:12px;background:#ffffff1a;padding:4px 8px;border-radius:6px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-break:break-all}.category-actions{display:flex;gap:8px;justify-content:center;margin-top:auto}@media (max-width: 768px){.category-header{flex-direction:column;align-items:stretch;gap:16px}.categories-grid{grid-template-columns:1fr}.form-actions,.category-actions{flex-direction:column}}:root{--admin-bg-primary: #0a0a0a;--admin-bg-secondary: #1a1a1a;--admin-bg-tertiary: #2a2a2a;--admin-accent: #3b82f6;--admin-accent-hover: #2563eb;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-error: #ef4444;--admin-text-primary: #ffffff;--admin-text-secondary: #d1d5db;--admin-text-muted: #9ca3af;--admin-border: #374151;--admin-border-light: #4b5563;--admin-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--admin-radius: 8px;--admin-radius-lg: 12px}.admin-dashboard{min-height:100vh;background:var(--admin-bg-primary);color:var(--admin-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--admin-bg-primary) 0%,var(--admin-bg-secondary) 100%);padding:20px}.admin-login-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);padding:40px;width:100%;max-width:400px;box-shadow:var(--admin-shadow-lg)}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-title{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--admin-text-primary)}.admin-login-subtitle{color:var(--admin-text-muted);font-size:14px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:280px;background:var(--admin-bg-secondary);border-right:1px solid var(--admin-border);padding:24px 0;position:fixed;height:100vh;overflow-y:auto;z-index:100}.admin-sidebar-header{padding:0 24px 24px;border-bottom:1px solid var(--admin-border);margin-bottom:24px}.admin-sidebar-title{font-size:18px;font-weight:600;color:var(--admin-text-primary);margin:0}.admin-sidebar-nav{list-style:none;padding:0;margin:0}.admin-sidebar-nav-item{margin-bottom:4px}.admin-sidebar-nav-link{display:flex;align-items:center;padding:12px 24px;color:var(--admin-text-secondary);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.admin-sidebar-nav-link:hover{background:#3b82f61a;color:var(--admin-accent);border-left-color:var(--admin-accent)}.admin-sidebar-nav-link.active{background:#3b82f626;color:var(--admin-accent);border-left-color:var(--admin-accent)}.admin-sidebar-nav-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0}.admin-main{flex:1;margin-left:280px;background:var(--admin-bg-primary)}.admin-header{background:var(--admin-bg-secondary);border-bottom:1px solid var(--admin-border);padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.admin-header-title{font-size:20px;font-weight:600;margin:0;color:var(--admin-text-primary)}.admin-header-actions{display:flex;align-items:center;gap:16px}.admin-user-menu{display:flex;align-items:center;gap:8px;color:var(--admin-text-secondary);font-size:14px}.admin-content{padding:32px}.admin-form{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:24px;margin-bottom:24px}.admin-form-group{margin-bottom:20px}.admin-form-label{display:block;font-size:14px;font-weight:500;color:var(--admin-text-primary);margin-bottom:8px}.admin-form-input,.admin-form-textarea,.admin-form-select{width:100%;padding:12px 16px;background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);color:var(--admin-text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.admin-form-input:focus,.admin-form-textarea:focus,.admin-form-select:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f61a}.admin-form-textarea{resize:vertical;min-height:100px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--admin-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:44px}.admin-btn-primary{background:var(--admin-accent);color:#fff}.admin-btn-primary:hover{background:var(--admin-accent-hover)}.admin-btn-secondary{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border)}.admin-btn-secondary:hover{background:var(--admin-border)}.admin-btn-success{background:var(--admin-success);color:#fff}.admin-btn-success:hover{background:#059669}.admin-btn-warning{background:var(--admin-warning);color:#fff}.admin-btn-warning:hover{background:#d97706}.admin-btn-danger{background:var(--admin-error);color:#fff}.admin-btn-danger:hover{background:#dc2626}.admin-btn-sm{padding:8px 12px;font-size:12px;min-height:36px}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:24px;margin-bottom:24px;box-shadow:var(--admin-shadow)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--admin-border)}.admin-card-title{font-size:18px;font-weight:600;margin:0;color:var(--admin-text-primary)}.admin-card-actions{display:flex;gap:8px}.admin-table-container{overflow-x:auto;border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.admin-table{width:100%;border-collapse:collapse;background:var(--admin-bg-secondary)}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--admin-border)}.admin-table th{background:var(--admin-bg-tertiary);font-weight:600;color:var(--admin-text-primary);font-size:14px}.admin-table td{color:var(--admin-text-secondary);font-size:14px}.admin-table tbody tr:hover{background:#3b82f60d}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.admin-stat-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:24px;text-align:center}.admin-stat-value{font-size:32px;font-weight:700;color:var(--admin-accent);margin-bottom:8px}.admin-stat-label{font-size:14px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-notification{padding:16px 20px;border-radius:var(--admin-radius);margin-bottom:16px;display:flex;align-items:center;gap:12px}.admin-notification-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--admin-success)}.admin-notification-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--admin-error)}.admin-notification-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--admin-warning)}.admin-upload-zone{border:2px dashed var(--admin-border);border-radius:var(--admin-radius);padding:40px 20px;text-align:center;background:var(--admin-bg-tertiary);transition:all .2s ease;cursor:pointer}.admin-upload-zone:hover,.admin-upload-zone.dragover{border-color:var(--admin-accent);background:#3b82f60d}.admin-upload-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--admin-text-muted)}.admin-upload-text{color:var(--admin-text-secondary);margin-bottom:8px}.admin-upload-hint{font-size:12px;color:var(--admin-text-muted)}.admin-video-preview{position:relative;border-radius:var(--admin-radius);overflow:hidden;background:var(--admin-bg-tertiary);aspect-ratio:16/9}.admin-video-preview video{width:100%;height:100%;object-fit:cover}.admin-video-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.admin-video-preview:hover .admin-video-overlay{opacity:1}.admin-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--admin-text-muted)}.admin-spinner{width:24px;height:24px;border:2px solid var(--admin-border);border-top:2px solid var(--admin-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-header{padding:16px 20px}.admin-content{padding:20px}.admin-form-row,.admin-stats-grid{grid-template-columns:1fr}}.admin-text-center{text-align:center}.admin-text-right{text-align:right}.admin-mb-0{margin-bottom:0}.admin-mb-1{margin-bottom:8px}.admin-mb-2{margin-bottom:16px}.admin-mb-3{margin-bottom:24px}.admin-mt-0{margin-top:0}.admin-mt-1{margin-top:8px}.admin-mt-2{margin-top:16px}.admin-mt-3{margin-top:24px}.admin-hidden{display:none}.admin-flex{display:flex}.admin-items-center{align-items:center}.admin-justify-between{justify-content:space-between}.admin-gap-2{gap:16px}.admin-w-full{width:100%}.admin-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:16px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.admin-skeleton-item{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px dashed rgba(255,255,255,.2);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;min-height:220px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003;overflow:visible}.admin-skeleton-item:hover{border-color:#d4af37cc;background:linear-gradient(135deg,#d4af371a,#ffffff14);transform:translateY(-4px);box-shadow:0 12px 40px #d4af374d}.admin-skeleton-remove-handle{position:absolute;top:8px;right:8px;width:28px;height:28px;background:linear-gradient(135deg,#dc2626e6,#b91c1ce6);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffffff2;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(220,38,38,.35);z-index:50;pointer-events:auto}.admin-skeleton-remove-handle:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.admin-skeleton-remove-handle:active{transform:scale(.95)}.admin-skeleton-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.admin-skeleton-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.admin-skeleton-icon{color:#d4af37b3;margin-bottom:12px;transition:all .4s ease;filter:drop-shadow(0 0 8px rgba(212,175,55,.3))}.admin-skeleton-clickable{cursor:pointer;border-radius:12px;padding:8px;transition:all .3s ease}.admin-skeleton-clickable:hover{background:#d4af371a;transform:scale(1.1)}.admin-skeleton-item:hover .admin-skeleton-icon{color:#d4af37;transform:scale(1.15);filter:drop-shadow(0 0 16px rgba(212,175,55,.5))}.admin-skeleton-text{color:#fffc;font-size:16px;font-weight:500;margin-bottom:20px;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-skeleton-file-selected{display:flex;flex-direction:column;gap:16px;width:100%}.admin-skeleton-thumbnail{width:100%;height:120px;background:#000;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1);position:relative}.admin-skeleton-thumbnail video{width:100%;height:100%;object-fit:cover}.admin-skeleton-info{display:flex;flex-direction:column;gap:12px}.admin-skeleton-info input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;transition:all .3s ease}.admin-skeleton-info input:focus{outline:none;border-color:#d4af3799;background:#ffffff26;box-shadow:0 0 0 3px #d4af3733}.admin-skeleton-info input::placeholder{color:#ffffff80}.admin-skeleton-file-name{font-size:12px;color:#fff9;background:#ffffff0d;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-skeleton-item button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;padding:8px 12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;align-self:flex-end}.admin-skeleton-item button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.admin-skeleton-item button:active{transform:translateY(0)}.admin-skeleton-item label{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:12px;padding:12px 20px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #d4af374d;text-shadow:none}.admin-skeleton-item label:hover{background:linear-gradient(135deg,#b8860b,#9a7209);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3766}.admin-skeleton-item label:active{transform:translateY(0);box-shadow:0 2px 8px #d4af374d}.admin-upload-progress{margin:24px 0;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.admin-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.admin-progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#b8860b);border-radius:4px;transition:width .3s ease;box-shadow:0 0 12px #d4af3766}.admin-progress-text{text-align:center;color:#fffc;font-size:14px;font-weight:500}.admin-upload-actions{display:flex;justify-content:center;gap:16px;margin-top:24px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.admin-upload-actions .admin-btn{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.admin-upload-actions .admin-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.admin-upload-actions .admin-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.admin-upload-actions .admin-btn-disabled{background:#ffffff1a;color:#fff6;border:1px solid rgba(255,255,255,.1);cursor:not-allowed}.admin-upload-actions .admin-btn-disabled:hover{transform:none;box-shadow:none}.admin-btn-disabled{opacity:.5;cursor:not-allowed}.admin-btn-disabled:hover{transform:none;box-shadow:none}.admin-carousel-preview{margin:24px 0;padding:24px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:16px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.carousel-container{position:relative;width:100%;height:280px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0006;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.carousel-track{display:flex;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);align-items:center;justify-content:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;flex:1;padding:0 20px}.carousel-track::-webkit-scrollbar{display:none}.carousel-track{-ms-overflow-style:none;scrollbar-width:none}.carousel-item{height:100%;padding:16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0}.carousel-item .admin-skeleton-item{height:100%;border-radius:16px;min-height:190px;padding:20px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px dashed rgba(255,255,255,.2);aspect-ratio:9/16;width:160px;margin:0 auto;overflow:visible}.carousel-item .admin-skeleton-item:hover{border-color:#d4af37cc;background:linear-gradient(135deg,#d4af371a,#ffffff14);transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.carousel-item .admin-skeleton-thumbnail{height:110px;border-radius:12px;border:2px solid rgba(255,255,255,.1)}.carousel-item .admin-skeleton-info{padding:8px 0}.carousel-item .admin-skeleton-info input{font-size:13px;padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff}.carousel-item .admin-skeleton-info input:focus{border-color:#d4af3799;background:#ffffff26;box-shadow:0 0 0 3px #d4af3733}.carousel-item .admin-skeleton-file-name{font-size:11px;padding:8px 10px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-item .admin-skeleton-item button{padding:8px 12px;font-size:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:8px}.carousel-item .admin-skeleton-item label{padding:10px 16px;font-size:13px;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:10px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffc;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.carousel-arrow:hover{background:linear-gradient(135deg,#d4af37cc,#b9860bcc);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #d4af3766;border-color:#d4af374d}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}@media (max-width: 768px){.carousel-container{height:180px}.carousel-item{flex:0 0 50%}.carousel-item .admin-skeleton-item{min-height:150px;padding:12px}.carousel-item .admin-skeleton-thumbnail{height:80px}}.video-manager{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,system-ui,sans-serif;background:radial-gradient(50% 50% at 50% 0%,#151515,#000);min-height:100vh;color:#fff;position:relative}.video-manager:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1;animation:grain 12s steps(15) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(-3px,2px)}30%{transform:translate(2px,-3px)}40%{transform:translate(-2px,3px)}50%{transform:translate(-3px,2px)}60%{transform:translate(3px,-2px)}70%{transform:translate(2px,2px)}80%{transform:translate(1px,3px)}90%{transform:translate(-2px,2px)}}.video-manager-header{text-align:center;margin-bottom:40px;position:relative;z-index:2}.video-manager-header h1{color:#fff;margin-bottom:10px;font-size:48px;font-weight:700;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(212,175,55,.3))}.video-manager-header p{color:#ffffffb3;font-size:16px}.category-section,.upload-options,.videos-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d;position:relative;z-index:2}.upload-tabs{display:flex;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:24px}.tab-btn{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;color:#fff9;border-bottom:3px solid transparent;transition:all .3s}.tab-btn:hover{color:#d4af37;background:#d4af371a}.tab-btn.active{color:#d4af37;border-bottom-color:#d4af37}.upload-section{background:transparent;border-radius:0;padding:0;margin-bottom:0;box-shadow:none}.upload-section h3{color:#fff;margin-bottom:20px;font-size:18px}.category-section h2,.upload-section h2,.videos-section h2{color:#fff;margin-bottom:16px;font-size:20px;font-weight:600}.category-select{width:100%;max-width:300px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.category-select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}.category-select option{background:#1a1a1a;color:#fff}.upload-form{display:flex;flex-direction:column;gap:20px;max-width:800px}.upload-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.form-group-left,.form-group-right,.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:#ffffffe6}.form-group input{padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s}.form-group input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733;background:#ffffff14}.upload-btn{padding:12px 24px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #d4af374d}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6c547,#c9961c);transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766}.upload-btn:disabled{background:#fff3;cursor:not-allowed;transform:none;box-shadow:none}.loading,.no-videos{text-align:center;padding:40px;color:#fff9;font-size:18px}.videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:12px;align-items:start;width:100%;max-width:100%;overflow:hidden}.video-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;transition:all .3s ease;cursor:grab;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;width:100%;max-width:100%}.video-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:16px;z-index:-1}.video-card:hover{border-color:#d4af37;background:#d4af371a;transform:translateY(-5px);box-shadow:0 15px 35px #0006,0 0 0 1px #d4af374d}.video-card:active{cursor:grabbing}.video-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:5}.video-order{background:linear-gradient(135deg,#d4af37,#b8860b);color:#000;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #d4af3766;cursor:pointer;transition:all .3s ease}.video-order:hover{transform:scale(1.05);box-shadow:0 4px 12px #d4af3799}.video-order-edit{display:flex;align-items:center;justify-content:center}.video-order-input{background:linear-gradient(135deg,#d4af37,#b8860b);color:#000;width:32px;height:32px;border-radius:50%;border:none;text-align:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #d4af3766;outline:none}.video-order-input:focus{box-shadow:0 4px 12px #d4af37cc;transform:scale(1.05)}.video-name{flex:1;color:#ffffffe6;font-size:14px;font-weight:500;margin:0 12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-drag-handle{color:#ffffff80;font-size:14px;cursor:grab}.video-card-content{display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;justify-content:stretch;padding:0;height:100%;position:relative}.video-thumbnail{width:100%;flex:1;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:16px;color:#ffffffd9;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer;min-height:0;aspect-ratio:1 / 1}.video-thumb-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay{opacity:1}.delete-icon{position:absolute;bottom:8px;right:8px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:10}.video-card:hover .delete-icon{opacity:1}.delete-icon:hover{background:#dc3545;transform:scale(1.1)}.video-details{flex-shrink:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;background:#0000004d;border-radius:0 0 8px 8px;width:100%}.video-details h3{margin:0 0 2px;color:#fff;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%}.video-filename{margin:0 0 1px;color:#fff9;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%}.video-size,.video-card-actions{display:none}.preview-btn,.delete-btn{padding:4px 8px;border:none;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-btn{background:linear-gradient(135deg,#28a745,#20a83a);color:#fff;border:1px solid rgba(40,167,69,.3);box-shadow:0 2px 6px #28a74533}.preview-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 3px 8px #28a7454d}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid rgba(220,53,69,.3);box-shadow:0 2px 6px #dc354533}.delete-btn:hover{background:#c82333e6;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.video-item[data-rbd-drag-handle-draggable-id],.video-item[data-rbd-drag-handle-draggable-id]:hover{transform:none!important}.file-drop-zone{border:3px dashed rgba(255,255,255,.2);border-radius:16px;padding:40px 20px;text-align:center;margin:12px 0;transition:all .3s;cursor:pointer;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-drop-zone.compact{padding:20px 16px;border-radius:12px;margin:8px 0}.file-drop-zone.compact .drop-zone-icon{font-size:24px;opacity:.8}.file-drop-zone.compact .drop-zone-content p{margin:8px 0;font-size:14px;line-height:1.4}.file-drop-zone.compact .file-select-btn{padding:8px 16px;font-size:12px}.file-drop-zone:hover,.file-drop-zone.drag-active{border-color:#d4af37;background:#d4af371a;box-shadow:0 0 20px #d4af3733;transform:translateY(-2px)}.file-drop-zone.file-selected{border-color:#22c55e;background:#22c55e0d}.file-drop-zone.file-selected:hover{border-color:#16a34a;background:#22c55e1a;box-shadow:0 0 20px #22c55e33}.file-drop-zone.file-required{border-color:#fff3}.file-drop-zone.file-required:hover{border-color:#d4af37;background:#d4af371a}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.drop-zone-icon{font-size:48px;opacity:.6}.drop-zone-content p{margin:0;color:#ffffffb3;font-size:16px;font-weight:500}.file-select-btn{background:linear-gradient(135deg,#d4af37,#b8860b);color:#000;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;border:none;box-shadow:0 4px 16px #d4af374d;font-size:14px}.file-select-btn:hover{background:linear-gradient(135deg,#e6c547,#c9961c);transform:translateY(-1px);box-shadow:0 6px 20px #d4af3766}@media (max-width: 768px){.video-manager{padding:10px}.video-manager-header h1{font-size:32px}.video-item{flex-direction:column;align-items:stretch;gap:16px}.video-info{flex-direction:column;align-items:flex-start;gap:12px}.video-actions{justify-content:center}.file-drop-zone{padding:30px 15px}.drop-zone-icon{font-size:36px}}.upload-progress{margin-top:20px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(212,175,55,.2)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.progress-text{color:#ffffffe6;font-weight:600}.progress-speed{color:#d4af37;font-weight:500}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#e6c547);border-radius:4px;transition:width .3s ease;position:relative;box-shadow:0 0 10px #d4af3766}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.categories-grid-section{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 8px 20px #0000004d,0 0 0 1px #ffffff1a}.categories-grid-section h2{color:#ffffffe6;margin-bottom:16px;font-size:18px;font-weight:600;text-align:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;justify-items:center}.category-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:180px}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:16px;z-index:-1}.category-card:hover{border-color:#d4af37;background:#d4af371a;transform:translateY(-5px);box-shadow:0 15px 35px #0006,0 0 0 1px #d4af374d}.category-icon{font-size:32px;margin-bottom:8px;opacity:.8}.category-card h3{color:#fff;margin:0 0 4px;font-size:14px;font-weight:600}.category-card p{color:#ffffffb3;margin:0;font-size:12px}.category-header{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:20px 32px;margin-bottom:32px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a}.back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6b72804d}.back-btn:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-1px);box-shadow:0 6px 20px #6b728066}.category-header h2{color:#ffffffe6;margin:0;font-size:22px;font-weight:600}.combined-section{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;margin-top:24px;min-height:600px}.videos-panel,.management-panel{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;overflow:hidden}.panel-header{background:#ffffff14;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h3{margin:0;color:#ffffffe6;font-size:18px;font-weight:600}.videos-content{flex:1;padding:20px;overflow-y:auto;max-height:600px;width:100%}.management-content{flex:1;padding:20px;overflow-y:visible;max-height:none}.section-divider{width:2px;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.3),transparent);margin:20px 0}.videos-content .videos-grid{margin-top:0}.videos-content .loading,.videos-content .no-videos{text-align:center;padding:40px 20px;color:#fff9}.management-content .category-manager{margin-bottom:24px}.management-content .upload-options{margin-top:24px}@media (max-width: 768px){.progress-info{flex-direction:column;align-items:flex-start;gap:8px}.progress-speed{font-size:13px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.category-header{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.back-btn{align-self:flex-start}.upload-form-row,.videos-grid{grid-template-columns:1fr;gap:16px}.video-card{padding:12px}.video-card-content{gap:10px}.video-thumbnail{font-size:24px}.combined-section{grid-template-columns:1fr;gap:16px;min-height:auto}.section-divider{width:100%;height:2px;background:linear-gradient(to right,transparent,rgba(212,175,55,.3),transparent);margin:16px 0}.videos-content,.management-content{max-height:400px}}.category-management-toggle{display:flex;justify-content:center;margin:20px 0}.toggle-category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-category-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.toggle-category-btn:active{transform:translateY(0)}.fixed-categories-section .section-header{text-align:center;margin-bottom:40px}.fixed-categories-section .section-header h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(212,175,55,.3))}.fixed-categories-section .section-header p{color:#ffffffb3;font-size:16px;margin:0}.fixed-categories-cards{display:flex;flex-direction:column;gap:24px;max-width:100%;margin:0 auto}.fixed-category-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fixed-category-card:hover{border-color:#fff3;background:#ffffff14}.fixed-category-card-header{display:flex;align-items:center;padding:20px;cursor:pointer;transition:all .3s ease}.fixed-category-card-header:hover{background:#ffffff0d}.card-icon{width:48px;height:48px;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000;margin-right:16px;flex-shrink:0}.card-content{flex:1}.card-content h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.card-content p{color:#ffffffb3;font-size:14px;margin:0}.card-arrow{color:#fff9;transition:all .3s ease}.fixed-category-card-content{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.fixed-categories-cards{gap:16px}.fixed-categories-section .section-header h2{font-size:24px}.fixed-category-card-header{padding:16px}.card-icon{width:40px;height:40px;margin-right:12px}.card-content h3{font-size:16px}.card-content p{font-size:13px}.toggle-category-btn{padding:10px 16px;font-size:13px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.admin-login:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);filter:blur(40px);z-index:1}.admin-login:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="75" cy="75" r="0.3" fill="%23ffffff" opacity="0.02"/><circle cx="50" cy="10" r="0.4" fill="%23ffffff" opacity="0.025"/><circle cx="10" cy="90" r="0.6" fill="%23ffffff" opacity="0.015"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');z-index:1}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:float infinite ease-in-out;filter:blur(1px)}.particle:nth-child(odd){background:#7877c666}.particle:nth-child(3n){background:#ff77c64d;width:2px;height:2px}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-100px) translate(50px) scale(1.1);opacity:.8}90%{opacity:1}to{transform:translateY(-200px) translate(-30px) scale(.9);opacity:0}}.login-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px #0000004d;padding:48px;width:100%;max-width:420px;margin:20px;position:relative;z-index:2}.login-container:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:20px;z-index:-1}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;color:#fff;font-size:32px;font-weight:700;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.3)}.login-header p{margin:0;color:#ffffffb3;font-size:16px}.login-form,.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:600;font-size:14px}.form-group input{width:100%;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;color:#fff;transition:all .3s;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input:focus{outline:none;border-color:#7877c6cc;box-shadow:0 0 0 3px #7877c633,0 0 20px #7877c64d;background:#ffffff14}.form-group input::placeholder{color:#fff6}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ff6b6b;padding:12px 16px;border-radius:12px;margin-bottom:24px;font-size:14px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-btn{width:100%;background:linear-gradient(135deg,#7877c6cc,#ff77c6cc);color:#fff;border:1px solid rgba(255,255,255,.1);padding:18px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #7877c64d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #7877c666;background:linear-gradient(135deg,#7877c6e6,#ff77c6e6)}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:active{transform:translateY(-1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #7877c633}.login-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.login-footer p{margin:0;color:#ffffff80;font-size:14px}@media (max-width: 480px){.login-container{padding:32px 24px;margin:10px}.login-header h1{font-size:24px}.form-group input,.login-btn{font-size:16px}}