@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.hero{position:relative;background:linear-gradient(135deg,#2563eb,#1d4ed8);min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px;font-family:Barlow,sans-serif}.hero__container{width:100%}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero__left-box{color:#fff}.hero__title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__text{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;opacity:.9;font-weight:400}.hero__buttons{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.hero__btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Barlow,sans-serif;position:relative;overflow:hidden}.hero__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}.hero__btn:hover:before{left:100%}.hero__btn--primary{background:#fff;color:#2563eb;box-shadow:0 4px 15px #ffffff4d}.hero__btn--primary:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 8px 25px #fff6}.hero__btn--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__btn--secondary:hover{background:#ffffff26;border-color:#ffffffb3;transform:translateY(-3px);box-shadow:0 8px 25px #fff3}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem 0}.hero__stat-item{text-align:left;position:relative}.hero__stat-item:after{content:"";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:1px;height:40px;background:#ffffff4d}.hero__stat-item:last-child:after{display:none}.hero__stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__stat-text{font-size:.95rem;opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hero__right-box{position:relative}.hero__image-wrapper{position:relative;perspective:1000px}.hero__main-image{position:relative;z-index:2;transform-style:preserve-3d;animation:imageFloat 6s ease-in-out infinite}.hero__image{width:100%;height:450px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;filter:brightness(1.05) contrast(1.1)}.hero__floating-card{position:absolute;background:linear-gradient(135deg,#0947d9,#f8fafc);padding:1.25rem 1.5rem;border-radius:16px;box-shadow:0 15px 35px #0003,0 0 0 1px #ffffff4d;display:flex;align-items:center;gap:1rem;z-index:3;animation:float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.hero__card-icon{font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hero__card-content{display:flex;flex-direction:column}.hero__card-title{font-weight:700;color:#1f2937;font-size:1rem;margin-bottom:.25rem}.hero__card-desc{font-size:.85rem;color:#6b7280;font-weight:500}.card-1{top:10%;left:-10%;animation-delay:0s}.card-2{top:50%;right:-8%;transform:translateY(-50%);animation-delay:1.5s}.card-3{bottom:15%;left:-5%;animation-delay:3s}.hero__bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.hero__bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,#0717ad1a,#fff0 70%);animation:pulse 6s ease-in-out infinite}.circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.circle-2{width:200px;height:200px;bottom:-50px;left:-50px;animation-delay:2s}.circle-3{width:150px;height:150px;top:30%;left:10%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes imageFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(2deg)}}@media(min-width:1440px){.container{max-width:1400px}.hero__title{font-size:4rem}.hero__text{font-size:1.4rem}}@media(max-width:1199px){.hero__content{gap:3rem}.hero__title{font-size:3rem}.hero__text{font-size:1.2rem}.hero__image{height:400px}.card-1{left:-5%}.card-2{right:-5%}}@media(max-width:991px){.hero{padding:100px 0 60px}.hero__content{grid-template-columns:1fr;gap:4rem;text-align:center}.hero__title{font-size:3rem;line-height:1.3}.hero__text{font-size:1.2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero__buttons{justify-content:center}.hero__stats{justify-content:center;max-width:500px;margin:0 auto}.hero__stat-item:after{display:none}.hero__image{height:350px;max-width:500px;margin:0 auto}.hero__floating-card{padding:1rem 1.25rem}.card-1{top:5%;left:5%}.card-2{top:auto;bottom:20%;right:5%;transform:none}.card-3{bottom:5%;left:10%}}@media(max-width:767px){.hero{padding:90px 0 50px;min-height:90vh}.container{padding:0 1.5rem}.hero__title{font-size:2.5rem;margin-bottom:1rem}.hero__text{font-size:1.1rem;margin-bottom:2rem}.hero__buttons{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem}.hero__btn{width:100%;max-width:280px;padding:1.1rem 2rem}.hero__stats{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 0}.hero__stat-item{text-align:center;padding:1rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__stat-number{font-size:2rem}.hero__image{height:300px;border-radius:16px}.hero__floating-card{position:relative;margin-bottom:1rem;animation:none;max-width:250px;margin-left:auto;margin-right:auto}.card-1,.card-2,.card-3{position:relative;inset:auto;transform:none;margin:0 auto 1rem}.circle-1,.circle-2,.circle-3{display:none}}@media(max-width:575px){.hero{padding:80px 0 40px;min-height:85vh}.container{padding:0 1rem}.hero__title{font-size:2rem;line-height:1.4}.hero__text{font-size:1rem;line-height:1.5}.hero__btn{padding:1rem 1.5rem;font-size:.95rem}.hero__stats{gap:1rem}.hero__stat-item{padding:.75rem}.hero__stat-number{font-size:1.75rem}.hero__stat-text{font-size:.85rem}.hero__image{height:250px;border-radius:12px}.hero__floating-card{padding:.875rem 1rem;flex-direction:column;text-align:center;gap:.5rem}.hero__card-icon{font-size:1.75rem}.hero__card-title{font-size:.95rem}.hero__card-desc{font-size:.8rem}}@media(max-width:375px){.hero__title{font-size:1.75rem}.hero__text{font-size:.95rem}.hero__btn{padding:.875rem 1.25rem;font-size:.9rem}.hero__stat-number{font-size:1.5rem}.hero__image{height:220px}}@media(prefers-color-scheme:dark){.hero__floating-card{background:linear-gradient(135deg,#1f2937,#374151)}.hero__card-title{color:#f9fafb}.hero__card-desc{color:#d1d5db}}@media(prefers-contrast:high){.hero__btn--secondary{border-width:3px}.hero__stat-text{opacity:1}}@media(prefers-reduced-motion:reduce){.hero__floating-card,.hero__main-image,.hero__bg-circle{animation:none}.hero__btn{transition:none}}.videos{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.container{max-width:1200px;margin:0 auto}.videos__container{width:100%}.videos__content{display:flex;justify-content:center;align-items:center}.videos__player-wrapper{width:100%;max-width:1200px;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.videos__player{position:relative;width:100%;padding-bottom:50%;height:0;overflow:hidden}.videos__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}@media(max-width:768px){.videos{padding:60px 0}.container{padding:0 1.5rem}.videos__player-wrapper{border-radius:16px}}@media(max-width:480px){.videos{padding:40px 0}.container{padding:0 1rem}.videos__player-wrapper{border-radius:12px}}.logos{padding:80px 0;background:linear-gradient(135deg,#2563eb,#1d4ed8);position:relative;overflow:hidden;font-family:Barlow,sans-serif}.logos:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.logos:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.logos__container{width:100%}.logos__header{text-align:center;margin-bottom:4rem}.logos__title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.logos__subtitle{font-size:1.1rem;color:#ffffffe6;max-width:500px;margin:0 auto;line-height:1.6}.logos__slider{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,rgba(255,255,255,.8) 10%,rgba(255,255,255,.9) 90%,transparent);mask-image:linear-gradient(to right,transparent,rgba(255,255,255,.8) 10%,rgba(255,255,255,.9) 90%,transparent)}.logos__track{display:flex;animation:scroll 40s linear infinite;will-change:transform}.logos__track:hover{animation-play-state:paused}.logos__item{flex:0 0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logos__image{height:60px;width:auto;object-fit:contain;filter:brightness(0) invert(1) opacity(.8);transition:all .3s ease}.logos__item:hover .logos__image{filter:brightness(0) invert(1) opacity(1);transform:scale(1.15)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logos__slider:before,.logos__slider:after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}.logos__slider:before{left:0;background:linear-gradient(to right,#2563eb,transparent)}.logos__slider:after{right:0;background:linear-gradient(to left,#2563eb,transparent)}.logos__bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.logos__bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:pulse 8s ease-in-out infinite}.logos__bg-circle--1{width:200px;height:200px;top:-50px;right:-50px;animation-delay:0s}.logos__bg-circle--2{width:150px;height:150px;bottom:-30px;left:-30px;animation-delay:2s}.logos__bg-circle--3{width:100px;height:100px;top:30%;left:10%;animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.2);opacity:.15}}@media(max-width:1024px){.logos__title{font-size:2.25rem}.logos__image{height:50px}.logos__item{padding:0 1.5rem}.logos__slider:before,.logos__slider:after{width:120px}}@media(max-width:768px){.logos{padding:60px 0}.logos__header{margin-bottom:3rem}.logos__title{font-size:2rem}.logos__subtitle{font-size:1rem}.logos__image{height:40px}.logos__item{padding:0 1.25rem}.logos__slider:before,.logos__slider:after{width:80px}.logos__bg-circle--1{width:150px;height:150px}.logos__bg-circle--2{width:120px;height:120px}.logos__bg-circle--3{width:80px;height:80px}}@media(max-width:480px){.logos{padding:40px 0}.logos__header{margin-bottom:2.5rem}.logos__title{font-size:1.75rem}.logos__subtitle{font-size:.95rem}.logos__image{height:35px}.logos__item{padding:0 1rem}.logos__slider:before,.logos__slider:after{width:60px}.logos__track{animation-duration:30s}.logos__bg-circle--1,.logos__bg-circle--2,.logos__bg-circle--3{display:none}}@media(prefers-reduced-motion:reduce){.logos__track{animation:none;justify-content:center;flex-wrap:wrap;gap:2rem}.logos__slider{-webkit-mask-image:none;mask-image:none;overflow:visible}.logos__slider:before,.logos__slider:after{display:none}.logos__bg-circle{animation:none}}.useful-links{padding:60px 0;background:linear-gradient(135deg,#0f172a,#1e293b)}.useful-links .logos__header{margin-bottom:2rem}.logos__carousel{position:relative;width:100%;overflow:hidden;margin-bottom:2.5rem;padding:20px 0;mask-image:linear-gradient(to right,transparent,white 10%,white 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,white 10%,white 90%,transparent)}.logos__carousel-track{display:flex;gap:3rem;animation:carouselScroll 25s linear infinite;width:max-content}.logos__carousel-track:hover{animation-play-state:paused}.logos__carousel-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100px;height:70px;background:#fffffff2;border-radius:12px;padding:12px;transition:all .3s ease}.logos__carousel-item:hover{transform:scale(1.1);box-shadow:0 8px 25px #fff3}.logos__carousel-logo{max-width:100%;max-height:100%;object-fit:contain}@keyframes carouselScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.logos__carousel-item{width:80px;height:55px;padding:10px}.logos__carousel-track{gap:2rem}}@media(max-width:480px){.logos__carousel-item{width:70px;height:50px;padding:8px}.logos__carousel-track{gap:1.5rem;animation-duration:20s}}@media(prefers-reduced-motion:reduce){.logos__carousel-track{animation:none;justify-content:center;flex-wrap:wrap}.logos__carousel{mask-image:none;-webkit-mask-image:none}}.useful-links__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}.useful-link__card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.useful-link__card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.useful-link__card:hover:before{left:100%}.useful-link__card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #00000040}.useful-link__logo-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;background:#fffffff2;border-radius:12px;padding:8px;transition:all .3s ease}.useful-link__logo{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.useful-link__card:hover .useful-link__logo-wrapper{transform:scale(1.08);box-shadow:0 4px 15px #fff3}.useful-link__card:hover .useful-link__logo{transform:scale(1.05)}.useful-link__content{flex:1;min-width:0}.useful-link__name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.useful-link__description{font-size:.8rem;color:#ffffff80;margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.useful-link__url{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#60a5fa;font-weight:500;transition:all .3s ease}.useful-link__url svg{font-size:10px;transition:transform .3s ease}.useful-link__card:hover .useful-link__url{color:#93c5fd}.useful-link__card:hover .useful-link__url svg{transform:translate(2px,-2px)}@media(max-width:992px){.useful-links__grid{grid-template-columns:repeat(2,1fr);max-width:600px}}@media(max-width:640px){.useful-links{padding:50px 0}.useful-links__grid{grid-template-columns:1fr;gap:12px;max-width:400px}.useful-link__card{padding:14px 16px}.useful-link__logo-wrapper{width:50px;height:50px;padding:6px}.useful-link__name{font-size:.9rem}.useful-link__description{-webkit-line-clamp:1}}.news-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.news-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.news-card__image-wrapper{position:relative;width:100%;padding-top:60%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.news-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-card__image{transform:scale(1.05)}.news-card__category{position:absolute;top:16px;left:16px;background:#fffffff2;color:#667eea;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.news-card__featured-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}.news-card__content{padding:24px;display:flex;flex-direction:column;flex:1}.news-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#64748b}.news-card__date{font-weight:500}.news-card__stats{display:flex;gap:16px}.news-card__stat{display:flex;align-items:center;gap:6px}.news-card__stat svg{font-size:14px}.news-card__title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card__excerpt{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.news-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.news-card__tag{background:#f1f5f9;color:#667eea;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.news-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.news-card__read-more{color:#667eea;font-weight:600;font-size:14px;transition:all .3s ease}.news-card:hover .news-card__read-more{color:#764ba2;transform:translate(4px)}.news-card--featured{grid-column:span 2}.news-card--featured .news-card__link{flex-direction:row}.news-card--featured .news-card__image-wrapper{width:50%;padding-top:0;min-height:400px}.news-card--featured .news-card__content{width:50%;padding:40px}.news-card--featured .news-card__title{font-size:28px}.news-card--featured .news-card__excerpt{font-size:16px;-webkit-line-clamp:4}@media(max-width:768px){.news-card--featured{grid-column:span 1}.news-card--featured .news-card__link{flex-direction:column}.news-card--featured .news-card__image-wrapper{width:100%;padding-top:60%;min-height:auto}.news-card--featured .news-card__content{width:100%;padding:24px}.news-card--featured .news-card__title{font-size:22px}.news-card--featured .news-card__excerpt{font-size:15px}}.featured-news{padding:80px 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.featured-news:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.1;z-index:0}.featured-news:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;opacity:.1;z-index:0}.featured-news .container{position:relative;z-index:1}.featured-news__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px}.featured-news__header-content{flex:1}.featured-news__title{font-size:42px;font-weight:800;color:#1e293b;margin:0 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-news__subtitle{font-size:18px;color:#64748b;margin:0;max-width:600px}.featured-news__view-all{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#fff;color:#667eea;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;box-shadow:0 4px 12px #667eea26;transition:all .3s ease;white-space:nowrap}.featured-news__view-all:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #667eea40}.featured-news__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.featured-news__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.featured-news__loading p{font-size:16px;color:#64748b;margin:0}@media(max-width:1024px){.featured-news{padding:60px 0}.featured-news__title{font-size:36px}.featured-news__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media(max-width:768px){.featured-news{padding:48px 0}.featured-news__header{flex-direction:column;align-items:flex-start;margin-bottom:32px;gap:20px}.featured-news__title{font-size:32px}.featured-news__subtitle{font-size:16px}.featured-news__view-all{padding:12px 24px;font-size:14px;width:100%;justify-content:center}.featured-news__grid{grid-template-columns:1fr;gap:20px}}.latest-news{padding:80px 0;background:#f8fafc}.latest-news__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.latest-news__title-wrapper{display:flex;align-items:center;gap:16px}.latest-news__clock-icon{font-size:36px;color:#667eea;animation:clock-tick 2s ease-in-out infinite}@keyframes clock-tick{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.latest-news__title{font-size:42px;font-weight:800;color:#1e293b;margin:0}.latest-news__view-all{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;white-space:nowrap}.latest-news__view-all:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.latest-news__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}@media(max-width:1024px){.latest-news{padding:60px 0}.latest-news__title{font-size:36px}.latest-news__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media(max-width:768px){.latest-news{padding:48px 0}.latest-news__header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.latest-news__clock-icon,.latest-news__title{font-size:28px}.latest-news__view-all{width:100%;justify-content:center}.latest-news__grid{grid-template-columns:1fr;gap:20px}}.info-widgets{padding:60px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.info-widgets:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.info-widgets .container{max-width:1200px;margin:0 auto;padding:0 2rem}.info-widgets__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-widget{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.info-widget:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.info-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.info-widget__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-widget__header-icon{font-size:1.1rem}.info-widget__loading{display:flex;align-items:center;justify-content:center;min-height:120px}.info-widget__spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.info-widget__error{display:flex;align-items:center;justify-content:center;min-height:120px;color:#94a3b8;font-size:.9rem;text-align:center}.info-widget--weather:before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.info-widget--weather .info-widget__header{color:#0891b2}.weather__main{display:flex;align-items:center;gap:16px;margin-bottom:16px}.weather__icon{font-size:4rem;color:#0891b2;line-height:1}.weather__icon svg{width:70px;height:70px}.weather__temp{display:flex;align-items:flex-start}.weather__temp-value{font-size:3.5rem;font-weight:700;color:#0f172a;line-height:1}.weather__temp-unit{font-size:1.5rem;font-weight:500;color:#64748b;margin-top:4px}.weather__details{border-top:1px solid #e2e8f0;padding-top:16px}.weather__city{font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:4px}.weather__description{font-size:.95rem;color:#64748b;text-transform:capitalize;margin-bottom:12px}.weather__extra{display:flex;gap:16px;font-size:.85rem;color:#94a3b8}.info-widget--currency:before{background:linear-gradient(90deg,#10b981,#059669)}.info-widget--currency .info-widget__header{color:#059669}.currency__list{display:flex;flex-direction:column;gap:12px}.currency__item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;transition:all .2s ease}.currency__item:hover{background:#f1f5f9}.currency__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.currency__icon--usd{background:linear-gradient(135deg,#22c55e,#16a34a)}.currency__icon--eur{background:linear-gradient(135deg,#3b82f6,#2563eb)}.currency__icon--rub{background:linear-gradient(135deg,#f59e0b,#d97706)}.currency__info{flex:1;display:flex;flex-direction:column}.currency__code{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase}.currency__rate{font-size:1.1rem;font-weight:700;color:#0f172a}.currency__diff{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px}.currency__diff.up{color:#16a34a;background:#dcfce7}.currency__diff.down{color:#dc2626;background:#fee2e2}.currency__diff svg{font-size:.7rem}.currency__source{margin-top:12px;font-size:.75rem;color:#94a3b8;text-align:right}.info-widget--calendar:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.info-widget--calendar .info-widget__header{color:#7c3aed}.info-widget--calendar .info-widget__content{display:flex;flex-direction:column;align-items:center;text-align:center}.calendar__time{display:flex;align-items:center;gap:12px;margin-bottom:16px}.calendar__time-icon{font-size:1.5rem;color:#7c3aed}.calendar__time-value{font-size:2.8rem;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums;letter-spacing:1px}.calendar__date{font-size:1.1rem;font-weight:500;color:#475569;margin-bottom:12px;text-transform:capitalize}.calendar__timezone{font-size:.85rem;color:#94a3b8;padding:6px 16px;background:#f1f5f9;border-radius:20px}@media(max-width:1024px){.info-widgets__grid{grid-template-columns:repeat(2,1fr)}.info-widget--calendar{grid-column:span 2}.info-widget--calendar .info-widget__content{flex-direction:row;justify-content:center;gap:40px;flex-wrap:wrap}.calendar__time{margin-bottom:0}}@media(max-width:768px){.info-widgets{padding:40px 0}.info-widgets__grid{grid-template-columns:1fr;gap:16px}.info-widget{padding:20px}.info-widget--calendar{grid-column:span 1}.info-widget--calendar .info-widget__content{flex-direction:column;gap:12px}.weather__icon svg{width:60px;height:60px}.weather__temp-value{font-size:3rem}.calendar__time-value{font-size:2.2rem}}@media(max-width:480px){.info-widgets .container{padding:0 1rem}.info-widget{padding:16px;border-radius:16px}.info-widget__header{font-size:.8rem;margin-bottom:16px}.weather__main{gap:12px}.weather__icon svg{width:50px;height:50px}.weather__temp-value{font-size:2.5rem}.weather__extra{flex-direction:column;gap:4px}.currency__item{padding:10px}.currency__icon{width:36px;height:36px;font-size:1rem}.currency__rate{font-size:1rem}.calendar__time-value{font-size:2rem}.calendar__date{font-size:1rem}}@media(prefers-reduced-motion:reduce){.info-widget{transition:none}.info-widget:hover{transform:none}.info-widget__spinner{animation:none}}@media(prefers-color-scheme:dark){.info-widgets{background:linear-gradient(135deg,#0f172a,#1e293b)}.info-widget{background:#1e293b;box-shadow:0 4px 20px #0000004d}.info-widget:hover{box-shadow:0 12px 40px #0006}.weather__temp-value,.weather__city,.currency__rate,.calendar__time-value{color:#f1f5f9}.weather__description,.weather__extra,.currency__code,.calendar__date{color:#94a3b8}.currency__item{background:#334155}.currency__item:hover{background:#475569}.calendar__timezone{background:#334155;color:#94a3b8}}.about-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 0 80px;text-align:center;color:#fff}.about-hero__title{font-size:48px;font-weight:800;margin-bottom:20px}.about-hero__subtitle{font-size:20px;opacity:.95}.about-content{padding:80px 0}.about-section{margin-bottom:60px}.about-section__title{font-size:32px;font-weight:700;margin-bottom:20px;color:#333}.about-section__text{font-size:18px;line-height:1.8;color:#666;max-width:800px}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.about-feature{padding:40px 30px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;text-align:center;transition:transform .3s ease}.about-feature:hover{transform:translateY(-10px)}.about-feature__icon{font-size:48px;margin-bottom:20px;color:#667eea;display:flex;justify-content:center;align-items:center}.about-feature__title{font-size:20px;font-weight:700;margin-bottom:15px;color:#333}.about-feature__text{color:#666;line-height:1.6}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:60px;padding:60px 0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px}.about-stat{text-align:center;color:#fff}.about-stat__number{font-size:48px;font-weight:800;margin-bottom:10px}.about-stat__label{font-size:18px;opacity:.95}@media(max-width:768px){.about-hero__title{font-size:36px}.about-section__title{font-size:28px}.about-stats{grid-template-columns:repeat(2,1fr)}}.courses-page{min-height:100vh;background:#f8fafc}.courses-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:120px 0 50px;text-align:center}.courses-hero__title{font-size:36px;font-weight:800;color:#fff;margin-bottom:10px}.courses-hero__subtitle{font-size:16px;color:#ffffffe6;margin-bottom:30px}.courses-search{max-width:500px;margin:0 auto;position:relative}.courses-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#667eea;font-size:16px}.courses-search__input{width:100%;padding:14px 45px;border:none;border-radius:50px;font-size:15px;outline:none;box-shadow:0 4px 20px #0000001a}.courses-search__input:focus{box-shadow:0 6px 30px #00000026}.courses-search__clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:12px}.courses-search__clear:hover{background:#cbd5e1;color:#475569}.courses-main{padding:30px 0 60px}.courses-layout{display:grid;grid-template-columns:260px 1fr;gap:30px}.courses-sidebar{background:#fff;border-radius:16px;padding:20px;height:fit-content;position:sticky;top:100px;box-shadow:0 2px 10px #0000000d}.courses-sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.courses-sidebar__header h3{font-size:16px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;margin:0}.courses-sidebar__header h3 svg{color:#667eea}.courses-sidebar__clear{background:none;border:none;color:#667eea;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px}.courses-sidebar__clear:hover{background:#f1f5f9}.courses-sidebar__close{display:none;background:none;border:none;font-size:20px;color:#64748b;cursor:pointer}.filter-group{margin-bottom:24px}.filter-group__title{font-size:13px;font-weight:700;color:#475569;margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.filter-group__title svg{font-size:14px;color:#667eea}.filter-group__options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#475569}.filter-option:hover{background:#f1f5f9}.filter-option input[type=radio]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.filter-option input[type=radio]:checked+span{color:#667eea;font-weight:600}.courses-content{min-height:400px}.courses-results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.courses-results-info{display:flex;flex-direction:column;gap:10px}.courses-results-count{font-size:15px;font-weight:600;color:#1e293b}.courses-active-filters{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#eff6ff;color:#3b82f6;border-radius:20px;font-size:13px;font-weight:500}.active-filter-tag button{background:none;border:none;color:#3b82f6;cursor:pointer;padding:0;display:flex;font-size:10px}.active-filter-tag button:hover{color:#1d4ed8}.courses-mobile-filter-btn{display:none;align-items:center;gap:8px;padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.courses-mobile-filter-btn .filter-count{background:#fff;color:#667eea;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.course-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:all .3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.course-card:hover .course-card__image img{transform:scale(1.05)}.course-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px}.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.badge--new{background:#10b981;color:#fff}.badge--discount{background:#ef4444;color:#fff}.course-card__level{position:absolute;top:12px;right:12px;background:#fffffff2;color:#667eea;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700}.course-card__body{padding:20px}.course-card__meta-top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.course-card__category{font-size:12px;font-weight:600;color:#667eea;background:#eff6ff;padding:4px 10px;border-radius:20px}.course-card__format{font-size:12px;font-weight:500;color:#64748b;display:flex;align-items:center;gap:4px}.course-card__title{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__description{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__stats{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.course-card__stats span{display:flex;align-items:center;gap:5px;font-size:13px;color:#64748b}.course-card__stats svg{color:#667eea;font-size:12px}.course-card__dates{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;margin-bottom:16px;font-size:13px;color:#0369a1;font-weight:500}.course-card__dates svg{color:#0ea5e9;font-size:14px;flex-shrink:0}.course-card__instructor{display:flex;align-items:center;gap:10px;margin-bottom:16px}.course-card__instructor img{width:28px;height:28px;border-radius:50%;object-fit:cover}.course-card__instructor span{font-size:13px;color:#64748b}.course-card__footer{display:flex;justify-content:space-between;align-items:center}.course-card__price{display:flex;flex-direction:column;gap:2px}.price--old{font-size:13px;color:#94a3b8;text-decoration:line-through}.price--current{font-size:18px;font-weight:800;color:#667eea}.course-card__enroll-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.course-card__enroll-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.course-card__detail-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.course-card__detail-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}.courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.courses-loading__spinner{font-size:40px;color:#667eea;animation:spin 1s linear infinite}.courses-loading p{font-size:16px;color:#64748b}.courses-error{text-align:center;padding:60px 20px}.courses-error p{font-size:16px;color:#ef4444;margin-bottom:16px}.courses-error button{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.courses-empty{text-align:center;padding:60px 20px}.courses-empty__icon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.courses-empty h3{font-size:18px;font-weight:700;color:#475569;margin-bottom:8px}.courses-empty p{font-size:14px;color:#94a3b8;margin-bottom:20px}.courses-empty .btn-primary{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.courses-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px;padding-top:30px;border-top:1px solid #e2e8f0}.pagination-btn{padding:10px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-page{width:36px;height:36px;border:none;background:#f1f5f9;color:#475569;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-page:hover{background:#e2e8f0}.pagination-page.active{background:#667eea;color:#fff}.pagination-ellipsis{color:#94a3b8;font-size:14px}.courses-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:1024px){.courses-layout{grid-template-columns:1fr}.courses-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:300px;z-index:1000;border-radius:0;overflow-y:auto;padding-top:20px}.courses-sidebar.show,.courses-sidebar__close,.courses-sidebar-overlay{display:block}.courses-mobile-filter-btn{display:flex}}@media(max-width:768px){.courses-hero{padding:40px 0 35px}.courses-hero__title{font-size:28px}.courses-hero__subtitle{font-size:14px}.courses-grid{grid-template-columns:1fr;gap:20px}.courses-results-header{flex-direction:column}}@media(max-width:480px){.courses-hero__title{font-size:24px}.course-card__body{padding:16px}.course-card__stats{gap:12px}.course-card__stats span{font-size:12px}.pagination-btn{padding:8px 14px;font-size:13px}.pagination-page{width:32px;height:32px;font-size:13px}}.enrollment-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.enrollment-modal__content{background:#fff;border-radius:16px;padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.enrollment-modal__content--large{max-width:700px}.enrollment-modal__close{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:#6b7280;transition:all .2s;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px}.enrollment-modal__close:hover{background:#f3f4f6;color:#1f2937}.enrollment-modal__header{margin-bottom:25px}.enrollment-modal__header h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:15px}.enrollment-modal__course-info{background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;border-radius:10px;color:#fff}.enrollment-modal__course-info h3{font-size:16px;font-weight:600;margin-bottom:5px}.enrollment-modal__price{font-size:18px;font-weight:700;opacity:.9}.enrollment-modal__auth{text-align:center;padding:20px 0}.enrollment-modal__auth h2{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:10px}.enrollment-modal__auth p{color:#6b7280;margin-bottom:25px}.enrollment-form{display:flex;flex-direction:column;gap:20px}.enrollment-form__section{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.enrollment-form__section:last-of-type{border-bottom:none;padding-bottom:0}.enrollment-form__section h4{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:15px}.enrollment-form__label{display:block;font-weight:600;color:#374151;margin-bottom:10px;font-size:14px}.enrollment-form__radio-group{display:flex;gap:20px}.enrollment-form__radio{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 20px;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s;flex:1}.enrollment-form__radio:hover{border-color:#667eea;background:#f9fafb}.enrollment-form__radio input[type=radio]{width:18px;height:18px;cursor:pointer}.enrollment-form__radio input[type=radio]:checked+span{color:#667eea;font-weight:600}.enrollment-form__radio span{font-size:15px;color:#374151}.enrollment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.enrollment-form__field{display:flex;flex-direction:column;gap:6px}.enrollment-form__field label{font-weight:500;color:#374151;font-size:14px}.required-asterisk{color:#ef4444;margin-left:2px}.enrollment-form__field input{padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s;outline:none}.enrollment-form__field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.enrollment-form__field input::placeholder{color:#9ca3af}.enrollment-form__hint{color:#6b7280;font-size:14px;margin-bottom:15px;font-style:italic}.enrollment-form__student{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px}.enrollment-form__student .enrollment-form__field{flex:1}.enrollment-form__remove-btn{background:#fee;border:none;color:#dc2626;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.enrollment-form__remove-btn:hover{background:#fecaca}.enrollment-form__add-btn{background:#f3f4f6;border:2px dashed #d1d5db;color:#667eea;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px}.enrollment-form__add-btn:hover{background:#e5e7eb;border-color:#667eea}.enrollment-form__actions{display:flex;gap:12px;margin-top:10px}.enrollment-form__cancel,.enrollment-form__submit{flex:1;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.enrollment-form__cancel{background:#f3f4f6;color:#374151}.enrollment-form__cancel:hover{background:#e5e7eb}.enrollment-form__submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.enrollment-form__submit:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-1px);box-shadow:0 5px 15px #667eea4d}@media(max-width:640px){.enrollment-modal{padding:10px}.enrollment-modal__content{padding:20px}.enrollment-form__row{grid-template-columns:1fr}.enrollment-form__radio-group{flex-direction:column}}.oneid-login-modal{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.oneid-login-content{background:#fff;border-radius:24px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.oneid-login-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.oneid-login-close:hover{background:#e0e0e0;color:#333;transform:rotate(90deg)}.oneid-login-header{padding:50px 40px 30px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:24px 24px 0 0}.oneid-login-title{font-size:32px;font-weight:800;color:#333;margin-bottom:10px}.oneid-login-subtitle{font-size:16px;color:#666;line-height:1.5}.oneid-login-body{padding:40px}.oneid-login-button{width:100%;padding:0;border:none;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0066ff4d;overflow:hidden;position:relative}.oneid-login-button: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 ease}.oneid-login-button:hover:before{left:100%}.oneid-login-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #06f6}.oneid-login-button:active{transform:translateY(0)}.oneid-login-button-content{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;position:relative}.oneid-logo{width:80px;height:auto}.oneid-login-button-text{font-size:18px;font-weight:700;color:#fff}.oneid-login-info{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #0066FF}.oneid-login-info-text{display:flex;align-items:flex-start;gap:12px;color:#666;font-size:14px;line-height:1.6;margin:0}.oneid-login-info-text svg{flex-shrink:0;margin-top:2px;color:#06f}.oneid-login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.oneid-login-feature{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.oneid-login-feature span{font-size:13px;color:#666;font-weight:500}.oneid-login-footer{padding:30px 40px 40px;background:#f8f9fa;border-radius:0 0 24px 24px}.oneid-login-footer-text{font-size:13px;color:#999;text-align:center;line-height:1.6;margin:0}.oneid-login-link{color:#06f;text-decoration:none;font-weight:600;transition:color .3s ease}.oneid-login-link:hover{color:#0052cc;text-decoration:underline}@media(max-width:768px){.oneid-login-content{border-radius:20px}.oneid-login-header{padding:40px 30px 20px}.oneid-login-title{font-size:28px}.oneid-login-subtitle{font-size:14px}.oneid-login-body{padding:30px}.oneid-login-button-text{font-size:16px}.oneid-login-features{grid-template-columns:1fr;gap:15px}.oneid-login-footer{padding:25px 30px 30px}}@media(max-width:480px){.oneid-login-header{padding:30px 20px 15px}.oneid-login-title{font-size:24px}.oneid-login-body{padding:25px 20px}.oneid-login-footer{padding:20px}.oneid-logo{width:70px}}.course-detail{min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#fff);padding-bottom:60px}.course-detail__back{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:50px;color:#333;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:30px 0 20px}.course-detail__back:hover{border-color:#667eea;color:#667eea;transform:translate(-5px);box-shadow:0 5px 15px #667eea33}.course-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.course-detail-loading__spinner{font-size:48px;color:#667eea;animation:spin 1s linear infinite}.course-detail-loading p{font-size:18px;color:#666;font-weight:500}.course-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.course-detail-error p{font-size:18px;color:#dc3545;font-weight:500}.course-detail-error button{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.course-detail-error button:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.course-detail-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 0 60px;position:relative;overflow:hidden}.course-detail-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');animation:move 20s linear infinite}.course-detail-hero__content{display:grid;grid-template-columns:1fr 400px;gap:60px;position:relative;z-index:1}.course-detail-hero__left{color:#fff}.course-detail-hero__breadcrumb{font-size:14px;color:#ffffffe6;margin-bottom:20px}.course-detail-hero__breadcrumb span{transition:all .2s ease}.course-detail-hero__breadcrumb span:hover{text-decoration:underline}.course-detail-hero__title{font-size:42px;font-weight:800;margin-bottom:20px;line-height:1.3;animation:fadeInUp .6s ease-out}.course-detail-hero__description{font-size:18px;line-height:1.6;margin-bottom:30px;opacity:.95;animation:fadeInUp .8s ease-out}.course-detail-hero__description p{margin-bottom:10px}.course-detail-hero__description ul,.course-detail-hero__description ol{padding-left:25px;margin:10px 0}.course-detail-hero__description li{margin-bottom:5px}.course-detail-hero__description strong{font-weight:700}.course-detail-hero__description a{color:#fff;text-decoration:underline}.course-detail-hero__meta{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:25px}.course-detail-hero__meta-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.course-detail-hero__level{background:#fff3;padding:6px 15px;border-radius:20px;font-weight:600}.course-detail-hero__dates{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:25px;border:1px solid rgba(255,255,255,.2)}.course-detail-hero__dates>svg{font-size:20px;color:#fbbf24;margin-top:2px;flex-shrink:0}.course-detail-hero__dates-content{display:flex;flex-direction:column;gap:6px}.course-detail-hero__date{font-size:15px;font-weight:500}.course-detail-hero__date strong{font-weight:600;opacity:.9;margin-right:5px}.course-detail-hero__tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.course-detail-hero__tag{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff26;border-radius:20px;font-size:14px;font-weight:500}.course-detail-hero__instructor{display:flex;align-items:center;gap:10px;font-size:16px}.course-detail-hero__instructor-label{opacity:.9}.course-detail-hero__instructor-name{font-weight:700;background:#fff3;padding:8px 16px;border-radius:20px}.course-detail-hero__right{position:relative}.course-detail-hero__price-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003;position:sticky;top:100px}.course-detail-hero__thumbnail{position:relative;height:220px;overflow:hidden}.course-detail-hero__thumbnail img{width:100%;height:100%;object-fit:cover}.course-detail-hero__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#fffffff2;border:none;border-radius:50%;color:#667eea;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.course-detail-hero__play-btn:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 10px 30px #667eea66}.course-detail-hero__price-info{padding:25px}.course-detail-hero__discount{display:flex;align-items:center;gap:10px;margin-bottom:10px}.course-detail-hero__price--old{font-size:18px;color:#999;text-decoration:line-through}.course-detail-hero__discount-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.course-detail-hero__price{font-size:36px;font-weight:800;color:#667eea;margin-bottom:15px}.course-detail-hero__seats{padding:10px 15px;background:#d4edda;border-radius:10px;font-size:14px;font-weight:600;color:#155724;text-align:center;margin-bottom:20px}.course-detail-hero__seats--full{background:#f8d7da;color:#721c24}.course-detail-hero__actions{display:flex;flex-direction:column;gap:12px}.course-detail-hero__enroll-btn,.course-detail-hero__cart-btn{width:100%;padding:15px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.course-detail-hero__enroll-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.course-detail-hero__enroll-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.course-detail-hero__enroll-btn:disabled{opacity:.5;cursor:not-allowed}.course-detail-hero__cart-btn{background:#f3f4f6;color:#667eea;border:2px solid #667eea}.course-detail-hero__cart-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.course-detail-hero__cart-btn--added{background:#667eea;color:#fff;opacity:.7;cursor:not-allowed}.course-detail-hero__start-btn{width:100%;padding:18px 30px;border:none;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 25px #10b9814d}.course-detail-hero__start-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 12px 30px #10b98166}.course-detail-hero__start-btn svg{font-size:16px}.course-detail-hero__start-btn .spinner{animation:spin 1s linear infinite}.course-detail-hero__start-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.course-detail-hero__start-btn--continue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d;position:relative}.course-detail-hero__start-btn--continue:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 12px 30px #3b82f666}.progress-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:#ffffff40;border-radius:12px;font-size:13px;font-weight:700;margin-left:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-detail-content{padding:60px 0}.course-detail-content__grid{display:grid;grid-template-columns:1fr 400px;gap:60px}.course-detail-content__left{min-width:0}.course-detail-section{background:#fff;padding:35px;border-radius:20px;margin-bottom:30px;box-shadow:0 5px 20px #00000014}.course-detail-section h2{font-size:28px;font-weight:700;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #667eea}.course-detail-section__content{color:#666;line-height:1.8;font-size:16px}.course-detail-section__content ul,.course-detail-section__content ol{padding-left:25px;margin:15px 0}.course-detail-section__content li{margin-bottom:10px}.course-detail-gallery{background:#fff;padding:35px;border-radius:20px;margin-bottom:30px;box-shadow:0 5px 20px #00000014}.course-detail-gallery h2{font-size:28px;font-weight:700;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #667eea}.course-detail-gallery__main{height:400px;border-radius:15px;overflow:hidden;margin-bottom:20px}.course-detail-gallery__main img{width:100%;height:100%;object-fit:cover}.course-detail-gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.course-detail-gallery__thumb{height:90px;border-radius:10px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease}.course-detail-gallery__thumb img{width:100%;height:100%;object-fit:cover}.course-detail-gallery__thumb:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea33}.course-detail-gallery__thumb--active{border-color:#667eea}.course-detail-topics{background:#fff;padding:35px;border-radius:20px;margin-bottom:30px;box-shadow:0 5px 20px #00000014}.course-detail-topics h2{font-size:28px;font-weight:700;color:#333;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #667eea}.course-detail-topics__list{display:flex;flex-direction:column;gap:15px}.course-detail-topics__item{display:flex;gap:20px;padding:20px;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;position:relative}.course-detail-topics__item:hover{border-color:#667eea;transform:translate(5px);box-shadow:0 4px 12px #667eea26;background:#fff}.course-detail-topics__number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 4px 10px #667eea4d}.course-detail-topics__content{flex:1;min-width:0}.course-detail-topics__title{font-size:17px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.5;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.course-detail-topics__preview-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:15px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.course-detail-topics__description{font-size:14px;color:#666;line-height:1.6;margin-bottom:10px}.course-detail-topics__duration{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#667eea;font-weight:600;padding:4px 10px;background:#667eea1a;border-radius:12px}.course-detail-section-block{margin-bottom:25px;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}.course-detail-section-block:last-child{margin-bottom:0}.course-detail-section-header{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e2e8f0;flex-wrap:wrap}.course-detail-section-number{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 3px 8px #667eea4d}.course-detail-section-title{flex:1;font-size:18px;font-weight:700;color:#333;margin:0;min-width:0}.course-detail-section-count{display:inline-flex;align-items:center;padding:5px 12px;background:#667eea1a;color:#667eea;border-radius:15px;font-size:13px;font-weight:600;white-space:nowrap}.course-detail-themes{display:flex;flex-direction:column}.course-detail-themes .course-detail-topics__item{margin:0;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;background:#fff}.course-detail-themes .course-detail-topics__item:last-child{border-bottom:none}.course-detail-themes .course-detail-topics__item:hover{border-radius:0;transform:none;background:#f8f9fa}.course-detail-themes .course-detail-topics__number{width:32px;height:32px;font-size:14px;background:#e2e8f0;color:#333;box-shadow:none}.course-detail-themes .course-detail-topics__item:hover .course-detail-topics__number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.course-detail-content__right{position:relative}.course-detail-sidebar-section{background:#fff;padding:30px;border-radius:20px;margin-bottom:25px;box-shadow:0 5px 20px #00000014}.course-detail-sidebar-section h3{font-size:20px;font-weight:700;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.course-detail-schedule{padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:15px}.course-detail-schedule:last-child{margin-bottom:0}.course-detail-schedule h4{font-size:18px;font-weight:700;color:#667eea;margin-bottom:15px}.course-detail-schedule__item{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.course-detail-schedule__item:last-of-type{border-bottom:none}.course-detail-schedule__item span{color:#666;font-size:14px}.course-detail-schedule__item strong{color:#333;font-weight:600}.course-detail-schedule__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:600;margin-top:10px}.course-detail-schedule__badge--open{background:#d4edda;color:#155724}.course-detail-schedule__badge--closed{background:#f8d7da;color:#721c24}.course-detail-location{padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:15px}.course-detail-location:last-child{margin-bottom:0}.course-detail-location h4{font-size:18px;font-weight:700;color:#667eea;margin-bottom:15px}.course-detail-location__item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:#666}.course-detail-location__item a{color:#667eea;text-decoration:none;font-weight:600}.course-detail-location__item a:hover{text-decoration:underline}.course-detail-format{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#f8f9fa;border-radius:12px;font-size:16px;font-weight:600;color:#333}.course-detail-format__icon{font-size:24px}.course-detail-related{padding:60px 0;background:#fff}.course-detail-related h2{font-size:32px;font-weight:800;color:#333;text-align:center;margin-bottom:50px}.course-detail-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.course-detail-related__card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;cursor:pointer;transition:all .3s ease}.course-detail-related__card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.course-detail-related__image{position:relative;height:180px;overflow:hidden}.course-detail-related__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-detail-related__card:hover .course-detail-related__image img{transform:scale(1.1)}.course-detail-related__discount{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.course-detail-related__content{padding:20px}.course-detail-related__content h3{font-size:18px;font-weight:700;color:#333;margin-bottom:15px;line-height:1.4;min-height:50px}.course-detail-related__meta{display:flex;gap:15px;margin-bottom:15px;font-size:13px;color:#666}.course-detail-related__meta span{display:flex;align-items:center;gap:5px}.course-detail-related__price{display:flex;flex-direction:column;gap:5px}.course-detail-related__price--old{font-size:14px;color:#999;text-decoration:line-through}.course-detail-related__price--final{font-size:22px;font-weight:800;color:#667eea}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.course-detail-hero__content{grid-template-columns:1fr;gap:40px}.course-detail-hero__right{order:-1}.course-detail-hero__price-card{position:static}.course-detail-content__grid{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.course-detail-hero__title{font-size:32px}.course-detail-hero__description{font-size:16px}.course-detail-hero__meta{gap:15px}.course-detail-hero__meta-item{font-size:14px}.course-detail-section{padding:25px}.course-detail-section h2{font-size:24px}.course-detail-gallery{padding:25px}.course-detail-gallery h2{font-size:24px}.course-detail-gallery__main{height:280px}.course-detail-related h2{font-size:26px}.course-detail-related__grid{grid-template-columns:1fr}}@media(max-width:480px){.course-detail-hero__title{font-size:26px}.course-detail-hero__description{font-size:15px}.course-detail-hero__price{font-size:30px}.course-detail-section{padding:20px}.course-detail-section h2{font-size:22px}.course-detail-sidebar-section,.course-detail-gallery{padding:20px}.course-detail-gallery h2{font-size:22px}.course-detail-gallery__main{height:220px}.course-detail-gallery__thumbs{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.course-detail-gallery__thumb{height:70px}}.my-courses{min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#fff);padding:40px 0 80px}.my-courses__header{text-align:center;margin-bottom:40px}.my-courses__header h1{font-size:36px;font-weight:800;color:#1e293b;margin-bottom:10px}.my-courses__header p{font-size:18px;color:#64748b}.my-courses__filters{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid #e2e8f0;border-radius:50px;background:#fff;color:#64748b;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.my-courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.my-courses-loading .spinner{font-size:40px;color:#667eea;animation:spin 1s linear infinite}.my-courses-loading p{font-size:16px;color:#64748b}.my-courses__empty{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014}.my-courses__empty .empty-icon{font-size:64px;margin-bottom:20px}.my-courses__empty h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:10px}.my-courses__empty p{font-size:16px;color:#64748b;margin-bottom:30px}.browse-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.browse-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.my-courses__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:all .3s ease}.course-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001f}.course-card__image{position:relative;height:180px;overflow:hidden}.course-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .course-card__image img{transform:scale(1.1)}.course-card__completed-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:13px;font-weight:600}.course-card__content{padding:25px}.course-card__title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__meta{display:flex;gap:20px;margin-bottom:20px;font-size:14px;color:#64748b}.course-card__meta span{display:flex;align-items:center;gap:6px}.course-card__progress{margin-bottom:15px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.progress-header span:first-child{color:#64748b;font-weight:500}.progress-value{font-weight:700}.progress-bar{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;transition:width .5s ease}.course-card__last-theme{display:flex;flex-direction:column;gap:4px;padding:12px 15px;background:#f8fafc;border-radius:10px;margin-bottom:20px;font-size:13px}.course-card__last-theme .label{color:#94a3b8;font-weight:500}.course-card__last-theme .theme-title{color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.course-card__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.course-card__btn--review{background:linear-gradient(135deg,#10b981,#059669)}.course-card__btn--review:hover{box-shadow:0 8px 20px #10b9814d}@media(max-width:768px){.my-courses{padding:30px 0 60px}.my-courses__header h1{font-size:28px}.my-courses__filters{gap:8px}.filter-btn{padding:10px 18px;font-size:14px}.my-courses__grid{grid-template-columns:1fr}}@media(max-width:480px){.my-courses__header h1{font-size:24px}.my-courses__header p{font-size:16px}.filter-btn{padding:8px 14px;font-size:13px}.course-card__content{padding:20px}}.theme-selector{background:var(--theme-surface, #1e293b);border-radius:16px;padding:20px}.theme-selector__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--theme-text, #ffffff);margin-bottom:16px}.theme-selector__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.theme-selector__option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:var(--theme-surface-light, #334155);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.theme-selector__option:hover{border-color:var(--option-primary);transform:translateY(-2px)}.theme-selector__option.active{border-color:var(--option-primary);background:#ffffff0d}.theme-selector__preview{width:60px;height:40px;border-radius:8px;overflow:hidden;position:relative;background:var(--option-bg);border:1px solid var(--theme-border, #334155)}.theme-selector__preview .preview-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--option-surface)}.theme-selector__preview .preview-accent{position:absolute;bottom:0;left:0;width:40%;height:8px;background:var(--option-primary);border-radius:0 4px 0 0}.theme-selector__info{display:flex;align-items:center;gap:6px}.theme-selector__info .theme-icon{font-size:16px}.theme-selector__info .theme-name{font-size:13px;font-weight:600;color:var(--theme-text, #ffffff)}.theme-selector__check{position:absolute;top:8px;right:8px;color:var(--option-primary);font-size:12px}.theme-selector-compact{position:relative}.theme-selector-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.theme-selector-btn:hover{background:var(--theme-primary, #667eea)}.theme-selector-backdrop{position:fixed;inset:0;z-index:999}.theme-selector-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--theme-surface, #1e293b);border:1px solid var(--theme-border, #334155);border-radius:16px;box-shadow:0 20px 50px #0006;z-index:1000;overflow:hidden}.theme-selector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--theme-border, #334155)}.theme-selector-header span{font-size:15px;font-weight:600;color:var(--theme-text, #ffffff)}.theme-selector-header .close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--theme-surface-light, #334155);color:var(--theme-text-muted, #94a3b8);border:none;border-radius:6px;cursor:pointer}.theme-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;max-height:400px;overflow-y:auto}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:var(--theme-surface-light, #334155);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.theme-option:hover{border-color:var(--option-primary)}.theme-option.active{border-color:var(--option-primary);background:#ffffff14}.theme-option .theme-preview{width:50px;height:32px;border-radius:6px;overflow:hidden;position:relative;background:var(--option-bg);border:1px solid var(--theme-border, #334155)}.theme-option .theme-preview .preview-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--option-surface)}.theme-option .theme-preview .preview-accent{position:absolute;bottom:0;left:0;width:35%;height:6px;background:var(--option-primary);border-radius:0 3px 0 0}.theme-option .theme-icon{font-size:14px}.theme-option .theme-name{font-size:12px;font-weight:600;color:var(--theme-text, #ffffff)}.theme-option .check-icon{position:absolute;top:6px;right:6px;color:var(--option-primary);font-size:10px}@media(max-width:480px){.theme-selector-dropdown{width:280px;right:-10px}.theme-selector-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.theme-option{padding:10px 8px}}.course-test{background:var(--theme-surface, #1e293b);border-radius:20px;max-width:800px;width:100%;margin:0 auto;overflow:hidden}.test-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--theme-surface-light, #334155);border-bottom:1px solid var(--theme-border, #334155)}.test-info{flex:1}.test-title{font-size:18px;font-weight:700;color:var(--theme-text, #ffffff);margin-bottom:4px}.test-subtitle{font-size:14px;color:var(--theme-text-muted, #94a3b8)}.test-timer{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--theme-primary, #667eea);color:#fff;border-radius:10px;font-size:16px;font-weight:600}.test-timer.warning{background:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;color:var(--theme-text-muted, #94a3b8);border:none;border-radius:10px;cursor:pointer;margin-left:16px;transition:all .2s ease}.test-close:hover{background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff)}.test-progress{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--theme-background, #0f172a)}.test-progress .progress-bar{flex:1;height:8px;background:var(--theme-surface-light, #334155);border-radius:10px;overflow:hidden}.test-progress .progress-fill{height:100%;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-accent, #10b981) 100%);border-radius:10px;transition:width .3s ease}.test-progress .progress-text{font-size:14px;font-weight:600;color:var(--theme-text-muted, #94a3b8);white-space:nowrap}.test-content{padding:24px}.question-card{background:var(--theme-background, #0f172a);border-radius:16px;padding:24px}.question-number{display:inline-block;padding:6px 14px;background:var(--theme-primary, #667eea);color:#fff;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px}.question-text{font-size:20px;font-weight:600;color:var(--theme-text, #ffffff);line-height:1.5;margin-bottom:8px}.question-hint{font-size:14px;color:var(--theme-accent, #10b981);margin-bottom:20px}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--theme-surface, #1e293b);border:2px solid var(--theme-border, #334155);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.option-item:hover{border-color:var(--theme-primary, #667eea);background:var(--theme-surface-light, #334155)}.option-item.selected{border-color:var(--theme-primary, #667eea);background:#667eea26}.option-marker{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--theme-surface-light, #334155);color:var(--theme-text-muted, #94a3b8);border-radius:50%;font-size:14px;flex-shrink:0}.option-item.selected .option-marker{background:var(--theme-primary, #667eea);color:#fff}.option-text{font-size:16px;color:var(--theme-text, #ffffff);line-height:1.4}.test-navigation{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--theme-surface-light, #334155);border-top:1px solid var(--theme-border, #334155)}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--theme-surface, #1e293b);color:var(--theme-text, #ffffff);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--theme-background, #0f172a)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn.submit{background:linear-gradient(135deg,var(--theme-accent, #10b981) 0%,#059669 100%)}.nav-btn.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.nav-btn .spinner{animation:spin 1s linear infinite}.question-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.question-dots .dot{width:12px;height:12px;background:var(--theme-surface, #1e293b);border:2px solid var(--theme-border, #334155);border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.question-dots .dot.active{background:var(--theme-primary, #667eea);border-color:var(--theme-primary, #667eea);transform:scale(1.2)}.question-dots .dot.answered{background:var(--theme-accent, #10b981);border-color:var(--theme-accent, #10b981)}.course-test-results{background:var(--theme-surface, #1e293b);border-radius:20px;max-width:500px;width:100%;margin:0 auto;padding:40px;text-align:center}.results-icon{width:100px;height:100px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px}.results-icon.passed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.results-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.results-title{font-size:28px;font-weight:700;color:var(--theme-text, #ffffff);margin-bottom:8px}.results-subtitle{font-size:16px;color:var(--theme-text-muted, #94a3b8);margin-bottom:30px}.results-stats{display:flex;justify-content:center;gap:30px;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px}.stat-value{font-size:32px;font-weight:800;color:var(--theme-primary, #667eea)}.stat-label{font-size:13px;color:var(--theme-text-muted, #94a3b8)}.results-message{padding:16px 20px;background:var(--theme-background, #0f172a);border-radius:12px;margin-bottom:24px}.results-message p{font-size:15px;color:var(--theme-text-muted, #94a3b8);line-height:1.6}.results-actions{display:flex;gap:12px;justify-content:center}.retry-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:var(--theme-background, #0f172a)}.complete-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-primary-dark, #764ba2) 100%);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.complete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.complete-btn.secondary{background:var(--theme-surface-light, #334155)}.complete-btn.secondary:hover{box-shadow:none}@media(max-width:768px){.test-header{flex-wrap:wrap;gap:12px}.test-timer{order:-1;width:100%;justify-content:center}.test-close{margin-left:auto}.question-text{font-size:18px}.test-navigation{flex-wrap:wrap;gap:12px}.question-dots{order:-1;width:100%}.nav-btn{flex:1}.results-stats{flex-wrap:wrap;gap:20px}.results-actions{flex-direction:column}.retry-btn,.complete-btn{width:100%;justify-content:center}}.theme-content-preview{background:var(--theme-surface, #1e293b);border-radius:16px;padding:24px;border:1px solid var(--theme-border, #334155);transition:all .3s ease}.theme-content-preview.locked{opacity:.7}.theme-content-preview.completed{border-color:var(--theme-accent, #10b981)}.preview-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.preview-status{display:flex;align-items:center}.preview-status .lock-icon{color:var(--theme-text-muted, #94a3b8);font-size:18px}.preview-status .completed-icon{color:var(--theme-accent, #10b981);font-size:20px}.preview-title{flex:1;font-size:20px;font-weight:700;color:var(--theme-text, #ffffff);margin:0}.preview-duration{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--theme-surface-light, #334155);border-radius:20px;font-size:13px;color:var(--theme-text-muted, #94a3b8)}.locked-message{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--theme-text-muted, #94a3b8)}.locked-message svg{font-size:48px;opacity:.5}.locked-message p{font-size:18px;font-weight:600;color:var(--theme-text, #ffffff);margin:0}.locked-message span{font-size:14px}.content-list{margin-bottom:24px}.content-list-title{font-size:14px;font-weight:600;color:var(--theme-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.content-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.content-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--theme-background, #0f172a);border-radius:12px;transition:all .2s ease}.content-item:hover{background:var(--theme-surface-light, #334155)}.content-item .item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px}.content-item.video .item-icon{background:#ef444426;color:#ef4444}.content-item.text .item-icon{background:#3b82f626;color:#3b82f6}.content-item.file .item-icon{background:#10b98126;color:var(--theme-accent, #10b981)}.content-item.test .item-icon{background:#a855f726;color:#a855f7}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-label{font-size:15px;font-weight:500;color:var(--theme-text, #ffffff)}.item-meta{font-size:13px;color:var(--theme-text-muted, #94a3b8)}.test-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.test-meta{font-size:12px;padding:3px 8px;background:var(--theme-surface-light, #334155);border-radius:6px;color:var(--theme-text-muted, #94a3b8)}.test-passing{font-size:12px;padding:3px 8px;background:#a855f726;border-radius:6px;color:#a855f7;font-weight:600}.download-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--theme-surface-light, #334155);color:var(--theme-text-muted, #94a3b8);border-radius:8px;transition:all .2s ease;text-decoration:none}.download-btn:hover{background:var(--theme-primary, #667eea);color:#fff}.no-content{padding:30px;text-align:center;color:var(--theme-text-muted, #94a3b8)}.preview-actions{display:flex;justify-content:center;gap:12px;padding-top:20px;border-top:1px solid var(--theme-border, #334155)}.start-btn,.review-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.start-btn{background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-primary-dark, #764ba2) 100%);color:#fff}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea59}.review-btn{background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff)}.review-btn:hover{background:var(--theme-primary-alpha, rgba(102, 126, 234, .2))}@media(max-width:768px){.theme-content-preview{padding:16px}.preview-title{font-size:18px}.content-item{padding:12px}.content-item .item-icon{width:36px;height:36px;font-size:16px}.start-btn,.review-btn{width:100%;justify-content:center;padding:12px 24px}}.course-learning ::-webkit-scrollbar{width:8px;height:8px}.course-learning ::-webkit-scrollbar-track{background:var(--theme-background, #0f172a)}.course-learning ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}.course-learning ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.course-learning{scrollbar-width:thin;scrollbar-color:#667eea var(--theme-background, #0f172a)}.course-learning{min-height:100vh;background:var(--theme-background, #0f172a);display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .3s ease}.protected-content{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.course-learning-loading,.course-learning-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--theme-background, #0f172a);gap:20px}.course-learning-loading .spinner{font-size:48px;color:var(--theme-primary, #667eea);animation:spin 1s linear infinite}.course-learning-loading p{color:var(--theme-text-muted, #94a3b8);font-size:16px}.course-learning-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--theme-background, #0f172a);gap:20px;color:var(--theme-text, #ffffff)}.course-learning-error button{padding:12px 24px;background:var(--theme-primary, #667eea);color:#fff;border:none;border-radius:8px;cursor:pointer}.course-learning__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--theme-surface, #1e293b);border-bottom:1px solid var(--theme-border, #334155);position:sticky;top:0;z-index:100;transition:background-color .3s ease}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--theme-surface-light, #334155);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.back-btn:hover{background:var(--theme-primary, #667eea)}.course-title{font-size:18px;font-weight:700;color:var(--theme-text, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:20px}.progress-info{display:flex;align-items:center;gap:12px}.progress-text{color:var(--theme-text-muted, #94a3b8);font-size:14px;font-weight:500;white-space:nowrap}.course-learning__header .progress-bar{width:120px;height:6px;background:var(--theme-surface-light, #334155);border-radius:10px;overflow:hidden}.course-learning__header .progress-fill{height:100%;background:linear-gradient(135deg,var(--theme-accent, #10b981) 0%,#059669 100%);border-radius:10px;transition:width .5s ease}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.sidebar-toggle:hover{background:var(--theme-primary, #667eea)}.course-learning__body{display:flex;flex:1;overflow:hidden}.course-learning__main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.video-container{background:#000;aspect-ratio:16 / 9;width:100%;max-height:70vh}.video-wrapper,.youtube-player{width:100%;height:100%}.no-video{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--theme-text-dimmed, #64748b);background:var(--theme-surface, #1e293b)}.no-video svg{font-size:48px}.video-watermark{position:absolute;inset:0;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden}.watermark-text{position:absolute;font-size:24px;font-weight:700;color:#ffffff14;text-transform:uppercase;letter-spacing:4px;transform:rotate(-30deg);white-space:nowrap;pointer-events:none;animation:watermarkMove 20s linear infinite}.video-watermark:before,.video-watermark:after{content:"edu.tris.uz";position:absolute;font-size:18px;font-weight:700;color:#ffffff0d;text-transform:uppercase;letter-spacing:3px;transform:rotate(-30deg);white-space:nowrap;pointer-events:none}.video-watermark:before{top:20%;right:15%}.video-watermark:after{bottom:25%;left:10%}.watermark-user{position:absolute;bottom:10%;right:5%;font-size:12px;font-weight:500;color:#ffffff26;letter-spacing:1px;pointer-events:none;font-family:monospace}@keyframes watermarkMove{0%{transform:rotate(-30deg) translate(-10px)}50%{transform:rotate(-30deg) translate(10px)}to{transform:rotate(-30deg) translate(-10px)}}.video-protection-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;background:transparent;mix-blend-mode:difference}@media print{.course-learning{display:none!important}body:after{content:"Bu sahifani chop etish taqiqlangan!";display:block;font-size:48px;text-align:center;padding:100px;color:red}}.devtools-warning{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:14px;font-weight:600}.devtools-warning svg{font-size:18px}.theme-header-section{padding:32px 24px;background:linear-gradient(135deg,var(--theme-surface, #1e293b) 0%,rgba(102,126,234,.05) 100%);border-bottom:1px solid var(--theme-border, #334155);position:relative;overflow:hidden}.theme-header-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.theme-header-section:after{content:"";position:absolute;bottom:-30%;left:-5%;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.theme-header-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px;position:relative;z-index:1}.theme-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.score-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#a855f726,#ec489926);color:#a855f7;border-radius:25px;font-size:13px;font-weight:600;border:1px solid rgba(168,85,247,.2)}.points-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-primary-dark, #764ba2) 100%);color:#fff;border-radius:25px;font-size:13px;font-weight:700;box-shadow:0 4px 15px #667eea4d}.theme-content-overview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.content-type-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--theme-surface-light, #334155);color:var(--theme-text-muted, #94a3b8);border-radius:25px;font-size:13px;font-weight:600;transition:all .3s ease;border:1px solid transparent;cursor:default}.content-type-badge:hover{transform:translateY(-2px)}.content-type-badge.video{background:linear-gradient(135deg,#ff6b6b26,#ffa94d26);color:#ff6b6b;border-color:#ff6b6b33}.content-type-badge.video:hover{box-shadow:0 6px 20px #ff6b6b33}.content-type-badge.text{background:linear-gradient(135deg,#4facfe26,#00f2fe26);color:#4facfe;border-color:#4facfe33}.content-type-badge.text:hover{box-shadow:0 6px 20px #4facfe33}.content-type-badge.files{background:linear-gradient(135deg,#11998e26,#38ef7d26);color:#38ef7d;border-color:#38ef7d33}.content-type-badge.files:hover{box-shadow:0 6px 20px #38ef7d33}.content-type-badge.test{background:linear-gradient(135deg,#a855f726,#ec489926);color:#a855f7;border-color:#a855f733}.content-type-badge.test:hover{box-shadow:0 6px 20px #a855f733}.content-type-badge.link{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;border-color:#667eea33}.content-type-badge.link:hover{box-shadow:0 6px 20px #667eea33}.content-cards-container{display:grid;gap:24px;padding:24px;background:var(--theme-background, #0f172a)}.content-cards-container.single-column{grid-template-columns:1fr}@media(min-width:1200px){.content-cards-container.multi-column{grid-template-columns:repeat(2,1fr)}.content-cards-container .video-card{grid-column:1 / -1}}.content-card{position:relative;background:var(--theme-surface, #1e293b);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #00000026}.content-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.content-card.video-card:before{background:linear-gradient(135deg,#ff6b6b,#ffa94d,#ff6b6b);background-size:200% 200%;animation:gradientShift 3s ease infinite}.content-card.text-card:before{background:linear-gradient(135deg,#4facfe,#00f2fe,#4facfe);background-size:200% 200%;animation:gradientShift 3s ease infinite}.content-card.files-card:before{background:linear-gradient(135deg,#11998e,#38ef7d,#11998e);background-size:200% 200%;animation:gradientShift 3s ease infinite}.content-card.links-card:before{background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 200%;animation:gradientShift 3s ease infinite}.content-card.test-card:before{background:linear-gradient(135deg,#a855f7,#ec4899,#a855f7);background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--theme-border, #334155)}.card-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;margin:0}.card-title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;font-size:18px}.video-card .card-title-icon{background:linear-gradient(135deg,#ff6b6b33,#ffa94d33);color:#ff6b6b}.text-card .card-title-icon{background:linear-gradient(135deg,#4facfe33,#00f2fe33);color:#4facfe}.files-card .card-title-icon{background:linear-gradient(135deg,#11998e33,#38ef7d33);color:#38ef7d}.links-card .card-title-icon{background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea}.test-card .card-title-icon{background:linear-gradient(135deg,#a855f733,#ec489933);color:#a855f7}.card-title-text{color:var(--theme-text, #ffffff)}.card-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.video-card .card-badge{background:linear-gradient(135deg,#ff6b6b26,#ffa94d26);color:#ff6b6b}.text-card .card-badge{background:linear-gradient(135deg,#4facfe26,#00f2fe26);color:#4facfe}.files-card .card-badge{background:linear-gradient(135deg,#11998e26,#38ef7d26);color:#38ef7d}.test-card .card-badge{background:linear-gradient(135deg,#a855f726,#ec489926);color:#a855f7}.card-content{padding:24px}.content-section{padding:24px;background:var(--theme-surface, #1e293b);border-bottom:1px solid var(--theme-border, #334155)}.section-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--theme-text, #ffffff);margin-bottom:16px}.section-label svg{font-size:18px}.video-section .section-label{color:#ff6b6b}.text-section .section-label{color:#4facfe}.files-section .section-label{color:#38ef7d}.test-section .section-label{color:#a855f7}.video-card .card-content{padding:0}.video-card .video-container{border-radius:0 0 16px 16px;overflow:hidden;margin:0}.video-section .video-container{border-radius:12px;overflow:hidden}.files-list{display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--theme-background, #0f172a);border-radius:12px;text-decoration:none;transition:all .2s ease}.file-item:hover{background:var(--theme-surface-light, #334155)}.file-icon{font-size:24px;color:var(--theme-accent, #10b981)}.file-name{flex:1;font-size:15px;font-weight:500;color:var(--theme-text, #ffffff)}.file-download{padding:6px 14px;background:var(--theme-accent, #10b981);color:#fff;border-radius:8px;font-size:13px;font-weight:600}.video-list{display:flex;flex-direction:column;gap:20px}.video-item{background:var(--theme-background, #0f172a);border-radius:12px;overflow:hidden}.uploaded-video{width:100%;max-height:500px;background:#000}.video-item .video-title{padding:12px 16px;font-size:15px;font-weight:500;color:var(--theme-text, #ffffff);margin:0}.video-item .video-duration{display:flex;align-items:center;gap:6px;padding:0 16px 12px;font-size:13px;color:var(--theme-text-muted, #94a3b8)}.file-info{flex:1;display:flex;flex-direction:column;gap:4px}.file-size{font-size:12px;color:var(--theme-text-dimmed, #64748b)}.text-card .card-content{color:var(--theme-text-secondary, #e2e8f0);line-height:1.8;font-size:15px}.text-card .card-content p{margin-bottom:16px}.text-card .card-content h1,.text-card .card-content h2,.text-card .card-content h3,.text-card .card-content h4{color:var(--theme-text, #ffffff);margin:24px 0 12px}.text-card .card-content ul,.text-card .card-content ol{padding-left:24px;margin-bottom:16px}.text-card .card-content li{margin-bottom:8px}.text-card .card-content code{background:var(--theme-background, #0f172a);padding:2px 8px;border-radius:6px;font-family:Fira Code,monospace;font-size:14px;color:#4facfe}.text-card .card-content pre{background:var(--theme-background, #0f172a);padding:16px;border-radius:12px;overflow-x:auto;margin:16px 0}.text-card .card-content blockquote{border-left:4px solid #4facfe;padding-left:16px;margin:16px 0;color:var(--theme-text-muted, #94a3b8);font-style:italic}.files-card .files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.files-card .file-card-item{background:var(--theme-background, #0f172a);border-radius:16px;overflow:hidden;border:1px solid var(--theme-border, #334155);transition:all .3s ease}.files-card .file-card-item:hover{border-color:#38ef7d;box-shadow:0 8px 25px #38ef7d26}.files-card .file-card-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#11998e1a,#38ef7d1a);border-bottom:1px solid var(--theme-border, #334155)}.files-card .file-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px}.files-card .file-card-icon.pdf{background:linear-gradient(135deg,#ef444426,#dc262626);color:#ef4444}.files-card .file-card-icon.image{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.files-card .file-card-icon.office{background:linear-gradient(135deg,#2563eb26,#1d4ed826);color:#2563eb}.files-card .file-card-icon.default{background:linear-gradient(135deg,#38ef7d26,#11998e26);color:#38ef7d}.files-card .file-card-info{flex:1;min-width:0}.files-card .file-card-name{font-size:14px;font-weight:600;color:var(--theme-text, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-card .file-card-meta{font-size:12px;color:var(--theme-text-muted, #94a3b8);margin-top:4px}.files-card .file-card-viewer{position:relative;min-height:300px;background:#fff}.links-card .links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.links-card .link-card-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--theme-background, #0f172a);border-radius:14px;text-decoration:none;border:1px solid var(--theme-border, #334155);transition:all .3s ease}.links-card .link-card-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;transform:translate(4px)}.links-card .link-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px;color:#667eea;font-size:18px;flex-shrink:0}.links-card .link-card-content{flex:1;min-width:0}.links-card .link-card-title{font-size:15px;font-weight:600;color:var(--theme-text, #ffffff);margin-bottom:4px}.links-card .link-card-url{font-size:12px;color:var(--theme-text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links-card .link-card-arrow{color:#667eea;font-size:14px;opacity:0;transition:opacity .3s ease}.links-card .link-card-item:hover .link-card-arrow{opacity:1}.test-card .test-card-content{display:flex;flex-direction:column;gap:20px}.test-card .test-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.test-card .test-card-title{font-size:20px;font-weight:700;color:var(--theme-text, #ffffff);margin:0}.test-card .test-passed-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:25px;font-size:14px;font-weight:600}.test-card .test-description{color:var(--theme-text-muted, #94a3b8);line-height:1.6}.test-card .test-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.test-card .test-stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--theme-background, #0f172a);border-radius:16px;text-align:center;border:1px solid var(--theme-border, #334155);transition:all .3s ease}.test-card .test-stat-item:hover{border-color:#a855f7}.test-card .test-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f726,#ec489926);border-radius:12px;color:#a855f7;font-size:18px}.test-card .test-stat-value{font-size:18px;font-weight:700;color:var(--theme-text, #ffffff)}.test-card .test-stat-label{font-size:12px;color:var(--theme-text-muted, #94a3b8)}.test-card .test-result-box{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--theme-background, #0f172a);border-radius:16px;border:1px solid var(--theme-border, #334155)}.test-card .test-result-label{font-size:14px;color:var(--theme-text-muted, #94a3b8)}.test-card .test-result-score{font-size:32px;font-weight:800}.test-card .test-result-score.passed{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-card .test-result-score.failed{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-card .test-card-actions{display:flex;justify-content:center;gap:12px;padding-top:8px}.test-card .test-start-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;font-size:16px;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.test-card .test-start-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #a855f766}.test-card .test-retry-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;font-size:16px;font-weight:700;border:2px solid var(--theme-border, #334155);border-radius:14px;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--theme-text, #ffffff)}.test-card .test-retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f726,#ec489926);border-color:#a855f7}.test-card .test-start-btn:disabled,.test-card .test-retry-btn:disabled{opacity:.5;cursor:not-allowed}.test-card .no-attempts-msg{text-align:center;color:#ef4444;font-size:14px;margin-top:8px}.files-viewer-list{display:flex;flex-direction:column;gap:24px}.file-viewer-item{background:var(--theme-background, #0f172a);border-radius:12px;overflow:hidden;border:1px solid var(--theme-border, #334155)}.file-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--theme-surface-light, #334155);border-bottom:1px solid var(--theme-border, #334155)}.file-viewer-info{display:flex;align-items:center;gap:12px}.file-type-icon{font-size:24px;color:var(--theme-accent, #10b981)}.file-type-icon.pdf{color:#ef4444}.file-type-icon.image{color:#3b82f6}.file-type-icon.office{color:#2563eb}.file-viewer-name{font-size:15px;font-weight:600;color:var(--theme-text, #ffffff)}.file-viewer-size{font-size:12px;color:var(--theme-text-muted, #94a3b8);padding:4px 10px;background:var(--theme-surface, #1e293b);border-radius:12px}.file-viewer-content{position:relative;min-height:400px;background:#fff}.pdf-viewer-container{position:relative;width:100%;height:600px}.pdf-viewer{width:100%;height:100%;border:none;background:#fff}.pdf-protection-overlay{position:absolute;inset:0;pointer-events:none;background:transparent;z-index:1}.image-viewer-container{position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--theme-background, #0f172a);min-height:300px}.image-viewer{max-width:100%;max-height:600px;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-protection-overlay{position:absolute;inset:0;pointer-events:none;background:transparent;z-index:1}.office-viewer-container{position:relative;width:100%;height:600px}.office-viewer{width:100%;height:100%;border:none}.unsupported-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--theme-text-muted, #94a3b8);background:var(--theme-surface, #1e293b)}.unsupported-file svg{font-size:48px;opacity:.5}.unsupported-file p{font-size:16px;margin:0}.unsupported-file .file-ext{font-size:14px;padding:4px 12px;background:var(--theme-surface-light, #334155);border-radius:6px;font-family:monospace}@media(max-width:768px){.pdf-viewer-container,.office-viewer-container{height:400px}.file-viewer-header{padding:12px 16px}.file-viewer-name{font-size:13px}}.links-section .section-label{color:#3b82f6}.links-list{display:flex;flex-direction:column;gap:10px}.link-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--theme-background, #0f172a);border-radius:12px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.link-item:hover{background:var(--theme-surface-light, #334155);border-color:var(--theme-primary, #667eea)}.link-icon{flex-shrink:0;font-size:20px;color:#3b82f6}.link-title{flex:1;font-size:15px;font-weight:500;color:var(--theme-text, #ffffff)}.link-url{font-size:12px;color:var(--theme-text-dimmed, #64748b);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-info-card{padding:24px;background:var(--theme-background, #0f172a);border-radius:12px;border-left:4px solid #a855f7}.test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.test-title{font-size:18px;font-weight:700;color:var(--theme-text, #ffffff);margin:0}.test-passed-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--theme-accent, #10b981) 0%,#059669 100%);color:#fff;border-radius:20px;font-size:13px;font-weight:600}.test-description{color:var(--theme-text-muted, #94a3b8);margin-bottom:20px;line-height:1.6}.test-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.test-meta-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--theme-surface, #1e293b);border-radius:10px;font-size:14px;color:var(--theme-text-muted, #94a3b8)}.test-meta-item svg{color:#a855f7;font-size:16px}.test-result{display:flex;align-items:center;gap:12px;padding:16px;background:var(--theme-surface, #1e293b);border-radius:10px;margin-bottom:20px}.result-label{font-size:14px;color:var(--theme-text-muted, #94a3b8)}.result-score{font-size:24px;font-weight:700}.result-score.passed{color:var(--theme-accent, #10b981)}.result-score.failed{color:#ef4444}.test-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.test-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:200px}.test-btn.start{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.test-btn.start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #a855f759}.test-btn.retry{background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff)}.test-btn.retry:hover:not(:disabled){background:#a855f733}.test-btn:disabled{opacity:.5;cursor:not-allowed}.no-attempts-warning{font-size:14px;color:#ef4444;text-align:center;margin:0}.test-requirements{display:flex;gap:20px;flex-wrap:wrap}.test-requirements span{font-size:14px;color:var(--theme-text-muted, #94a3b8)}.test-requirements strong{color:#a855f7}.no-content-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 24px;background:linear-gradient(135deg,var(--theme-surface, #1e293b) 0%,rgba(102,126,234,.05) 100%);color:var(--theme-text-muted, #94a3b8);text-align:center;border-radius:16px}.no-content-message svg{font-size:64px;opacity:.4;color:#667eea}.no-content-message p{font-size:18px;font-weight:500;margin:0}.no-test-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;text-align:center}.no-test-message .no-test-icon{font-size:64px;color:var(--theme-primary, #667eea);opacity:.5}.no-test-message h3{font-size:20px;font-weight:600;color:var(--theme-text, #ffffff);margin:0}.no-test-message p{font-size:14px;color:var(--theme-text-muted, #94a3b8);margin:0}.switch-mode-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.switch-mode-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.info-card{background:linear-gradient(135deg,var(--theme-surface, #1e293b) 0%,rgba(102,126,234,.1) 100%);border:1px dashed rgba(102,126,234,.3)}.theme-info{padding:24px;background:var(--theme-surface, #1e293b);flex:1;transition:background-color .3s ease}.theme-info__header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.theme-title{font-size:24px;font-weight:700;color:var(--theme-text, #ffffff)}.completed-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,var(--theme-accent, #10b981) 0%,#059669 100%);color:#fff;border-radius:20px;font-size:13px;font-weight:600}.theme-description{color:var(--theme-text-muted, #94a3b8);line-height:1.7;margin-bottom:24px}.theme-description p{margin-bottom:12px}.theme-navigation{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--theme-surface, #1e293b);border-top:1px solid var(--theme-border, #334155);flex-wrap:wrap}.nav-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:var(--theme-background, #0f172a);color:var(--theme-text, #ffffff);border:2px solid var(--theme-border, #334155);border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center}.nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;transform:translateY(-2px)}.nav-btn.prev:hover:not(:disabled) svg{transform:translate(-4px)}.nav-btn.next:hover:not(:disabled) svg{transform:translate(4px)}.nav-btn svg{transition:transform .3s ease}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.complete-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.complete-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 ease}.complete-btn:hover:not(:disabled):before{left:100%}.complete-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #10b98166}.complete-btn:disabled{opacity:.6;cursor:not-allowed}.complete-btn .spinner{animation:spin 1s linear infinite}.course-learning__sidebar{width:380px;background:var(--theme-surface, #1e293b);border-left:1px solid var(--theme-border, #334155);display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden;position:relative}.course-learning__sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg,rgba(102,126,234,.03) 0%,transparent 100%);pointer-events:none;z-index:0}.course-learning.sidebar-closed .course-learning__sidebar{width:0;border-left:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border-bottom:1px solid var(--theme-border, #334155);background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 100%);position:relative;z-index:1}.sidebar-header h3{font-size:18px;font-weight:700;color:var(--theme-text, #ffffff);display:flex;align-items:center;gap:10px}.sidebar-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.close-sidebar{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.close-sidebar:hover{background:#ef4444;transform:rotate(90deg)}.sections-list{flex:1;overflow-y:auto;position:relative;z-index:1;padding:8px 0}.section-item{margin:8px 12px;border-radius:16px;overflow:hidden;background:var(--theme-background, #0f172a);border:1px solid var(--theme-border, #334155);transition:all .3s ease}.section-item:hover{border-color:#667eea4d}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;color:var(--theme-text, #ffffff);border:none;cursor:pointer;transition:all .2s ease}.section-header:hover{background:linear-gradient(135deg,#667eea14,#764ba214)}.section-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.section-number{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;border-radius:6px}.section-title{font-size:15px;font-weight:600;color:var(--theme-text, #ffffff);text-align:left}.themes-list{background:transparent;padding:8px 12px 12px}.theme-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;margin-bottom:6px;background:var(--theme-surface, #1e293b);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;border:1px solid transparent}.theme-item:last-child{margin-bottom:0}.theme-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea33;transform:translate(4px)}.theme-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea;box-shadow:0 4px 15px #667eea33}.theme-item.completed{opacity:.85}.theme-item.completed:hover{opacity:1}.theme-status{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--theme-background, #0f172a);transition:all .3s ease}.theme-item:hover .theme-status{transform:scale(1.05)}.theme-item.completed .theme-status{background:linear-gradient(135deg,#10b98133,#05966933)}.theme-item.active .theme-status{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.status-icon{font-size:12px;color:var(--theme-text-muted, #94a3b8)}.status-icon.completed{color:#10b981}.status-icon.current{color:#667eea;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-icon.in-progress{color:#f59e0b}.status-icon.not-started{font-size:11px;font-weight:700;color:var(--theme-text-dimmed, #64748b)}.theme-content{flex:1;min-width:0}.theme-name{display:block;font-size:14px;font-weight:500;color:var(--theme-text-secondary, #e2e8f0);line-height:1.4;margin-bottom:4px}.theme-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.theme-duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--theme-text-dimmed, #64748b)}.theme-indicators{display:flex;align-items:center;gap:6px}.theme-indicators .indicator{font-size:11px;opacity:.7}.theme-indicators .indicator.video{color:#ef4444}.theme-indicators .indicator.text{color:#3b82f6}.theme-indicators .indicator.test{color:#a855f7}.theme-item.locked{opacity:.6;cursor:pointer}.theme-item.locked:hover{opacity:.8}.status-icon.locked{color:var(--theme-text-muted, #94a3b8)}@media(max-width:1024px){.course-learning__sidebar{position:fixed;top:0;right:0;height:100vh;z-index:200;transform:translate(100%);box-shadow:-10px 0 40px #0000004d}.course-learning__sidebar.open{transform:translate(0)}.course-learning.sidebar-closed .course-learning__sidebar{width:380px}.close-sidebar{display:flex}.course-learning__header .progress-bar{display:none}.content-cards-container{grid-template-columns:1fr}}@media(max-width:768px){.course-learning__header{padding:12px 16px}.course-title{font-size:15px;max-width:150px}.progress-text{font-size:12px}.theme-info{padding:16px}.theme-title{font-size:20px}.theme-navigation{flex-direction:column;gap:12px;padding:20px 16px}.nav-btn,.complete-btn{width:100%;justify-content:center;padding:14px 20px}.course-learning__sidebar,.course-learning.sidebar-closed .course-learning__sidebar{width:100%}.theme-header-section{padding:20px 16px}.theme-header-section:before,.theme-header-section:after{display:none}.theme-header-info{flex-direction:column;align-items:flex-start}.theme-badges{width:100%;flex-wrap:wrap}.theme-content-overview{width:100%;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.content-type-badge{padding:8px 14px;font-size:12px;flex-shrink:0}.content-cards-container{padding:16px;gap:16px}.content-card{border-radius:16px}.card-header{padding:16px;flex-wrap:wrap;gap:12px}.card-title{font-size:16px}.card-title-icon{width:36px;height:36px;font-size:16px}.card-content{padding:16px}.files-card .files-grid{grid-template-columns:1fr}.files-card .file-card-viewer{min-height:250px}.links-card .links-grid{grid-template-columns:1fr}.test-card .test-stats-grid{grid-template-columns:repeat(2,1fr)}.test-card .test-stat-item{padding:16px 12px}.test-card .test-start-btn,.test-card .test-retry-btn{width:100%;padding:14px 24px}.content-section{padding:16px}.file-item{flex-wrap:wrap}.file-download{width:100%;text-align:center;margin-top:8px}.test-requirements{flex-direction:column;gap:8px}.devtools-warning{font-size:12px;padding:10px 16px}.section-item{margin:6px 10px}.section-header{padding:14px 16px}.themes-list{padding:6px 10px 10px}.theme-item{padding:10px 14px}}@media(max-width:480px){.back-btn,.sidebar-toggle{width:36px;height:36px}.course-title{font-size:14px;max-width:120px}.header-right{gap:8px}.progress-text{display:none}.theme-title{font-size:18px}.content-cards-container{padding:12px;gap:12px}.card-header{padding:14px}.card-title{font-size:15px;gap:10px}.card-title-icon{width:32px;height:32px;font-size:14px;border-radius:10px}.card-content{padding:14px}.test-card .test-stats-grid{grid-template-columns:1fr}.test-card .test-result-box{flex-direction:column;text-align:center;gap:8px}.test-card .test-result-score{font-size:28px}.theme-badges,.theme-content-overview{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;margin-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.theme-badges::-webkit-scrollbar,.theme-content-overview::-webkit-scrollbar{display:none}.completed-badge,.score-badge,.points-badge,.content-type-badge{flex-shrink:0}}@media(max-width:360px){.course-title{font-size:13px;max-width:100px}.theme-title{font-size:16px}.content-cards-container{padding:10px;gap:10px}.card-header,.card-content{padding:12px}.nav-btn,.complete-btn{padding:12px 16px;font-size:14px}}.test-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.score-indicator{position:fixed;top:80px;right:24px;display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-primary-dark, #764ba2) 100%);border-radius:16px;box-shadow:0 8px 30px #667eea66;z-index:90;animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.score-value{font-size:28px;font-weight:800;color:#fff;line-height:1}.score-label{font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.test-modal-overlay{padding:10px}.score-indicator{top:auto;bottom:20px;right:20px;padding:10px 16px}.score-value{font-size:22px}}.preview-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.preview-modal-content{position:relative;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.preview-close{position:absolute;top:-10px;right:-10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff);border:none;border-radius:50%;cursor:pointer;z-index:10;transition:all .2s ease}.preview-close:hover{background:#ef4444}@media(max-width:768px){.preview-modal-overlay{padding:10px}.preview-modal-content{max-height:85vh}.preview-close{top:10px;right:10px}}.card-header.clickable{cursor:pointer;transition:all .2s ease}.card-header.clickable:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.card-header-right{display:flex;align-items:center;gap:12px}.card-expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--theme-background, #0f172a);color:var(--theme-text-muted, #94a3b8);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.card-expand-btn:hover{background:var(--theme-primary, #667eea);color:#fff;transform:scale(1.05)}.card-collapsed-preview{padding:16px 24px;background:var(--theme-background, #0f172a);border-top:1px solid var(--theme-border, #334155);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--theme-text-muted, #94a3b8);font-size:14px;transition:all .3s ease}.card-collapsed-preview:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);color:var(--theme-text, #ffffff)}.card-collapsed-preview .preview-icon{font-size:18px;color:var(--theme-primary, #667eea)}.card-collapsed-preview.text-preview{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}.text-summary{color:var(--theme-text-muted, #94a3b8);line-height:1.6;font-size:14px;margin:0}.read-more-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#4facfe26,#00f2fe26);color:#4facfe;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.read-more-btn:hover{background:linear-gradient(135deg,#4facfe40,#00f2fe40);transform:translateY(-2px)}.card-collapsed-preview.files-preview{flex-direction:column;align-items:flex-start;padding:16px 24px}.files-mini-list{display:flex;flex-wrap:wrap;gap:10px}.file-mini-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--theme-surface, #1e293b);border-radius:8px;font-size:13px;color:var(--theme-text-muted, #94a3b8)}.file-mini-item svg{color:#38ef7d}.files-more{padding:8px 14px;background:linear-gradient(135deg,#11998e26,#38ef7d26);color:#38ef7d;border-radius:8px;font-size:13px;font-weight:600}.card-collapsed-preview.links-preview{flex-direction:column;align-items:flex-start;padding:16px 24px}.links-mini-list{display:flex;flex-wrap:wrap;gap:10px}.link-mini-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--theme-surface, #1e293b);border-radius:8px;font-size:13px;color:var(--theme-text-muted, #94a3b8)}.link-mini-item svg{color:#667eea}.links-more{padding:8px 14px;background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;border-radius:8px;font-size:13px;font-weight:600}.files-compact-list{display:flex;flex-direction:column;gap:8px}.file-compact-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--theme-background, #0f172a);border-radius:12px;border:1px solid var(--theme-border, #334155);transition:all .3s ease}.file-compact-item.viewable{cursor:pointer}.file-compact-item:hover{background:linear-gradient(135deg,#11998e14,#38ef7d14);border-color:#38ef7d4d}.file-compact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px;flex-shrink:0}.file-compact-icon.pdf{background:linear-gradient(135deg,#ef444426,#dc262626);color:#ef4444}.file-compact-icon.image{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#3b82f6}.file-compact-icon.office{background:linear-gradient(135deg,#2563eb26,#1d4ed826);color:#2563eb}.file-compact-icon.ppt{background:linear-gradient(135deg,#d2472626,#b43c1e26);color:#d24726}.file-compact-icon.excel{background:linear-gradient(135deg,#21734626,#195a3726);color:#217346}.file-compact-icon.default{background:linear-gradient(135deg,#38ef7d26,#11998e26);color:#38ef7d}.file-compact-info{flex:1;min-width:0}.file-compact-name{display:block;font-size:15px;font-weight:600;color:var(--theme-text, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-compact-meta{display:block;font-size:12px;color:var(--theme-text-muted, #94a3b8);margin-top:4px}.file-view-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.file-view-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.links-compact-list{display:flex;flex-direction:column;gap:8px}.link-compact-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--theme-background, #0f172a);border-radius:12px;border:1px solid var(--theme-border, #334155);text-decoration:none;transition:all .3s ease}.link-compact-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;transform:translate(4px)}.link-compact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:10px;color:#667eea;font-size:16px;flex-shrink:0}.link-compact-title{flex:1;font-size:15px;font-weight:500;color:var(--theme-text, #ffffff)}.link-compact-arrow{color:#667eea;opacity:0;transition:opacity .3s ease}.link-compact-item:hover .link-compact-arrow{opacity:1}.test-card.compact .test-compact-view{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;background:var(--theme-background, #0f172a)}.test-compact-stats{display:flex;flex-wrap:wrap;gap:12px;flex:1}.test-compact-stat{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--theme-surface, #1e293b);border-radius:20px;font-size:13px;color:var(--theme-text-muted, #94a3b8);white-space:nowrap}.test-compact-stat svg{color:#a855f7;font-size:12px}.test-compact-stat.attempts svg{color:#f59e0b}.test-compact-result{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--theme-surface, #1e293b);border-radius:20px}.test-compact-result .result-label{font-size:12px;color:var(--theme-text-muted, #94a3b8)}.test-compact-result .result-value{font-size:16px;font-weight:700}.test-compact-result .result-value.passed{color:#10b981}.test-compact-result .result-value.failed{color:#ef4444}.test-compact-action{flex-shrink:0}.test-compact-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.test-compact-btn.start{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.test-compact-btn.start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #a855f759}.test-compact-btn.retry{background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff)}.test-compact-btn.retry:hover:not(:disabled){background:linear-gradient(135deg,#a855f733,#ec489933)}.test-compact-btn:disabled{opacity:.5;cursor:not-allowed}.test-expanded-details{padding:16px 24px;border-top:1px solid var(--theme-border, #334155)}.test-card.compact .no-attempts-msg{padding:8px 24px 16px;text-align:center;color:#ef4444;font-size:13px;margin:0}.learning-mode-toggle{display:flex;background:var(--theme-background, #0f172a);border-radius:12px;padding:4px;border:1px solid var(--theme-border, #334155)}.learning-mode-toggle .mode-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:var(--theme-text-muted, #94a3b8);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.learning-mode-toggle .mode-btn span{display:none}.learning-mode-toggle .mode-btn:hover{color:var(--theme-text, #ffffff)}.learning-mode-toggle .mode-btn.active{background:linear-gradient(135deg,var(--theme-primary, #667eea) 0%,var(--theme-primary-dark, #764ba2) 100%);color:#fff}@media(min-width:768px){.learning-mode-toggle .mode-btn span{display:inline}}.pdf-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:600;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease}.pdf-modal-content{width:100%;max-width:1000px;max-height:95vh;background:var(--theme-surface, #1e293b);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 25px 80px #00000080}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--theme-background, #0f172a);border-bottom:1px solid var(--theme-border, #334155)}.pdf-modal-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--theme-text, #ffffff);margin:0}.pdf-modal-title svg{color:#ef4444}.pdf-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--theme-surface-light, #334155);color:var(--theme-text, #ffffff);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.pdf-modal-close:hover{background:#ef4444;transform:rotate(90deg)}.pdf-modal-body{flex:1;position:relative;min-height:500px;background:#fff}.pdf-modal-viewer{width:100%;height:100%;min-height:70vh;border:none}.office-modal-content{max-width:1200px;height:90vh}.office-modal-content .pdf-modal-title svg{color:#2563eb}.office-viewer{min-height:80vh}.image-modal-viewer{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--theme-background, #0f172a);min-height:500px}.image-modal-viewer img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:768px){.pdf-modal-overlay{padding:10px}.pdf-modal-content{border-radius:16px;max-height:90vh}.pdf-modal-header{padding:16px}.pdf-modal-title{font-size:15px}.pdf-modal-body{min-height:400px}.pdf-modal-viewer{min-height:50vh}.office-modal-content{height:85vh}.office-viewer{min-height:60vh}.test-card.compact .test-compact-view{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.test-compact-stats{justify-content:center}.test-compact-stat{padding:6px 12px;font-size:12px}.test-compact-result{justify-content:center}.test-compact-action{width:100%}.test-compact-btn{width:100%;justify-content:center}.card-collapsed-preview{padding:14px 16px}.card-collapsed-preview.text-preview{padding:16px}.files-compact-list,.links-compact-list{gap:6px}.file-compact-item,.link-compact-item{padding:12px 14px;gap:12px}.file-compact-icon,.link-compact-icon{width:38px;height:38px;font-size:16px}.file-view-btn{padding:8px 14px;font-size:13px}.learning-mode-toggle{padding:3px}.learning-mode-toggle .mode-btn{padding:6px 12px;font-size:14px}}.news-page{min-height:100vh;background:#f8fafc}.news-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 0 40px;text-align:center;color:#fff;position:relative;overflow:hidden}.news-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff14;border-radius:50%}.news-hero .container{position:relative;z-index:1}.news-hero__title{font-size:42px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.news-hero__subtitle{font-size:18px;opacity:.9;max-width:500px;margin:0 auto}.news-filters-section{background:#fff;padding:24px 0;border-bottom:1px solid #e2e8f0;position:sticky;top:70px;z-index:100;box-shadow:0 2px 8px #0000000a}.news-search-bar{display:flex;gap:12px;max-width:600px;margin:0 auto 20px}.news-search-bar__wrapper{flex:1;position:relative;display:flex;align-items:center}.news-search-bar__icon{position:absolute;left:16px;color:#94a3b8;font-size:16px;pointer-events:none}.news-search-bar__input{width:100%;padding:12px 44px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b;background:#f8fafc;transition:all .2s ease;outline:none}.news-search-bar__input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.news-search-bar__input::placeholder{color:#94a3b8}.news-search-bar__clear{position:absolute;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;transition:all .2s ease}.news-search-bar__clear:hover{background:#cbd5e1;color:#475569}.news-search-bar__btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.news-search-bar__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.news-quick-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.news-categories{display:flex;gap:8px;flex-wrap:wrap;flex:1}.news-category-tab{padding:8px 16px;background:transparent;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.news-category-tab:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.news-category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.news-quick-actions{display:flex;gap:8px;align-items:center}.news-featured-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.news-featured-btn:hover{background:#fff7ed;border-color:#fdba74;color:#ea580c}.news-featured-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:transparent;color:#fff}.news-featured-btn svg{font-size:12px}.news-advanced-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.news-advanced-btn:hover{background:#e2e8f0}.news-advanced-btn.active{background:#667eea;border-color:#667eea;color:#fff}.news-advanced-btn__icon{font-size:10px;transition:transform .2s ease}.news-advanced-btn__icon.rotated{transform:rotate(180deg)}.news-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.news-advanced-btn.active .news-filter-badge{background:#fff;color:#667eea}.news-advanced-panel{margin-top:20px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;animation:slideDown .2s ease}.news-advanced-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.news-filter-item{display:flex;flex-direction:column;gap:6px}.news-filter-item label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.news-filter-item select,.news-filter-item input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease;outline:none}.news-filter-item select:focus,.news-filter-item input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.news-filter-item input::placeholder{color:#94a3b8}.news-advanced-panel__actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e2e8f0}.news-clear-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:1px solid #fecaca;border-radius:8px;font-size:14px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.news-clear-btn:hover{background:#fef2f2}.news-apply-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.news-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.news-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;align-items:center}.news-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f1f5f9;border-radius:6px;font-size:13px;color:#475569}.news-filter-tag.featured{background:#fff7ed;color:#ea580c}.news-filter-tag.featured svg{font-size:10px}.news-filter-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;transition:all .2s ease}.news-filter-tag button:hover{background:#e2e8f0;color:#64748b}.news-filter-tag button svg{font-size:10px}.news-clear-all{padding:6px 12px;background:transparent;border:none;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease;margin-left:auto}.news-clear-all:hover{text-decoration:underline}.news-content{padding:40px 0 80px}.news-results-info{margin-bottom:24px;font-size:14px;color:#64748b}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.news-loading,.news-error,.news-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.news-loading p{font-size:15px;color:#64748b;margin:0}.news-error h3,.news-empty h3{font-size:20px;color:#1e293b;margin:0}.news-error p,.news-empty p{font-size:15px;color:#64748b;margin:0;text-align:center}.news-empty__clear{margin-top:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.news-empty__clear:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.news-load-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:48px}.news-load-more__btn{padding:14px 40px;background:#fff;border:2px solid #667eea;border-radius:10px;font-weight:600;font-size:15px;color:#667eea;cursor:pointer;transition:all .2s ease}.news-load-more__btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;transform:translateY(-1px)}.news-load-more__btn:disabled{opacity:.6;cursor:not-allowed}.news-load-more__info{font-size:13px;color:#94a3b8;margin:0}@media(max-width:1024px){.news-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media(max-width:768px){.news-hero{padding:90px 0 32px}.news-hero__title{font-size:32px}.news-hero__subtitle{font-size:15px}.news-filters-section{padding:16px 0;top:60px}.news-search-bar{flex-direction:column;gap:10px;margin-bottom:16px}.news-search-bar__btn{width:100%;padding:12px}.news-quick-filters{flex-direction:column;align-items:stretch;gap:12px}.news-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.news-categories::-webkit-scrollbar{display:none}.news-quick-actions{justify-content:space-between}.news-advanced-panel__grid{grid-template-columns:1fr 1fr;gap:12px}.news-advanced-panel__actions{flex-direction:column}.news-clear-btn,.news-apply-btn{width:100%;justify-content:center}.news-content{padding:32px 0 60px}.news-grid{grid-template-columns:1fr;gap:16px}.news-load-more__btn{width:100%}}@media(max-width:480px){.news-advanced-panel__grid{grid-template-columns:1fr}.news-category-tab{padding:6px 12px;font-size:12px}.news-featured-btn,.news-advanced-btn{padding:6px 10px;font-size:12px}.news-active-filters{gap:6px}.news-filter-tag{padding:4px 8px;font-size:12px}}.news-detail__loading,.news-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;gap:20px}.news-detail__error h2{font-size:28px;color:#1e293b;margin:0}.news-detail__error p{font-size:16px;color:#64748b;margin:0 0 20px}.news-detail__hero{padding:120px 0 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.news-detail__back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:none;border-radius:8px;color:#667eea;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.news-detail__back-btn:hover{background:#667eea;color:#fff;transform:translate(-4px)}.news-detail__category{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px}.news-detail__title{font-size:48px;font-weight:800;color:#1e293b;line-height:1.2;margin:0 0 24px;max-width:900px}.news-detail__meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.news-detail__meta-left,.news-detail__meta-right{display:flex;align-items:center;gap:24px}.news-detail__author{display:flex;align-items:center;gap:12px;font-weight:600;color:#1e293b}.news-detail__author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid white}.news-detail__date{color:#64748b;font-size:15px}.news-detail__stat{display:flex;align-items:center;gap:6px;color:#64748b;font-size:15px}.news-detail__stat svg{font-size:16px}.news-detail__image-section{padding:60px 0}.news-detail__main-image-wrapper{width:100%;max-width:1200px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000026}.news-detail__main-image{width:100%;height:auto;display:block;max-height:600px;object-fit:cover}.news-detail__image-gallery{display:flex;gap:16px;margin-top:24px;overflow-x:auto;padding:8px 0}.news-detail__thumbnail{flex-shrink:0;width:120px;height:80px;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease;opacity:.6}.news-detail__thumbnail:hover,.news-detail__thumbnail.active{border-color:#667eea;opacity:1;transform:scale(1.05)}.news-detail__thumbnail img{width:100%;height:100%;object-fit:cover}.news-detail__content-section{padding:40px 0 80px}.news-detail__layout{display:grid;grid-template-columns:1fr 350px;gap:60px;max-width:1200px;margin:0 auto}.news-detail__main-content{min-width:0}.news-detail__lead{font-size:22px;font-weight:500;color:#475569;line-height:1.6;margin-bottom:32px;padding-left:20px;border-left:4px solid #667eea}.news-detail__content{font-size:18px;line-height:1.8;color:#334155}.news-detail__content h2{font-size:32px;font-weight:700;color:#1e293b;margin:40px 0 20px}.news-detail__content h3{font-size:26px;font-weight:600;color:#1e293b;margin:32px 0 16px}.news-detail__content p{margin:0 0 20px}.news-detail__content ul,.news-detail__content ol{margin:20px 0;padding-left:32px}.news-detail__content li{margin:12px 0}.news-detail__content img{max-width:100%;height:auto;border-radius:16px;margin:32px 0}.news-detail__content blockquote{background:#f8fafc;border-left:4px solid #667eea;padding:24px;margin:32px 0;border-radius:8px;font-style:italic;color:#475569}.news-detail__tags{margin:48px 0 32px;padding-top:32px;border-top:2px solid #f1f5f9}.news-detail__tags h4{font-size:16px;font-weight:600;color:#64748b;margin:0 0 16px}.news-detail__tags-list{display:flex;flex-wrap:wrap;gap:12px}.news-detail__tag{background:#f1f5f9;color:#667eea;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.news-detail__tag:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.news-detail__share{margin-top:32px}.news-detail__share h4{font-size:16px;font-weight:600;color:#64748b;margin:0 0 16px}.news-detail__share-buttons{display:flex;gap:12px}.news-detail__share-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .3s ease}.news-detail__share-btn--facebook{background:#1877f2}.news-detail__share-btn--twitter{background:#1da1f2}.news-detail__share-btn--telegram{background:#08c}.news-detail__share-btn:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.news-detail__sidebar{position:sticky;top:120px;height:fit-content}.news-detail__author-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 12px #00000014}.news-detail__author-card h4{font-size:14px;font-weight:600;color:#64748b;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.news-detail__author-info{display:flex;gap:16px}.news-detail__author-card-avatar{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0}.news-detail__author-info h5{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.news-detail__author-info p{font-size:14px;color:#64748b;line-height:1.6;margin:0}.news-detail__related{padding:80px 0;background:#f8fafc}.news-detail__related-title{font-size:36px;font-weight:800;color:#1e293b;margin:0 0 40px;text-align:center}.news-detail__related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}@media(max-width:1024px){.news-detail__layout{grid-template-columns:1fr;gap:40px}.news-detail__sidebar{position:static}.news-detail__title{font-size:40px}}@media(max-width:768px){.news-detail__hero{padding:100px 0 32px}.news-detail__title{font-size:32px}.news-detail__meta{flex-direction:column;align-items:flex-start}.news-detail__lead{font-size:18px}.news-detail__content{font-size:16px}.news-detail__content h2{font-size:26px}.news-detail__content h3{font-size:22px}.news-detail__related-title{font-size:28px}.news-detail__related-grid{grid-template-columns:1fr;gap:20px}}.contact-page{min-height:100vh;background:#f8f9fa}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 0 80px;text-align:center;color:#fff}.contact-hero__title{font-size:48px;font-weight:800;margin-bottom:20px}.contact-hero__subtitle{font-size:20px;opacity:.95}.contact-content{padding:80px 0}.contact-wrapper{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.contact-section__title{font-size:28px;font-weight:700;color:#333;margin-bottom:30px}.contact-form-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 5px 20px #00000014}.contact-form__group{margin-bottom:25px}.contact-form__label{display:block;font-weight:600;color:#333;margin-bottom:8px}.contact-form__input,.contact-form__textarea{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:#667eea}.contact-form__textarea{resize:vertical;font-family:inherit}.contact-form__button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.contact-form__button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.contact-info-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 5px 20px #00000014}.contact-info__item{display:flex;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #f0f0f0}.contact-info__item:last-child{border-bottom:none}.contact-info__icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.contact-info__title{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.contact-info__text{color:#666;line-height:1.6}.contact-social{margin-top:40px;padding-top:30px;border-top:1px solid #f0f0f0}.contact-social__title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.contact-social__links{display:flex;gap:15px}.contact-social__link{width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease}.contact-social__link:hover{transform:translateY(-5px);box-shadow:0 10px 20px #667eea4d}.contact-hours{margin-top:30px;padding-top:30px;border-top:1px solid #f0f0f0}.contact-hours__title{font-size:18px;font-weight:700;color:#333;margin-bottom:15px}.contact-hours__text{color:#666;margin-bottom:8px;line-height:1.6}@media(max-width:768px){.contact-hero__title{font-size:36px}.contact-wrapper{grid-template-columns:1fr;gap:30px}.contact-form-section,.contact-info-section{padding:30px 20px}}.profile-edit-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease}.profile-edit-modal{background:#fff;border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-edit-modal::-webkit-scrollbar{width:8px}.profile-edit-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 1rem 1rem 0}.profile-edit-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.profile-edit-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.profile-edit-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.profile-edit-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.profile-edit-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:.5rem;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:1.125rem}.profile-edit-close:hover{background:#e2e8f0;color:#1e293b}.profile-edit-form{padding:1.5rem}.profile-edit-avatar-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.profile-edit-avatar-wrapper{position:relative}.profile-edit-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;border:3px solid #e2e8f0;transition:all .2s ease}.profile-edit-avatar:hover{border-color:#3b82f6}.profile-edit-avatar img{width:100%;height:100%;object-fit:cover}.profile-edit-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:2rem;font-weight:600}.profile-edit-avatar-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;opacity:0;transition:opacity .2s ease}.profile-edit-avatar:hover .profile-edit-avatar-overlay{opacity:1}.profile-edit-avatar-info{flex:1}.profile-edit-avatar-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.profile-edit-avatar-hint{font-size:.875rem;color:#64748b;margin:0}.profile-edit-fields{display:flex;flex-direction:column;gap:1.25rem}.profile-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-edit-field{display:flex;flex-direction:column;gap:.5rem}.profile-edit-field label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#475569}.profile-edit-field label svg{color:#3b82f6}.profile-edit-field input,.profile-edit-field textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b;transition:all .2s ease;font-family:inherit}.profile-edit-field input:focus,.profile-edit-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.profile-edit-field textarea{resize:vertical;min-height:80px}.profile-edit-error{font-size:.875rem;color:#ef4444;margin:0}.profile-edit-error--general{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;margin-top:1rem}.profile-edit-success{padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:.5rem;color:#10b981;font-size:.875rem;font-weight:600;margin-top:1rem;text-align:center}.profile-edit-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.profile-edit-btn{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.profile-edit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-edit-btn--cancel{background:#f1f5f9;color:#475569}.profile-edit-btn--cancel:hover:not(:disabled){background:#e2e8f0}.profile-edit-btn--save{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.profile-edit-btn--save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media(max-width:640px){.profile-edit-overlay{padding:0}.profile-edit-modal{max-height:100vh;border-radius:0}.profile-edit-avatar-section{flex-direction:column;align-items:flex-start}.profile-edit-row{grid-template-columns:1fr}.profile-edit-actions{flex-direction:column}}.profile-page{min-height:100vh;background:#f8f9fa;padding-bottom:60px}.profile-hero{background:linear-gradient(135deg,#06c,#0052a3);padding:120px 0 80px;margin-bottom:-40px;color:#fff}.profile-hero-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.profile-hero__title{font-size:36px;font-weight:800;margin:0 0 15px;text-align:left}.profile-hero__subtitle{font-size:18px;text-align:left;opacity:.9;margin:0}.profile-edit-btn-main{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:.75rem;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.profile-edit-btn-main:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.profile-edit-btn-main svg{font-size:1rem}.profile-content{padding:40px 0}.profile-wrapper{display:grid;grid-template-columns:1fr 350px;gap:30px;max-width:1200px;margin:0 auto}.profile-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.profile-card--main{grid-column:1}.profile-card__header{padding:40px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #e2e8f0}.profile-avatar{position:relative}.profile-avatar__circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#06c,#0052a3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;box-shadow:0 4px 15px #0066cc4d}.profile-avatar__image{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:0 4px 15px #0066cc4d}.profile-avatar__badge{position:absolute;bottom:5px;right:5px;width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;font-size:18px;box-shadow:0 2px 8px #0000001a}.profile-header__info{flex:1}.profile-name{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 8px}.profile-username{font-size:16px;color:#718096;margin:0 0 12px}.profile-verified-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#d1fae5;color:#065f46;border-radius:20px;font-size:13px;font-weight:600}.profile-card__body{padding:40px}.profile-section-title{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.profile-info-item{display:flex;align-items:flex-start;gap:15px}.profile-info-item__icon{width:45px;height:45px;background:#f0f4f8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#06c;font-size:20px;flex-shrink:0}.profile-info-item__content{flex:1;min-width:0}.profile-info-item__label{display:block;font-size:13px;color:#718096;margin-bottom:5px;font-weight:500}.profile-info-item__value{font-size:16px;color:#2c3e50;font-weight:600;margin:0;word-break:break-word}.profile-card__footer{padding:30px 40px;border-top:1px solid #e2e8f0}.profile-logout-btn{width:100%;padding:14px 30px;background:#fff;color:#ef4444;border:2px solid #ef4444;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-logout-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.profile-sidebar,.profile-stats{display:flex;flex-direction:column;gap:20px}.profile-stat{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px}.profile-stat__number{font-size:32px;font-weight:800;color:#06c;margin-bottom:5px}.profile-stat__label{font-size:14px;color:#718096;font-weight:500}.profile-status-list{display:flex;flex-direction:column;gap:12px}.profile-status-item{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:8px;font-size:14px;font-weight:500}.profile-status-item--success{background:#d1fae5;color:#065f46}.profile-card--applications{border:2px solid #e2e8f0}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.profile-section-header .profile-section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.profile-section-link{display:flex;align-items:center;gap:6px;font-size:14px;color:#06c;text-decoration:none;font-weight:500;transition:all .2s ease}.profile-section-link:hover{color:#0052a3}.profile-section-link svg{font-size:12px}.profile-stats-loading{text-align:center;padding:20px;color:#718096;font-size:14px}.profile-application-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.profile-app-stat{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#f8f9fa}.profile-app-stat__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.profile-app-stat--total .profile-app-stat__icon{background:#e0e7ff;color:#4f46e5}.profile-app-stat--pending .profile-app-stat__icon{background:#fef3c7;color:#d97706}.profile-app-stat--approved .profile-app-stat__icon{background:#d1fae5;color:#059669}.profile-app-stat--rejected .profile-app-stat__icon{background:#fee2e2;color:#dc2626}.profile-app-stat__info{flex:1;min-width:0}.profile-app-stat__number{font-size:20px;font-weight:700;color:#1e293b;line-height:1.2}.profile-app-stat__label{font-size:12px;color:#64748b;font-weight:500}.profile-applications-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#06c,#0052a3);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.profile-applications-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0066cc4d}.profile-applications-btn svg:last-child{font-size:12px;transition:transform .2s ease}.profile-applications-btn:hover svg:last-child{transform:translate(4px)}@media(max-width:992px){.profile-wrapper{grid-template-columns:1fr}.profile-card--main{grid-column:1}.profile-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-hero{padding:40px 0 60px}.profile-hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.profile-hero__title{font-size:28px}.profile-hero__subtitle{font-size:16px}.profile-edit-btn-main{width:100%;justify-content:center}.profile-card__header{flex-direction:column;text-align:center;padding:30px 20px}.profile-card__body{padding:30px 20px}.profile-card__footer{padding:20px}.profile-avatar__circle,.profile-avatar__image{width:80px;height:80px;font-size:28px}.profile-name{font-size:24px}}.user-applications{max-width:1200px;margin:0 auto;padding:40px 20px}.user-applications__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.user-applications__header h2{font-size:32px;font-weight:800;color:#1a202c;margin:0 0 8px}.user-applications__subtitle{font-size:16px;color:#718096;margin:0}.application-filters{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.application-filter-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:25px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.application-filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.application-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}.applications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.applications-loading__spinner{font-size:48px;color:#667eea;animation:spin 1s linear infinite}.applications-loading p{font-size:16px;color:#718096;font-weight:500}.applications-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014}.applications-empty__icon{font-size:72px;color:#cbd5e0;margin-bottom:20px}.applications-empty h3{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:10px}.applications-empty p{font-size:16px;color:#718096}.applications-list{display:flex;flex-direction:column;gap:24px}.application-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.application-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.application-card__header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e2e8f0}.application-card__course-info{display:flex;gap:16px;align-items:center;flex:1}.application-card__course-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.application-card__course-image img{width:100%;height:100%;object-fit:cover}.application-card__course-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:32px}.application-card__course-title{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 6px;line-height:1.4}.application-card__application-number{font-size:14px;color:#718096;margin:0;font-weight:600}.application-status-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 12px #00000026;white-space:nowrap}.application-status-icon{font-size:18px}.application-status-label{font-size:14px}.application-card__body{padding:24px}.status-roadmap{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px solid #e2e8f0}.status-roadmap__path{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.status-roadmap__stage{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto;position:relative}.status-roadmap__icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;background:#fff;color:#cbd5e0;border:3px solid #e2e8f0}.status-roadmap__stage--completed .status-roadmap__icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 6px 16px #10b98166;transform:scale(1.1)}.status-roadmap__stage--active .status-roadmap__icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 6px 16px #3b82f666;animation:pulse 2s ease-in-out infinite}.status-roadmap__stage--rejected .status-roadmap__icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 6px 16px #ef444466}.status-roadmap__stage--pending .status-roadmap__icon{background:#f8f9fa;color:#cbd5e0;border-color:#e2e8f0}@keyframes pulse{0%,to{transform:scale(1.1);box-shadow:0 6px 16px #3b82f666}50%{transform:scale(1.15);box-shadow:0 8px 20px #3b82f699}}.status-roadmap__label{font-size:13px;font-weight:600;color:#64748b;text-align:center;max-width:90px;line-height:1.3}.status-roadmap__stage--completed .status-roadmap__label{color:#10b981;font-weight:700}.status-roadmap__stage--active .status-roadmap__label{color:#3b82f6;font-weight:700}.status-roadmap__stage--rejected .status-roadmap__label{color:#ef4444;font-weight:700}.status-roadmap__connector{flex:1;height:4px;background:#e2e8f0;border-radius:2px;min-width:40px;max-width:100px;position:relative;overflow:hidden}.status-roadmap__connector--completed{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.status-roadmap__connector--rejected{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.status-roadmap__connector--pending{background:#e2e8f0}.application-card__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.application-card__info-item{display:flex;flex-direction:column;gap:6px}.application-card__info-label{font-size:13px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.application-card__info-value{font-size:16px;color:#2d3748;font-weight:600}.application-timeline{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e2e8f0}.application-timeline__title{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 16px}.application-timeline__list{display:flex;flex-direction:column;gap:16px}.application-timeline__item{display:flex;gap:12px;align-items:flex-start}.application-timeline__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 4px 8px #00000026}.application-timeline__content{flex:1}.application-timeline__message{font-size:15px;color:#2d3748;font-weight:600;margin:0 0 4px}.application-timeline__time{font-size:13px;color:#718096}.application-card__actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0;flex-wrap:wrap}.application-card__download-btn,.application-card__detail-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.application-card__download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:1}.application-card__download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.application-card__detail-btn{background:#f8f9fa;color:#667eea;border:2px solid #e2e8f0;flex:0 0 auto}.application-card__detail-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}@media(max-width:768px){.user-applications{padding:24px 16px}.user-applications__header h2{font-size:24px}.application-card__header{flex-direction:column;gap:16px;align-items:flex-start}.application-card__course-info{width:100%}.application-status-badge{align-self:flex-start}.application-card__info-grid{grid-template-columns:1fr;gap:16px}.application-card__actions{flex-direction:column}.application-card__download-btn,.application-card__detail-btn{width:100%;justify-content:center}.status-roadmap{padding:20px 15px}.status-roadmap__path{flex-direction:column;gap:16px}.status-roadmap__stage{width:100%;flex-direction:row;justify-content:flex-start;gap:15px}.status-roadmap__icon{width:45px;height:45px;font-size:20px;flex-shrink:0}.status-roadmap__label{text-align:left;max-width:none;font-size:14px}.status-roadmap__connector{width:4px;height:30px;min-width:4px;max-width:4px;margin-left:20px}.status-roadmap__connector--completed{background:linear-gradient(180deg,#10b981,#059669)}.status-roadmap__connector--rejected{background:linear-gradient(180deg,#ef4444,#dc2626)}}.application-detail-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.application-detail-modal__content{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}.application-detail-modal__close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.application-detail-modal__close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.application-detail-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.application-detail-modal__loading .spinner{font-size:48px;color:#667eea;animation:spin 1s linear infinite}.application-detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:30px 35px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.application-detail-modal__header h2{font-size:24px;font-weight:700;color:#1a202c;margin:0}.application-detail-section{padding:25px 35px;border-bottom:1px solid #e9ecef}.application-detail-section:last-child{border-bottom:none}.application-detail-section__title{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.application-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.application-detail-info__item{display:flex;flex-direction:column;gap:6px}.application-detail-info__item .label{font-size:13px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.application-detail-info__item .value{font-size:15px;font-weight:600;color:#2d3748}.employees-table{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.employees-table__header{display:grid;grid-template-columns:60px 2fr 1.5fr 1.2fr 1fr .8fr;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:14px;padding:16px 0}.employees-table__header .employees-table__cell{padding:0 12px;text-align:left}.employees-table__body{display:flex;flex-direction:column}.employees-table__row{display:grid;grid-template-columns:60px 2fr 1.5fr 1.2fr 1fr .8fr;padding:14px 0;border-bottom:1px solid #e9ecef;transition:background .2s ease}.employees-table__row:last-child{border-bottom:none}.employees-table__row:hover{background:#f8f9fa}.employees-table__cell{padding:0 12px;font-size:14px;color:#4a5568;display:flex;align-items:center}.employees-table__row .employees-table__cell:first-child{font-weight:700;color:#667eea}.application-detail-contract{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px solid #e2e8f0}.application-detail-contract__info{display:flex;align-items:center;gap:16px}.application-detail-contract__info .icon{font-size:36px;color:#667eea}.application-detail-contract__info .title{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 4px}.application-detail-contract__info .status{font-size:14px;color:#718096;margin:0}.application-detail-contract__download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.application-detail-contract__download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.application-detail-modal__error{padding:80px 20px;text-align:center;color:#ef4444;font-size:16px}@media(max-width:768px){.application-detail-modal{padding:10px}.application-detail-modal__content{max-height:95vh}.application-detail-modal__header,.application-detail-section{padding:20px}.application-detail-info{grid-template-columns:1fr}.employees-table__header,.employees-table__row{grid-template-columns:50px 1fr;font-size:13px}.employees-table__cell:nth-child(n+3){display:none}.application-detail-contract{flex-direction:column;gap:16px}.application-detail-contract__download-btn{width:100%;justify-content:center}}.application-card__history-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;white-space:nowrap}.application-card__history-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.status-history-modal{max-width:900px}.status-history-timeline-user{padding:30px}.status-history-item-user{display:flex;gap:20px;position:relative;padding-bottom:30px}.status-history-item-user.status-history-item--latest .status-history-content-user{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626}.status-history-icon-user{flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative}.status-icon-circle-user{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 4px 12px #00000026;z-index:2;border:3px solid white}.status-history-connector-user{width:3px;flex:1;background:linear-gradient(180deg,#cbd5e1,#e2e8f0);margin-top:8px;min-height:30px}.status-history-content-user{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.status-history-content-user:hover{box-shadow:0 4px 12px #00000014;transform:translate(4px)}.status-history-header-user{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.status-change-user{display:flex;align-items:center;font-size:16px;font-weight:700}.status-old-user,.status-new-user{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#fff;border:2px solid currentColor}.status-history-badge-user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f64d}.status-history-meta-user{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:12px}.status-history-info-user{display:flex;align-items:center;gap:8px}.info-label-user{font-size:13px;font-weight:600;color:#64748b}.info-value-user{font-size:14px;font-weight:600;color:#1e293b;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid #e2e8f0}.status-history-reason-user{margin-top:12px;padding:12px;background:#fff;border-radius:8px;border-left:4px solid #667eea}.reason-label-user{font-size:13px;font-weight:700;color:#667eea;display:block;margin-bottom:6px}.reason-text-user{font-size:14px;color:#475569;margin:0;line-height:1.6}@media(max-width:768px){.status-history-timeline-user{padding:16px}.status-history-item-user{gap:12px}.status-icon-circle-user{width:40px;height:40px;font-size:18px}.status-history-content-user{padding:16px}.status-change-user{font-size:14px;flex-direction:column;align-items:flex-start;gap:8px}.status-change-user svg{transform:rotate(90deg)}.status-history-meta-user{flex-direction:column;gap:8px}.application-card__history-btn{font-size:13px;padding:10px 16px}}.privacy-page{min-height:100vh;background:#f8f9fa}.privacy-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 0 60px;position:relative;overflow:hidden}.privacy-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');animation:move 20s linear infinite}.privacy-hero__title{font-size:48px;font-weight:800;color:#fff;margin-bottom:15px;position:relative;z-index:1;text-align:center}.privacy-hero__subtitle{font-size:18px;color:#ffffffe6;margin-bottom:10px;position:relative;z-index:1;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.privacy-hero__date{font-size:14px;color:#fffc;position:relative;z-index:1;text-align:center;font-style:italic}.privacy-content{padding:60px 0}.privacy-section{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.privacy-section:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.privacy-section h2{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #667eea;display:inline-block}.privacy-section p{font-size:16px;line-height:1.8;color:#4b5563;margin-bottom:15px}.privacy-list{list-style:none;padding:0;margin:20px 0}.privacy-list li{font-size:16px;line-height:1.8;color:#4b5563;margin-bottom:12px;padding-left:30px;position:relative}.privacy-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:18px}.privacy-list li strong{color:#1f2937;font-weight:600}.privacy-contact{background:#f3f4f6;border-left:4px solid #667eea;padding:20px;border-radius:8px;margin-top:20px}.privacy-contact p{margin-bottom:10px;font-size:15px}.privacy-contact strong{color:#667eea}.privacy-section--highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea}.privacy-section--highlight h2{color:#667eea}@media(max-width:768px){.privacy-hero{padding:80px 0 40px}.privacy-hero__title{font-size:32px}.privacy-hero__subtitle{font-size:16px}.privacy-section{padding:25px}.privacy-section h2{font-size:22px}.privacy-section p,.privacy-list li{font-size:14px}}.terms-page{min-height:100vh;background:#f8f9fa}.terms-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 0 60px;position:relative;overflow:hidden}.terms-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');animation:move 20s linear infinite}@keyframes move{0%{transform:translate(0) translateY(0)}to{transform:translate(50px) translateY(50px)}}.terms-hero__title{font-size:48px;font-weight:800;color:#fff;margin-bottom:15px;position:relative;z-index:1;text-align:center}.terms-hero__subtitle{font-size:18px;color:#ffffffe6;margin-bottom:10px;position:relative;z-index:1;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.terms-hero__date{font-size:14px;color:#fffc;position:relative;z-index:1;text-align:center;font-style:italic}.terms-content{padding:60px 0}.terms-section{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.terms-section:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.terms-section h2{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #667eea;display:inline-block}.terms-section p{font-size:16px;line-height:1.8;color:#4b5563;margin-bottom:15px}.terms-list{list-style:none;padding:0;margin:20px 0}.terms-list li{font-size:16px;line-height:1.8;color:#4b5563;margin-bottom:12px;padding-left:30px;position:relative}.terms-list li:before{content:"•";position:absolute;left:10px;color:#667eea;font-weight:700;font-size:24px;line-height:1.4}.terms-list li strong{color:#1f2937;font-weight:600}.terms-contact{background:#f3f4f6;border-left:4px solid #667eea;padding:20px;border-radius:8px;margin-top:20px}.terms-contact p{margin-bottom:10px;font-size:15px}.terms-contact strong{color:#667eea}.terms-section--highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea}.terms-section--highlight h2{color:#667eea}@media(max-width:768px){.terms-hero{padding:80px 0 40px}.terms-hero__title{font-size:32px}.terms-hero__subtitle{font-size:16px}.terms-section{padding:25px}.terms-section h2{font-size:22px}.terms-section p,.terms-list li{font-size:14px}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-callback-content{background:#fff;border-radius:24px;padding:60px 40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-callback-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px}.auth-callback-success,.auth-callback-error{margin:0 auto 30px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.auth-callback-title{font-size:32px;font-weight:800;color:#333;margin-bottom:15px}.auth-callback-title--success{color:#10b981}.auth-callback-title--error{color:#ef4444}.auth-callback-message{font-size:16px;color:#666;line-height:1.6;margin-bottom:10px}.auth-callback-redirect{font-size:14px;color:#999;margin-top:20px}@media(max-width:768px){.auth-callback-content{padding:40px 30px}.auth-callback-title{font-size:28px}.auth-callback-message{font-size:14px}}.attestation-registry{min-height:100vh;background:#f8fafc}.attestation-hero{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#0ea5e9);padding:80px 0 60px;position:relative;overflow:hidden}.attestation-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.attestation-hero__content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.attestation-hero__icon{width:80px;height:80px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.attestation-hero__icon svg{font-size:36px;color:#fff}.attestation-hero__title{font-size:42px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-1px}.attestation-hero__subtitle{font-size:18px;color:#ffffffe6;margin:0;line-height:1.6}.attestation-content{padding:40px 0 80px}.attestation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.attestation-search{position:relative;flex:1;max-width:500px}.attestation-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px}.attestation-search__input{width:100%;padding:14px 44px 14px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s ease;color:#1e293b}.attestation-search__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.attestation-search__input::placeholder{color:#94a3b8}.attestation-search__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attestation-search__clear:hover{background:#cbd5e1;color:#1e293b}.attestation-stats{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 20px;border-radius:12px;border:2px solid #e2e8f0}.attestation-stats__label{color:#64748b;font-size:14px}.attestation-stats__value{font-weight:700;font-size:18px;color:#1e3a8a}.attestation-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.attestation-table{width:100%;border-collapse:collapse}.attestation-table__th{background:#f8fafc;padding:16px 20px;text-align:left;font-weight:600;font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.attestation-table__th--number{width:60px;text-align:center}.attestation-table__th--cert{width:140px}.attestation-table__th--name{min-width:200px}.attestation-table__th--sphere{min-width:180px}.attestation-table__th--org{min-width:150px}.attestation-table__th--date{width:130px}.attestation-table__th--status{width:100px;text-align:center}.attestation-table__row{transition:background-color .2s ease}.attestation-table__row:nth-child(2n){background:#fafbfc}.attestation-table__row:hover{background:#f1f5f9}.attestation-table__td{padding:16px 20px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#334155;vertical-align:middle}.attestation-table__td--number{text-align:center;font-weight:600;color:#64748b}.attestation-cert-number{display:inline-block;background:#f0f9ff;color:#0369a1;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;font-family:Monaco,Consolas,monospace;letter-spacing:.5px}.attestation-name{display:flex;align-items:center;gap:10px}.attestation-name__icon{color:#3b82f6;font-size:16px;flex-shrink:0}.attestation-name span{font-weight:500;color:#1e293b}.attestation-sphere{display:inline-block;background:#eff6ff;color:#1e40af;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attestation-date{display:flex;align-items:center;gap:8px}.attestation-date__icon{color:#94a3b8;font-size:14px}.attestation-status{display:inline-block;padding:5px 10px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.attestation-status--active{background:#dcfce7;color:#166534}.attestation-status--inactive{background:#fef3c7;color:#92400e}.attestation-status--expired{background:#fee2e2;color:#991b1b}.attestation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#64748b}.attestation-loading__spinner{font-size:32px;color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.attestation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#ef4444;text-align:center}.attestation-retry-btn{margin-top:16px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.attestation-retry-btn:hover{background:#2563eb}.attestation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#64748b}.attestation-empty__icon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.attestation-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;flex-wrap:wrap;gap:16px}.attestation-pagination__info{color:#64748b;font-size:14px}.attestation-pagination__controls{display:flex;gap:6px;align-items:center}.attestation-pagination__btn{min-width:40px;height:40px;padding:0 12px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.attestation-pagination__btn:hover:not(:disabled){background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.attestation-pagination__btn--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.attestation-pagination__btn--active:hover{background:#2563eb;border-color:#2563eb;color:#fff}.attestation-pagination__btn--dots{cursor:default;border:none;background:transparent}.attestation-pagination__btn--dots:hover{background:transparent;border:none}.attestation-pagination__btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.attestation-hero{padding:60px 0 50px}.attestation-hero__title{font-size:32px}.attestation-table-wrapper{overflow-x:auto}.attestation-table{min-width:1000px}}@media(max-width:768px){.attestation-hero{padding:50px 0 40px}.attestation-hero__icon{width:64px;height:64px}.attestation-hero__icon svg{font-size:28px}.attestation-hero__title{font-size:26px}.attestation-hero__subtitle{font-size:15px}.attestation-toolbar{flex-direction:column;align-items:stretch}.attestation-search{max-width:none}.attestation-stats{justify-content:center}.attestation-pagination{flex-direction:column;align-items:center}.attestation-pagination__controls{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.attestation-hero__title{font-size:22px}.attestation-pagination__btn{min-width:36px;height:36px;padding:0 8px;font-size:13px}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--text-dark: #1f2937;--text-light: #6b7280;--bg-white: #ffffff;--bg-light: #f8fafc;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow,sans-serif}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);z-index:1000;transition:var(--transition);border:2px solid rgb(215,208,208)}.header.scrolled{background:#fffffffa;box-shadow:var(--shadow)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header__container{display:flex;align-items:center;justify-content:space-between}.header__logo-link{display:flex;align-items:center;text-decoration:none;gap:.75rem;transition:var(--transition)}.header__logo{height:40px;width:auto;transition:var(--transition)}.header__logo-link:hover{transform:translateY(-1px)}.header__nav{display:flex}.header__list{display:flex;list-style:none;gap:2.5rem;align-items:center}.header__item{position:relative}.header__link{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:1rem;padding:.5rem 0;position:relative;transition:var(--transition);display:block}.header__link-text{position:relative;z-index:2}.header__link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition);border-radius:2px}.header__link:hover{color:var(--primary-color)}.header__link:hover:before{width:100%}.header__actions{display:flex;align-items:center;gap:1rem}.header__language{position:relative}.header__language-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-dark);padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:var(--transition);font-family:Barlow,sans-serif;font-size:.9rem}.header__language-btn:hover{border-color:var(--primary-color);background:var(--bg-light)}.header__language-flag{font-size:1rem}.header__language-code{font-weight:500;text-transform:uppercase}.header__language-arrow{transition:var(--transition)}.header__language-arrow--active{transform:rotate(180deg)}.header__language-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);min-width:140px;z-index:1001;overflow:hidden}.header__language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;transition:var(--transition);color:var(--text-dark);font-family:Barlow,sans-serif;font-size:.9rem}.header__language-option:hover{background:var(--bg-light)}.header__language-option--active{background:var(--primary-color);color:#fff}.header__language-option-flag{font-size:1rem}.header__language-option-name{font-weight:500}.header__cart-btn{position:relative;background:transparent;border:1px solid var(--border-color);color:var(--text-dark);padding:.5rem;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.header__cart-btn:hover{border-color:var(--primary-color);background:var(--bg-light);color:var(--primary-color)}.header__cart-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center}.header__login-btn{position:relative;background:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);overflow:hidden;font-family:Barlow,sans-serif}.header__login-hover{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.header__login-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.header__login-btn:hover .header__login-hover{left:100%}.header__hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;position:relative}.header__hamburger span{display:block;height:2px;width:100%;background:var(--text-dark);border-radius:2px;transition:var(--transition);transform-origin:center}.header__hamburger--active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.header__hamburger--active span:nth-child(2){opacity:0}.header__hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header__mobile{position:absolute;top:100%;left:0;right:0;background:var(--bg-white);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.header__mobile--active{opacity:1;visibility:visible;transform:translateY(0)}.header__mobile-content{padding:2rem}.header__mobile-list{list-style:none;display:flex;flex-direction:column;gap:0}.header__mobile-item{border-bottom:1px solid var(--border-color)}.header__mobile-item:last-child{border-bottom:none}.header__mobile-item--language,.header__mobile-item--actions{border-bottom:none;margin-top:1rem}.header__mobile-link{display:block;text-decoration:none;color:var(--text-dark);font-weight:500;padding:1rem 0;transition:var(--transition);font-size:1.1rem}.header__mobile-link:hover{color:var(--primary-color);padding-left:.5rem}.header__mobile-language{padding:1rem 0}.header__mobile-language-title{font-weight:600;color:var(--text-dark);margin-bottom:.75rem;font-size:.9rem}.header__mobile-language-buttons{display:flex;gap:.5rem}.header__mobile-language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer;transition:var(--transition);font-size:.85rem}.header__mobile-language-btn:hover{border-color:var(--primary-color)}.header__mobile-language-btn--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.header__mobile-language-flag{font-size:.9rem}.header__mobile-language-name{font-weight:500}.header__mobile-actions{display:flex;gap:.75rem;padding:1rem 0}.header__mobile-cart{display:flex;align-items:center;gap:.5rem;flex:1;background:transparent;border:1px solid var(--border-color);color:var(--text-dark);padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:var(--transition);font-weight:500}.header__mobile-cart:hover{border-color:var(--primary-color);color:var(--primary-color)}.header__mobile-login{flex:1;background:var(--primary-color);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Barlow,sans-serif}.header__mobile-login:hover{background:var(--primary-dark);transform:translateY(-1px)}.cart-dropdown{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;align-items:flex-start;z-index:1100;padding:2rem;animation:fadeIn .3s ease}.cart-dropdown__content{background:var(--bg-white);border-radius:12px;padding:1.5rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease}.cart-dropdown__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.cart-dropdown__title{font-size:1.25rem;font-weight:600;color:var(--text-dark)}.cart-dropdown__close{background:var(--bg-light);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-light)}.cart-dropdown__close:hover{background:var(--border-color);color:var(--text-dark)}.cart-dropdown__items{margin-bottom:1.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.cart-item:last-child{border-bottom:none}.cart-item__info{flex:1}.cart-item__name{font-weight:500;color:var(--text-dark);margin-bottom:.25rem}.cart-item__price{color:var(--text-light);font-size:.9rem}.cart-item__total{font-weight:600;color:var(--text-dark)}.cart-item__remove{background:none;border:none;cursor:pointer;padding:.5rem;margin-left:.5rem;color:var(--text-light);transition:var(--transition);display:flex;align-items:center;justify-content:center;border-radius:4px}.cart-item__remove:hover{background:#fee;color:#dc2626}.cart-dropdown__footer{border-top:1px solid var(--border-color);padding-top:1.5rem}.cart-dropdown__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:var(--text-dark);font-size:1.1rem}.cart-dropdown__checkout{width:100%;background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Barlow,sans-serif}.cart-dropdown__checkout:hover{background:var(--primary-dark);transform:translateY(-1px)}.cart-dropdown__empty{text-align:center;padding:2rem;color:var(--text-light)}.cart-dropdown__empty svg{margin-bottom:1rem;opacity:.5}.login-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;padding:2rem;animation:fadeIn .3s ease}.login-modal__content{background:var(--bg-white);border-radius:20px;padding:3rem;max-width:440px;width:100%;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .4s ease}.login-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg-light);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-light)}.login-modal__close:hover{background:var(--border-color);color:var(--text-dark);transform:rotate(90deg)}.login-modal__header{text-align:center;margin-bottom:2.5rem}.login-modal__title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;letter-spacing:-.5px}.login-modal__subtitle{color:var(--text-light);font-size:1rem}.login-modal__form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{font-weight:500;color:var(--text-dark);margin-bottom:.5rem;font-size:.95rem}.form-input{padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:var(--transition);font-family:Barlow,sans-serif;background:var(--bg-white)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-light)}.login-modal__submit{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary-color);color:#fff;border:none;padding:1.25rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:.5rem;font-family:Barlow,sans-serif}.login-modal__submit:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.login-modal__footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-light);font-size:.95rem}.login-modal__link{color:var(--primary-color);text-decoration:none;font-weight:500}.login-modal__link:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.header__nav,.header__actions{display:none}.header__hamburger{display:flex}.container{padding:0 1.5rem}.header__container{padding:1.25rem 0}.header__logo{height:35px}.login-modal__content{padding:2.5rem 2rem}.login-modal__title{font-size:1.75rem}.cart-dropdown{padding:1rem}.cart-dropdown__content{max-width:100%}.header__mobile-language-buttons,.header__mobile-actions{flex-direction:column}}@media(max-width:480px){.container{padding:0 1rem}.header__mobile-content{padding:1.5rem}.login-modal{padding:1rem}.login-modal__content{padding:2rem 1.5rem}.login-modal__title{font-size:1.5rem}.cart-dropdown{padding:.5rem}.cart-dropdown__content{padding:1rem}}.header.scrolled{padding:0}.header.scrolled .header__container{padding:1rem 0}.header__user{position:relative}.header__user-btn{display:flex;align-items:center;gap:10px;padding:8px 16px;border:none;background:#f8f9fa;border-radius:50px;cursor:pointer;transition:all .3s ease}.header__user-btn:hover{background:#e9ecef;transform:translateY(-2px)}.header__user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.header__user-avatar-img{width:100%;height:100%;object-fit:cover}.header__user-avatar-initials{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.header__user-name{font-size:14px;font-weight:600;color:#333}.header__user-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:220px;overflow:hidden;animation:slideDown .3s ease;z-index:100}.header__user-info{padding:20px;border-bottom:1px solid #f0f0f0}.header__user-name-full{font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__user-email{font-size:13px;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__user-menu-item{width:100%;padding:15px 20px;border:none;background:none;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;text-align:left}.header__user-menu-item:hover{background:#f8f9fa;color:#667eea}.header__user-menu-item svg{flex-shrink:0}.header__user-menu-item--admin{background:linear-gradient(135deg,#3b82f60d,#2563eb0d);color:#2563eb;font-weight:600;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:4px 0}.header__user-menu-item--admin:hover{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);color:#1d4ed8}.header__user-menu-item--admin svg{color:#3b82f6}@media(max-width:768px){.header__user-name{display:none}.header__user-avatar{width:32px;height:32px;font-size:14px}}.logo{display:flex;flex-direction:column;gap:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo__main{display:flex;align-items:center;font-weight:800;font-size:28px;letter-spacing:-1px}.logo__e{color:#06c;font-size:32px;font-weight:900;text-shadow:0 2px 4px rgba(0,102,204,.2)}.logo__dash{color:#ff6b00;margin:0 2px;font-weight:700}.logo__study{color:#2c3e50;font-weight:700}.logo__subtitle{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:-2px;padding-left:2px;letter-spacing:.5px}.logo__uzsti{color:#06c;font-weight:700;font-size:12px}.logo__divider{color:#cbd5e0;font-weight:300}.logo__description{color:#718096;font-weight:500;font-size:10px}.logo:hover .logo__e{color:#0052a3;transform:scale(1.05);transition:all .3s ease}.logo:hover .logo__dash{color:#ff8c00;transition:all .3s ease}@media(max-width:768px){.logo__main{font-size:24px}.logo__e{font-size:28px}.logo__subtitle{font-size:9px;gap:4px}.logo__uzsti{font-size:10px}.logo__description{font-size:9px}}@media(max-width:480px){.logo__main{font-size:22px}.logo__e{font-size:26px}.logo__subtitle{font-size:8px}.logo__description{display:none}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0 0;margin-top:80px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,transparent)}.footer__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.footer__section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer__title{font-size:20px;font-weight:700;margin-bottom:20px;color:#4a90e2;position:relative;padding-bottom:10px}.footer__title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,#4a90e2,transparent);border-radius:2px}.footer__description{color:#b8c5d6;line-height:1.8;margin-bottom:25px;font-size:14px}.footer__social{margin-top:30px}.footer__social-title{font-size:16px;font-weight:600;margin-bottom:15px;color:#fff}.footer__social-links{display:flex;gap:12px;flex-wrap:wrap}.footer__social-link{width:40px;height:40px;border-radius:50%;background:#4a90e21a;display:flex;align-items:center;justify-content:center;color:#4a90e2;font-size:18px;transition:all .3s ease;border:1px solid rgba(74,144,226,.2)}.footer__social-link:hover{background:#4a90e2;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #4a90e24d}.footer__list{list-style:none;padding:0;margin:0}.footer__item{margin-bottom:12px}.footer__link{color:#b8c5d6;text-decoration:none;font-size:14px;transition:all .3s ease;display:inline-block;position:relative;padding-left:15px}.footer__link:before{content:":";position:absolute;left:0;color:#4a90e2;transition:transform .3s ease}.footer__link:hover{color:#4a90e2;padding-left:20px}.footer__link:hover:before{transform:translate(3px)}.footer__contact-list{list-style:none;padding:0;margin:0}.footer__contact-item{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#b8c5d6;font-size:14px}.footer__contact-icon{color:#4a90e2;font-size:20px;flex-shrink:0}.footer__contact-link{color:#b8c5d6;text-decoration:none;transition:color .3s ease}.footer__contact-link:hover{color:#4a90e2}.footer__working-hours{margin-top:20px;padding:15px;background:#4a90e21a;border-radius:8px;color:#fff;font-size:14px;border-left:3px solid #4a90e2}.footer__newsletter{background:#4a90e20d;padding:40px;border-radius:15px;margin-bottom:40px;border:1px solid rgba(74,144,226,.1)}.footer__newsletter-content{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.footer__newsletter-text{flex:1;min-width:250px}.footer__newsletter-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#fff}.footer__newsletter-description{color:#b8c5d6;font-size:14px}.footer__newsletter-form{display:flex;gap:10px;flex:1;min-width:300px}.footer__newsletter-input{flex:1;padding:15px 20px;border:2px solid rgba(74,144,226,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;transition:all .3s ease}.footer__newsletter-input::placeholder{color:#7a8a9e}.footer__newsletter-input:focus{outline:none;border-color:#4a90e2;background:#ffffff14}.footer__newsletter-button{padding:15px 30px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.footer__newsletter-button:hover{background:linear-gradient(135deg,#357abd,#2868a8);transform:translateY(-2px);box-shadow:0 5px 20px #4a90e24d}.footer__newsletter-button:active{transform:translateY(0)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:15px}.footer__copyright{color:#7a8a9e;font-size:14px;margin:0}.footer__bottom-links{display:flex;align-items:center;gap:15px}.footer__bottom-link{color:#b8c5d6;text-decoration:none;font-size:14px;transition:color .3s ease}.footer__bottom-link:hover{color:#4a90e2}.footer__bottom-separator{color:#7a8a9e}@media(max-width:1024px){.footer__container{grid-template-columns:repeat(2,1fr)}.footer__newsletter-content{flex-direction:column;text-align:center}.footer__newsletter-form{width:100%}}@media(max-width:768px){.footer{padding:40px 0 0;margin-top:60px}.footer__container{grid-template-columns:1fr;gap:35px}.footer__newsletter{padding:30px 20px}.footer__newsletter-title{font-size:20px}.footer__newsletter-form{flex-direction:column;min-width:auto}.footer__newsletter-button{width:100%}.footer__bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.footer{padding:30px 0 0}.footer__title{font-size:18px}.footer__social-links{justify-content:flex-start}.footer__social-link{width:36px;height:36px;font-size:16px}}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;overflow-y:auto;z-index:1000;transition:transform .3s ease;display:flex;flex-direction:column}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.admin-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-logo h1{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-sidebar-badge{display:inline-block;padding:.25rem .75rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:9999px;font-size:.75rem;font-weight:600;color:#60a5fa}.admin-sidebar-user{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.admin-sidebar-user-info{flex:1;min-width:0}.admin-sidebar-user-name{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-user-role{font-size:.75rem;color:#fff9;margin-top:.25rem;text-transform:capitalize}.admin-sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.admin-sidebar-menu-group{margin-bottom:.25rem}.admin-sidebar-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;cursor:pointer;font-size:.875rem;position:relative}.admin-sidebar-menu-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:0 3px 3px 0;transition:height .2s ease}.admin-sidebar-menu-item:hover{background:#ffffff0d;color:#fff}.admin-sidebar-menu-item:hover:before{height:60%}.admin-sidebar-menu-item--active{background:#3b82f626;color:#fff}.admin-sidebar-menu-item--active:before{height:100%}.admin-sidebar-menu-item--parent{font-weight:600}.admin-sidebar-menu-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-sidebar-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-menu-arrow{font-size:1rem;display:flex;align-items:center;transition:transform .2s ease}.admin-sidebar-submenu{background:#0003;padding:.5rem 0;margin-bottom:.25rem}.admin-sidebar-submenu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem .625rem 3rem;color:#fff9;text-decoration:none;transition:all .2s ease;font-size:.8125rem;position:relative}.admin-sidebar-submenu-item:before{content:"";position:absolute;left:2rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ffffff4d;border-radius:50%;transition:all .2s ease}.admin-sidebar-submenu-item:hover{background:#ffffff0d;color:#fff}.admin-sidebar-submenu-item:hover:before{background:#3b82f6;transform:translateY(-50%) scale(1.5)}.admin-sidebar-submenu-item--active{background:#3b82f61a;color:#60a5fa}.admin-sidebar-submenu-item--active:before{background:#3b82f6;transform:translateY(-50%) scale(1.5)}.admin-sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem}.admin-sidebar-site-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:.5rem;color:#60a5fa;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.admin-sidebar-site-link:hover{background:#3b82f633;border-color:#3b82f64d;transform:translateY(-1px)}.admin-sidebar-site-link svg{font-size:1.125rem}.admin-sidebar-logout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#f87171;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-sidebar-logout:hover{background:#ef444433;border-color:#ef44444d;transform:translateY(-1px)}.admin-sidebar-logout svg{font-size:1.125rem}.admin-sidebar-mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1100;padding:.75rem;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease;width:48px;height:48px}.admin-sidebar-mobile-toggle:hover{transform:scale(1.05);box-shadow:0 6px 8px #00000026}.admin-sidebar-mobile-toggle:active{transform:scale(.95)}.admin-sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);z-index:1060}.admin-sidebar--open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.admin-sidebar-mobile-toggle{display:flex;align-items:center;justify-content:center}.admin-sidebar-overlay{display:block}}@media(max-width:768px){.admin-sidebar{width:280px;max-width:85vw}.admin-sidebar-header,.admin-sidebar-user{padding:1rem}.admin-sidebar-menu-item{padding:.75rem 1rem;font-size:.8125rem}.admin-sidebar-submenu-item{padding:.625rem 1rem .625rem 2.5rem;font-size:.75rem}.admin-sidebar-submenu-item:before{left:1.5rem}.admin-sidebar-footer{padding:1rem}.admin-sidebar-logout{font-size:.8125rem}.admin-sidebar-mobile-toggle{top:.75rem;left:.75rem;width:44px;height:44px;font-size:1.125rem}}@media(max-width:480px){.admin-sidebar{width:260px;max-width:90vw}.admin-sidebar-header{padding:.875rem}.admin-sidebar-logo h1{font-size:1.125rem}.admin-sidebar-user{padding:.875rem}.admin-sidebar-user-avatar{width:40px;height:40px;font-size:1.125rem}.admin-sidebar-menu-item{padding:.625rem .875rem;gap:.625rem}.admin-sidebar-submenu-item{padding:.5rem .875rem .5rem 2.25rem}.admin-sidebar-submenu-item:before{left:1.25rem}.admin-sidebar-footer{padding:.875rem;gap:.625rem}.admin-sidebar-site-link,.admin-sidebar-logout{padding:.625rem .875rem;font-size:.75rem}.admin-sidebar-mobile-toggle{top:.5rem;left:.5rem;width:40px;height:40px;font-size:1rem;padding:.625rem}}.role-switcher{position:relative;display:inline-block}.role-switcher-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#334155;transition:all .2s ease;min-width:150px}.role-switcher-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.role-switcher-toggle:active{background:#f1f5f9}.role-icon{font-size:18px;color:#64748b}.role-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{font-size:16px;color:#94a3b8;transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.role-switcher-overlay{position:fixed;inset:0;z-index:999}.role-switcher-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;animation:slideDown .2s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.role-dropdown-list{max-height:400px;overflow-y:auto}.role-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#fff;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;text-align:left}.role-dropdown-item:last-child{border-bottom:none}.role-dropdown-item:hover:not(:disabled){background:#f8fafc}.role-dropdown-item:disabled{cursor:default;background:#f8fafc}.role-dropdown-item.active{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:13px}.role-item-content{display:flex;flex-direction:column;gap:4px;flex:1}.role-item-name{font-size:14px;font-weight:600;color:#1e293b}.role-item-description{font-size:12px;color:#64748b;line-height:1.4}.role-item-badge{padding:4px 12px;background:#3b82f6;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.role-switcher-dropdown{left:0;right:0;min-width:auto;margin:0 16px}.role-switcher-toggle{min-width:120px;padding:6px 12px;font-size:13px}.role-dropdown-item{padding:10px 14px}.role-item-name{font-size:13px}.role-item-description{font-size:11px}}.admin-layout{display:flex;min-height:100vh;background-color:#f5f7fa;position:relative;width:100%;overflow-x:hidden}.admin-content{flex:1;margin-left:280px;transition:margin-left .3s ease;width:calc(100% - 280px);min-height:100vh;position:relative}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.admin-header-left{flex:1}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-content-wrapper{padding:1.5rem 2rem;width:100%;box-sizing:border-box}@media(max-width:1024px){.admin-content{margin-left:0;width:100%;padding-top:4rem}.admin-header{padding:.75rem 1.5rem}.admin-content-wrapper{padding:1.5rem}}@media(max-width:768px){.admin-content{padding-top:4.5rem}.admin-header{padding:.5rem 1rem}.admin-header-right{gap:8px}.admin-content-wrapper{padding:1rem}}@media(max-width:480px){.admin-header{padding:.5rem .75rem}.admin-content-wrapper{padding:.75rem}}.test-mode-indicator{position:fixed;top:80px;right:20px;z-index:9999;animation:float 3s ease-in-out infinite}.test-mode-indicator__content{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,red,#c00);color:#fff;padding:12px 20px;border-radius:50px;box-shadow:0 4px 20px #f006,0 0 40px #f003;font-weight:600;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.test-mode-indicator__content:hover{transform:scale(1.05);box-shadow:0 6px 30px #f009,0 0 60px #ff00004d}.test-mode-indicator__icon{font-size:18px;animation:rotate 2s linear infinite;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.test-mode-indicator__text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.test-mode-indicator__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50px;background:#f006;animation:pulse 2s ease-out infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.test-mode-indicator{top:70px;right:10px}.test-mode-indicator__content{padding:10px 16px;font-size:12px}.test-mode-indicator__icon{font-size:16px}}.test-mode-indicator__content:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,red,#f66,red);border-radius:50px;opacity:0;transition:opacity .3s ease;z-index:-1;animation:glow-rotate 3s linear infinite}.test-mode-indicator__content:hover:before{opacity:.7}@keyframes glow-rotate{0%{filter:hue-rotate(0deg) blur(10px)}to{filter:hue-rotate(360deg) blur(10px)}}.test-mode-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.test-mode-modal{background:#fff;border-radius:20px;max-width:500px;width:90%;padding:30px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.test-mode-modal__close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.test-mode-modal__close:hover{background:#f5f5f5;color:red;transform:rotate(90deg)}.test-mode-modal__header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.test-mode-modal__header-icon{font-size:32px;color:red;animation:pulse-icon 2s ease-in-out infinite}.test-mode-modal__title{font-size:24px;font-weight:700;color:#333;margin:0}.test-mode-modal__body{padding:10px 0}.test-mode-modal__text{font-size:16px;line-height:1.6;color:#555;margin-bottom:15px}.test-mode-modal__button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 30px;background:linear-gradient(135deg,#06c,#0052a3);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0066cc4d;margin:20px 0}.test-mode-modal__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06c6;background:linear-gradient(135deg,#0052a3,#06c)}.test-mode-modal__button:active{transform:translateY(0)}.test-mode-modal__info{background:#f8f9fa;border-radius:10px;padding:15px;margin-top:15px;border-left:4px solid #ff0000}.test-mode-modal__info-text{font-size:14px;color:#666;margin:0}.test-mode-modal__info-text strong{color:#333}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.test-mode-modal{padding:25px 20px;max-width:95%}.test-mode-modal__title{font-size:20px}.test-mode-modal__text{font-size:15px}.test-mode-modal__button{padding:12px 25px;font-size:15px}}.welcome-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease;padding:20px}.welcome-modal{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #0006;animation:slideUpScale .5s cubic-bezier(.34,1.56,.64,1)}.welcome-modal__close{position:absolute;top:20px;right:20px;background:#0000000d;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#666;transition:all .3s ease;z-index:10}.welcome-modal__close:hover{background:#ff00001a;color:red;transform:rotate(90deg)}.welcome-modal__content{padding:50px 40px 40px}.welcome-modal__logo{text-align:center;margin-bottom:30px}.welcome-modal__logo-circle{width:100px;height:100px;margin:0 auto 20px;background:linear-gradient(135deg,#06c,#0052a3);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0066cc4d;animation:pulse-scale 2s ease-in-out infinite}.welcome-modal__logo-icon{font-size:48px;color:#fff}.welcome-modal__title{font-size:32px;font-weight:800;color:#2c3e50;margin:0 0 15px}.welcome-modal__brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.welcome-modal__brand-main{font-size:24px;font-weight:700;color:#06c}.welcome-modal__brand-divider{color:#cbd5e0;font-size:20px}.welcome-modal__brand-sub{font-size:20px;font-weight:600;color:#ff6b00}.welcome-modal__description{text-align:center;margin-bottom:35px}.welcome-modal__text{font-size:16px;line-height:1.6;color:#555;margin-bottom:15px}.welcome-modal__text strong{color:#06c;font-weight:600}.welcome-modal__features{display:flex;flex-direction:column;gap:20px;margin-bottom:35px;padding:0 10px}.welcome-modal__feature{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.welcome-modal__feature:hover{background:#e9ecef;transform:translate(5px)}.welcome-modal__feature-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.welcome-modal__feature-icon--blue{background:linear-gradient(135deg,#06c,#0052a3)}.welcome-modal__feature-icon--orange{background:linear-gradient(135deg,#ff6b00,#ff8c00)}.welcome-modal__feature-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.welcome-modal__feature-content{flex:1}.welcome-modal__feature-title{font-size:16px;font-weight:700;color:#2c3e50;margin:0 0 5px}.welcome-modal__feature-text{font-size:14px;color:#718096;margin:0}.welcome-modal__actions{display:flex;gap:15px;margin-bottom:20px}.welcome-modal__btn{flex:1;padding:15px 30px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.welcome-modal__btn--primary{background:linear-gradient(135deg,#06c,#0052a3);color:#fff;box-shadow:0 4px 15px #0066cc4d}.welcome-modal__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06c6}.welcome-modal__btn--secondary{background:#fff;color:#718096;border:2px solid #e2e8f0}.welcome-modal__btn--secondary:hover{background:#f8f9fa;border-color:#cbd5e0}.welcome-modal__footer{text-align:center;font-size:13px;color:#718096;line-height:1.5;margin:0;padding-top:20px;border-top:1px solid #e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpScale{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.welcome-modal__content{padding:40px 30px 30px}.welcome-modal__title{font-size:28px}.welcome-modal__brand-main{font-size:20px}.welcome-modal__brand-sub{font-size:18px}.welcome-modal__text{font-size:15px}.welcome-modal__actions{flex-direction:column}.welcome-modal__btn{width:100%}}@media(max-width:480px){.welcome-modal{border-radius:20px}.welcome-modal__content{padding:35px 20px 25px}.welcome-modal__logo-circle{width:80px;height:80px}.welcome-modal__logo-icon{font-size:36px}.welcome-modal__title{font-size:24px}.welcome-modal__feature{padding:12px}.welcome-modal__feature-icon{width:45px;height:45px;font-size:20px}}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}div[class*=Toaster],div[data-hot-toast-container]{z-index:10001!important}.container{max-width:1200px;margin:0 auto;padding:20px}