.header{background:linear-gradient(135deg,#fff,#fef5f8);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-top{border-bottom:1px solid rgba(255,107,157,.1)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 2) 0;gap:calc(var(--spacing-unit) * 3)}.logo{display:flex;align-items:center;gap:calc(var(--spacing-unit));font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:var(--transition)}.logo:hover{transform:translateY(-2px)}.logo-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 4)}.nav-link{font-size:1rem;font-weight:500;color:var(--text-dark);padding:calc(var(--spacing-unit)) calc(var(--spacing-unit) * 2);border-radius:calc(var(--border-radius) / 2);transition:var(--transition);position:relative}.nav-link:hover{color:var(--primary-color);background-color:#ff6b9d1a}.nav-link.active{color:var(--primary-color);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content{position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--shadow-lg);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:100;margin-top:calc(var(--spacing-unit))}.dropdown-item{display:block;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);color:var(--text-dark);border-radius:calc(var(--border-radius) / 2);transition:var(--transition)}.dropdown-item:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transform:translate(5px)}.search-form{display:flex;align-items:center;background:#fff;border:2px solid rgba(255,107,157,.2);border-radius:50px;padding:calc(var(--spacing-unit) / 2);transition:var(--transition);flex:0 1 300px}.search-form:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px #ff6b9d1a}.search-input{flex:1;border:none;outline:none;padding:calc(var(--spacing-unit)) calc(var(--spacing-unit) * 2);font-size:.95rem;background:transparent}.search-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transition:var(--transition)}.search-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:#ff6b9d1a;border-radius:calc(var(--border-radius) / 2)}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;width:100%;height:2px;background:var(--primary-color);border-radius:2px;transition:var(--transition)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:968px){.menu-toggle{display:flex}.nav{position:fixed;top:70px;left:0;width:100%;background:#fff;flex-direction:column;padding:calc(var(--spacing-unit) * 3);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .3s ease}.nav.nav-open{transform:translate(0)}.nav-link{width:100%;text-align:center}.dropdown-content{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:calc(var(--spacing-unit));background:var(--bg-gray)}.search-form{flex:1;max-width:100%}}@media(max-width:480px){.logo-text{font-size:1.2rem}.search-form{display:none}.header-content{gap:calc(var(--spacing-unit) * 2)}}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:auto}.footer-content{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 4)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:calc(var(--spacing-unit) * 6)}.footer-section{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:center;gap:calc(var(--spacing-unit));font-size:1.5rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2)}.footer-logo-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.footer-logo-text{background:linear-gradient(135deg,#ff6b9d,#ffa07a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:#fffc;line-height:1.8;margin-bottom:calc(var(--spacing-unit) * 3);font-size:.95rem}.footer-social{display:flex;gap:calc(var(--spacing-unit) * 2)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#fff;transition:var(--transition)}.social-link:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transform:translateY(-3px)}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);position:relative;padding-bottom:calc(var(--spacing-unit))}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color),transparent)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:calc(var(--spacing-unit) * 1.5)}.footer-links a{color:#fffc;font-size:.95rem;transition:var(--transition);display:inline-block}.footer-links a:hover{color:var(--primary-color);transform:translate(5px)}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:flex-start;gap:calc(var(--spacing-unit));color:#fffc;margin-bottom:calc(var(--spacing-unit) * 1.5);font-size:.9rem;line-height:1.6}.footer-contact svg{flex-shrink:0;margin-top:2px;fill:var(--primary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:calc(var(--spacing-unit) * 3) 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.footer-copyright{color:#ffffffb3;font-size:.9rem;margin:0}.footer-bottom-links{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);font-size:.9rem}.footer-bottom-links a{color:#ffffffb3;transition:var(--transition)}.footer-bottom-links a:hover{color:var(--primary-color)}.separator{color:#ffffff4d}@media(max-width:1200px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-section:last-child{grid-column:1 / -1}}@media(max-width:968px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-section:first-child{grid-column:1 / -1}}@media(max-width:768px){.footer-content{padding:calc(var(--spacing-unit) * 6) 0 calc(var(--spacing-unit) * 3)}.footer-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.footer-section{text-align:center}.footer-logo{justify-content:center}.footer-title:after{left:50%;transform:translate(-50%)}.footer-social{justify-content:center}.footer-links{display:flex;flex-direction:column;align-items:center}.footer-contact li{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center}}.home-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#ffeef8,#ffe5f1,#ffd6e8);padding:calc(var(--spacing-unit) * 12) 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,107,157,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(196,69,105,.1) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:calc(var(--spacing-unit) * 3);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.title-line{animation:fadeInUp .8s ease-out forwards;opacity:0}.title-line:nth-child(2){animation-delay:.3s}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit) * 6);animation:fadeIn 1s ease-out .6s forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.hero-stats{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 8);animation:fadeIn 1s ease-out .9s forwards;opacity:0}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:calc(var(--spacing-unit))}.stat-label{font-size:1rem;color:var(--text-light)}.featured-section{background:linear-gradient(180deg,#fff,#fef9fa)}.featured-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3)}.featured-card{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);animation:slideIn .6s ease-out calc(var(--index) * .1s) forwards;opacity:0}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.featured-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.featured-image{position:relative;padding-top:66.67%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.featured-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.featured-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--spacing-unit) * 3);opacity:0;transition:var(--transition)}.featured-card:hover .featured-overlay{opacity:1}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-color);transition:var(--transition)}.featured-card:hover .play-icon{transform:translate(-50%,-50%) scale(1.2);background:#fff}.featured-info{position:relative;z-index:1}.featured-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:calc(var(--spacing-unit))}.featured-desc{font-size:.9rem;color:#ffffffe6;margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.5}.featured-meta{display:flex;gap:calc(var(--spacing-unit) * 2)}.meta-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);color:#fff;font-size:.9rem}.latest-section{background:linear-gradient(135deg,#fff5e6,#ffe6cc)}.latest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 3)}.latest-card{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.latest-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-image{position:relative;padding-top:56.25%;background:linear-gradient(135deg,#e8e8e8,#d0d0d0);overflow:hidden}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.latest-card:hover .card-image img{transform:scale(1.1)}.card-badge{position:absolute;top:calc(var(--spacing-unit) * 2);left:calc(var(--spacing-unit) * 2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit) * 1.5);border-radius:20px;font-size:.75rem;font-weight:500}.card-duration{position:absolute;bottom:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);background:#000c;color:#fff;padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit));border-radius:4px;font-size:.8rem}.card-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.latest-card:hover .card-hover-overlay{opacity:1}.play-button{background:#fff;color:var(--primary-color);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:50px;font-weight:600;transform:scale(.9);transition:var(--transition)}.latest-card:hover .play-button{transform:scale(1)}.card-content{padding:calc(var(--spacing-unit) * 2)}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit));color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{font-size:.9rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit) * 2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-light)}.top-rated-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.top-rated-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.top-rated-item{background:#fff;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--shadow-sm);transition:var(--transition)}.top-rated-item:hover{transform:translate(10px);box-shadow:var(--shadow-md)}.rank-badge{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:50%;flex-shrink:0}.rank-badge[data-rank="1"]{background:linear-gradient(135deg,gold,#ffed4e);color:#fff}.rank-badge[data-rank="2"]{background:linear-gradient(135deg,silver,#e8e8e8);color:#fff}.rank-badge[data-rank="3"]{background:linear-gradient(135deg,#cd7f32,#e6a85c);color:#fff}.rank-badge[data-rank="4"],.rank-badge[data-rank="5"],.rank-badge[data-rank="6"]{background:var(--bg-gray);color:var(--text-dark)}.top-rated-thumbnail{width:120px;height:80px;border-radius:calc(var(--border-radius) / 2);overflow:hidden;flex-shrink:0}.top-rated-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.top-rated-item:hover .top-rated-thumbnail img{transform:scale(1.1)}.top-rated-info{flex:1;min-width:0}.top-rated-title{font-size:1.1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) / 2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-rated-desc{font-size:.9rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-rated-tags{display:flex;gap:calc(var(--spacing-unit));flex-wrap:wrap}.tag{padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit) * 1.5);background:var(--bg-gray);color:var(--text-dark);border-radius:20px;font-size:.75rem}.top-rated-stats{display:flex;flex-direction:column;gap:calc(var(--spacing-unit));align-items:flex-end}.stat{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);color:var(--text-light);font-size:.9rem}.stat svg{fill:var(--primary-color)}.categories-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:calc(var(--spacing-unit) * 4)}.category-block{background:#fff;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);box-shadow:var(--shadow-sm)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:2px solid var(--bg-gray)}.category-name{font-size:1.3rem;font-weight:600;color:var(--text-dark)}.category-more{color:var(--primary-color);font-size:.9rem;font-weight:500;transition:var(--transition)}.category-more:hover{transform:translate(5px)}.category-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 2)}.category-video-card{display:flex;flex-direction:column;transition:var(--transition)}.category-video-card:hover{transform:translateY(-3px)}.category-video-image{position:relative;padding-top:75%;border-radius:calc(var(--border-radius) / 2);overflow:hidden;margin-bottom:calc(var(--spacing-unit))}.category-video-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.category-video-card:hover .video-overlay{opacity:1}.play-icon-small{color:#fff;font-size:1.5rem}.category-video-info{flex:1}.category-video-title{font-size:.9rem;font-weight:500;margin-bottom:calc(var(--spacing-unit) / 2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-video-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-light)}.masonry-section{background:linear-gradient(135deg,#fce4ec,#f8bbd0)}.masonry-grid{column-count:4;column-gap:calc(var(--spacing-unit) * 3)}.masonry-item{display:inline-block;width:100%;margin-bottom:calc(var(--spacing-unit) * 3);break-inside:avoid;background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeInScale .6s ease-out var(--delay) forwards;opacity:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.masonry-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.masonry-image{position:relative;width:100%}.masonry-image img{width:100%;height:auto;display:block}.masonry-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-play{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem;transform:scale(.8);transition:var(--transition)}.masonry-item:hover .masonry-play{transform:scale(1)}.masonry-content{padding:calc(var(--spacing-unit) * 2)}.masonry-title{font-size:.95rem;font-weight:600;margin-bottom:calc(var(--spacing-unit));overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.masonry-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-light)}@media(max-width:1200px){.masonry-grid{column-count:3}}@media(max-width:968px){.hero-title{font-size:2.5rem}.hero-stats{gap:calc(var(--spacing-unit) * 4)}.stat-number{font-size:2rem}.featured-carousel{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.masonry-grid{column-count:2}}@media(max-width:768px){.hero-section{padding:calc(var(--spacing-unit) * 8) 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.latest-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.top-rated-item{flex-direction:column;text-align:center}.top-rated-thumbnail{width:100%;height:150px}.top-rated-stats{flex-direction:row;justify-content:center}.categories-grid{grid-template-columns:1fr}.masonry-grid{column-count:1}}@media(max-width:480px){.hero-title{font-size:1.5rem}.latest-grid,.featured-carousel{grid-template-columns:1fr}}.video-player{position:relative;width:100%;background:#000;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:16 / 9}.video-player.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0}.video-element{width:100%;height:100%;object-fit:contain;cursor:pointer}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 2);opacity:0;transition:opacity .3s ease;z-index:20}.video-controls.show{opacity:1}.progress-bar{width:100%;height:5px;background:#ffffff4d;border-radius:3px;cursor:pointer;margin-bottom:calc(var(--spacing-unit) * 2);transition:height .2s ease}.progress-bar:hover{height:8px}.progress-filled{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px;transition:width .1s linear}.controls-row{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff1a;border-radius:50%;transition:var(--transition)}.control-btn:hover{background:#fff3;transform:scale(1.1)}.time-display{color:#fff;font-size:.9rem;font-weight:500;margin-right:auto}.volume-control{display:flex;align-items:center;gap:calc(var(--spacing-unit))}.volume-slider{width:80px;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:var(--transition)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:15px;height:15px;background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media(max-width:768px){.volume-control{display:none}.time-display{font-size:.8rem}.control-btn{width:36px;height:36px}}.video-detail-page{padding:calc(var(--spacing-unit) * 4) 0;min-height:100vh;background:var(--bg-light)}.video-layout{display:grid;grid-template-columns:1fr 350px;gap:calc(var(--spacing-unit) * 4);align-items:start}.video-main{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.video-player-wrapper{width:100%;background:#000;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg)}.video-info{background:#fff;padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.video-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.4}.video-meta{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 2) 0;border-top:1px solid var(--bg-gray);border-bottom:1px solid var(--bg-gray);margin-bottom:calc(var(--spacing-unit) * 3);flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.meta-left,.meta-right{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 3);flex-wrap:wrap}.video-meta span{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);color:var(--text-light);font-size:.9rem}.author,.upload-date{color:var(--text-light)}.rating{color:var(--primary-color);font-weight:600}.rating svg{fill:var(--primary-color)}.video-description h3{font-size:1.1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-dark)}.video-description p{color:var(--text-light);line-height:1.8;font-size:1rem}.video-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit));margin-top:calc(var(--spacing-unit) * 2)}.tag{padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit) * 1.5);background:linear-gradient(135deg,#ff6b9d1a,#c445691a);color:var(--primary-color);border-radius:20px;font-size:.85rem;font-weight:500;transition:var(--transition)}.tag:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transform:translateY(-2px)}.video-category{margin-top:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--bg-gray);font-size:.95rem;color:var(--text-light)}.category-link{color:var(--primary-color);font-weight:600;transition:var(--transition)}.category-link:hover{text-decoration:underline}.video-review{background:#fff;padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.video-review h2{font-size:1.4rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-dark);position:relative;padding-left:calc(var(--spacing-unit) * 2)}.video-review h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.review-content p{color:var(--text-dark);line-height:2;font-size:1rem;text-align:justify}.video-sidebar{position:sticky;top:calc(var(--spacing-unit) * 10)}.sidebar-title{font-size:1.2rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-dark)}.related-videos{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.related-video-card{display:flex;gap:calc(var(--spacing-unit) * 1.5);background:#fff;padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.related-video-card:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.related-thumbnail{position:relative;width:120px;height:80px;border-radius:calc(var(--border-radius) / 2);overflow:hidden;flex-shrink:0}.related-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-video-card:hover .related-thumbnail img{transform:scale(1.1)}.related-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.related-video-card:hover .related-overlay{opacity:1}.play-icon{color:#fff;font-size:1.2rem}.related-duration{position:absolute;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2);background:#000c;color:#fff;padding:2px calc(var(--spacing-unit));border-radius:4px;font-size:.7rem}.related-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.related-title{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:calc(var(--spacing-unit) / 2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-meta{display:flex;gap:calc(var(--spacing-unit) * 1.5);font-size:.75rem;color:var(--text-light)}@media(max-width:1200px){.video-layout{grid-template-columns:1fr 300px}}@media(max-width:968px){.video-layout{grid-template-columns:1fr}.video-sidebar{position:static}.related-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 2)}.related-video-card{flex-direction:column}.related-thumbnail{width:100%;height:150px}}@media(max-width:768px){.video-title{font-size:1.4rem}.video-meta{flex-direction:column;align-items:flex-start}.meta-left,.meta-right{width:100%;justify-content:space-between}.related-videos{grid-template-columns:1fr}}.category-page{min-height:100vh;padding-bottom:calc(var(--spacing-unit) * 6)}.category-hero{background:linear-gradient(135deg,#ff6b9d,#c44569);padding:calc(var(--spacing-unit) * 8) 0;text-align:center;color:#fff;margin-bottom:calc(var(--spacing-unit) * 6)}.category-title{font-size:2.5rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2)}.category-count{font-size:1.1rem;opacity:.9}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 3)}.category-video-card{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.category-video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.category-card-image{position:relative;padding-top:56.25%;background:linear-gradient(135deg,#e8e8e8,#d0d0d0);overflow:hidden}.category-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-video-card:hover .category-card-image img{transform:scale(1.1)}.category-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.category-video-card:hover .category-card-overlay{opacity:1}.play-btn{background:#fff;color:var(--primary-color);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:50px;font-weight:600;transform:scale(.9);transition:var(--transition)}.category-video-card:hover .play-btn{transform:scale(1)}.category-card-duration{position:absolute;bottom:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);background:#000c;color:#fff;padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit));border-radius:4px;font-size:.8rem}.category-card-content{padding:calc(var(--spacing-unit) * 2)}.category-card-title{font-size:1.1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card-desc{font-size:.9rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit) * 2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.category-card-footer{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-light)}@media(max-width:768px){.category-hero{padding:calc(var(--spacing-unit) * 6) 0}.category-title{font-size:1.8rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:480px){.category-grid{grid-template-columns:1fr}}.info-page{min-height:100vh;background:var(--bg-light)}.info-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:calc(var(--spacing-unit) * 10) 0;text-align:center;color:#fff;position:relative;overflow:hidden}.info-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.info-title{font-size:3rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);position:relative;z-index:1}.info-subtitle{font-size:1.3rem;opacity:.95;position:relative;z-index:1}.info-content{padding:calc(var(--spacing-unit) * 8) 0;max-width:1000px;margin:0 auto}.info-section{background:#fff;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 4);box-shadow:var(--shadow-sm)}.info-section h2{font-size:1.8rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--text-dark);position:relative;padding-left:calc(var(--spacing-unit) * 2)}.info-section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.info-section p{line-height:2;color:var(--text-dark);margin-bottom:calc(var(--spacing-unit) * 2);font-size:1rem}.info-section ul{list-style:none;padding-left:0}.info-section ul li{padding-left:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 1.5);position:relative;line-height:1.8;color:var(--text-dark)}.info-section ul li:before{content:"●";position:absolute;left:calc(var(--spacing-unit));color:var(--primary-color);font-size:.8rem}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.mission-card{text-align:center;padding:calc(var(--spacing-unit) * 3);border:2px solid var(--bg-gray);border-radius:var(--border-radius);transition:var(--transition)}.mission-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:var(--shadow-md)}.mission-icon{font-size:3rem;margin-bottom:calc(var(--spacing-unit) * 2)}.mission-card h3{font-size:1.2rem;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-dark)}.mission-card p{margin:0;color:var(--text-light);line-height:1.8}.timeline{position:relative;padding-left:calc(var(--spacing-unit) * 4)}.timeline:before{content:"";position:absolute;left:calc(var(--spacing-unit) * 2);top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.timeline-item{position:relative;margin-bottom:calc(var(--spacing-unit) * 4);padding-left:calc(var(--spacing-unit) * 3)}.timeline-item:before{content:"";position:absolute;left:calc(var(--spacing-unit) * -2 + 1px);top:5px;width:12px;height:12px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--primary-color)}.timeline-date{font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit))}.timeline-content h3{font-size:1.2rem;margin-bottom:calc(var(--spacing-unit));color:var(--text-dark)}.timeline-content p{margin:0;color:var(--text-light)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.contact-item{text-align:center;padding:calc(var(--spacing-unit) * 3);background:var(--bg-gray);border-radius:var(--border-radius)}.contact-icon{width:60px;height:60px;margin:0 auto calc(var(--spacing-unit) * 2);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff}.contact-item h3{font-size:1.1rem;margin-bottom:calc(var(--spacing-unit));color:var(--text-dark)}.contact-item p{margin:0;color:var(--text-light)}.cta-section{text-align:center;background:linear-gradient(135deg,#ff6b9d1a,#c445691a);border:2px solid var(--primary-color)}.cta-section h2{color:var(--primary-color)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.service-card{padding:calc(var(--spacing-unit) * 3);background:var(--bg-gray);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.service-card h3{font-size:1.3rem;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-dark)}.service-detail{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit))}.service-desc{margin:0;color:var(--text-light);font-size:.95rem}.help-categories{display:grid;gap:calc(var(--spacing-unit) * 4);margin-top:calc(var(--spacing-unit) * 3)}.help-category{padding:calc(var(--spacing-unit) * 3);background:var(--bg-gray);border-radius:var(--border-radius)}.help-category h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * 2)}.help-list{list-style:none;padding:0}.help-list li{padding:calc(var(--spacing-unit) * 2);background:#fff;border-radius:calc(var(--border-radius) / 2);margin-bottom:calc(var(--spacing-unit) * 2);box-shadow:var(--shadow-sm)}.help-list li strong{display:block;color:var(--text-dark);margin-bottom:calc(var(--spacing-unit) / 2);font-size:1.05rem}.guide-steps{display:grid;gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.guide-step{display:flex;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);background:var(--bg-gray);border-radius:var(--border-radius)}.step-number{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.step-content h3{font-size:1.2rem;margin-bottom:calc(var(--spacing-unit));color:var(--text-dark)}.step-content p{margin:0;color:var(--text-light)}.tech-support{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.tech-item{padding:calc(var(--spacing-unit) * 3);background:var(--bg-gray);border-radius:var(--border-radius)}.tech-item h3{font-size:1.2rem;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-dark)}.feedback-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea}.feedback-list{background:#fff;padding:calc(var(--spacing-unit) * 3);border-radius:calc(var(--border-radius) / 2);margin:calc(var(--spacing-unit) * 2) 0}.feedback-list li:before{content:none}.feedback-note{font-style:italic;color:var(--text-light);margin:0}.copyright-notice{background:linear-gradient(135deg,#ff6b9d1a,#c445691a);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.usage-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.rule-item{padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);background:var(--bg-gray)}.rule-item h3{font-size:1.2rem;margin-bottom:calc(var(--spacing-unit) * 2)}.copyright-list{background:var(--bg-gray);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);margin:calc(var(--spacing-unit) * 2) 0}.disclaimer-content h3{font-size:1.1rem;margin:calc(var(--spacing-unit) * 3) 0 calc(var(--spacing-unit) * 1.5);color:var(--text-dark)}.agreement-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.agreement-item{padding:calc(var(--spacing-unit) * 3);background:var(--bg-gray);border-radius:var(--border-radius);border-top:3px solid var(--primary-color)}.agreement-item h3{font-size:1.1rem;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--primary-color)}.agreement-item p{margin:0;color:var(--text-light)}.contact-info{background:var(--bg-gray);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);margin-top:calc(var(--spacing-unit) * 2)}.update-date{text-align:center;font-weight:600;color:var(--primary-color);margin-top:calc(var(--spacing-unit) * 3)}.legal-footer{text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea}.legal-note{font-weight:600;color:#667eea;margin-top:calc(var(--spacing-unit) * 2)}@media(max-width:768px){.info-hero{padding:calc(var(--spacing-unit) * 6) 0}.info-title{font-size:2rem}.info-subtitle{font-size:1rem}.info-content{padding:calc(var(--spacing-unit) * 4) 0}.info-section{padding:calc(var(--spacing-unit) * 3)}.mission-grid,.contact-grid,.service-grid,.usage-rules,.agreement-highlights,.tech-support{grid-template-columns:1fr}.timeline{padding-left:calc(var(--spacing-unit) * 3)}.guide-step{flex-direction:column;align-items:center;text-align:center}}.search-page{min-height:100vh;padding:calc(var(--spacing-unit) * 6) 0}.search-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6)}.search-title{font-size:2rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-dark)}.search-query{font-size:1.1rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit))}.search-query span{color:var(--primary-color);font-weight:600}.search-count{font-size:.95rem;color:var(--text-light)}.search-results{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.search-result-card{display:flex;gap:calc(var(--spacing-unit) * 2);background:#fff;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);box-shadow:var(--shadow-sm);transition:var(--transition)}.search-result-card:hover{transform:translate(10px);box-shadow:var(--shadow-md)}.result-thumbnail{position:relative;width:240px;height:135px;border-radius:calc(var(--border-radius) / 2);overflow:hidden;flex-shrink:0}.result-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-result-card:hover .result-thumbnail img{transform:scale(1.1)}.result-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.search-result-card:hover .result-overlay{opacity:1}.play-icon{color:#fff;font-size:2rem}.result-duration{position:absolute;bottom:calc(var(--spacing-unit));right:calc(var(--spacing-unit));background:#000c;color:#fff;padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit));border-radius:4px;font-size:.8rem}.result-info{flex:1;display:flex;flex-direction:column;justify-content:center}.result-title{font-size:1.3rem;font-weight:600;margin-bottom:calc(var(--spacing-unit));color:var(--text-dark)}.result-desc{font-size:.95rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-meta{display:flex;gap:calc(var(--spacing-unit) * 2);font-size:.9rem;color:var(--text-light);flex-wrap:wrap}.result-category{background:linear-gradient(135deg,#ff6b9d1a,#c445691a);color:var(--primary-color);padding:calc(var(--spacing-unit) / 2) calc(var(--spacing-unit) * 1.5);border-radius:20px;font-weight:500}.no-results{text-align:center;padding:calc(var(--spacing-unit) * 10) 0}.no-results svg{margin:0 auto calc(var(--spacing-unit) * 3)}.no-results p{font-size:1.2rem;color:var(--text-light);margin-bottom:calc(var(--spacing-unit) * 3)}@media(max-width:768px){.search-result-card{flex-direction:column}.result-thumbnail{width:100%;height:200px}.result-title{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff6b9d;--secondary-color: #c44569;--accent-color: #ffa07a;--text-dark: #2c3e50;--text-light: #7f8c8d;--bg-light: #fff;--bg-gray: #f8f9fa;--bg-dark: #2c3e50;--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 24px rgba(0,0,0,.2);--transition: all .3s ease;--border-radius: 12px;--spacing-unit: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}.container{max-width:1400px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}.section{padding:calc(var(--spacing-unit) * 8) 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 4);color:var(--text-dark);position:relative;padding-left:calc(var(--spacing-unit) * 2)}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:30px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}img{max-width:100%;height:auto;display:block}.btn{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 4);border-radius:calc(var(--border-radius) / 2);font-size:1rem;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit))}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading{text-align:center;padding:calc(var(--spacing-unit) * 6);color:var(--text-light)}.error{text-align:center;padding:calc(var(--spacing-unit) * 6);color:var(--secondary-color)}@media(max-width:768px){.container{padding:0 calc(var(--spacing-unit) * 2)}.section{padding:calc(var(--spacing-unit) * 5) 0}.section-title{font-size:1.5rem;margin-bottom:calc(var(--spacing-unit) * 3)}}@media(max-width:480px){.section-title{font-size:1.25rem}}