@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #005AE9;--color-primary-light: #EDF8FF;--color-primary-badge-bg: #EDF8FF;--color-star: #F5B840;--color-read-more: #D6EEFF;--color-bg: #ECEFF3;--color-white: #ffffff;--color-text-dark: #000000;--color-text-body: #626262;--color-text-label: #29294B;--color-text-muted: #454545;--color-text-sub: #5D5C5C;--color-border: #E0E0E0;--color-sort-bg: #F6F8FC;--color-footer-muted: rgba(255, 255, 255, .4);--font-main: "Inter", sans-serif;--font-footer: "Poppins", sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text-dark);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}.container{max-width:1440px;margin:0 auto;padding:0 40px}.section-title{font-size:40px;font-weight:700;color:var(--color-text-dark);text-align:center;margin-bottom:48px;font-family:var(--font-main)}.btn-primary{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:14px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:opacity .2s}.btn-primary:hover{opacity:.9}@media(max-width:1200px){.container{padding:0 24px}}@media(max-width:768px){.section-title{font-size:28px;margin-bottom:32px}.container{padding:0 16px}}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;box-sizing:border-box}.auth-modal{width:100%;max-width:440px;background:#fff;border-radius:20px;position:relative;padding:40px;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 40px -10px #0000001a,0 10px 20px -5px #0000000d;box-sizing:border-box}.auth-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f1f5f9;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,transform .2s}.auth-modal-close:hover{background:#e2e8f0;transform:scale(1.05)}.auth-modal-close svg{stroke:#475569;width:12px;height:12px}.auth-modal-title{margin:0 0 30px;width:100%;text-align:center;color:#0f172a;font-size:26px;font-weight:700;letter-spacing:-.01em}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px}.auth-role-switch{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:8px}.auth-role-btn{flex:1;height:38px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.auth-role-btn--active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.auth-role-btn:not(.auth-role-btn--active):hover{color:#0f172a}.auth-field{display:flex;flex-direction:column;gap:6px;width:100%}.auth-field label{color:#475569;font-size:14px;font-weight:500}.auth-input{width:100%;height:48px;background:#fff;border-radius:10px;border:1px solid #CBD5E1;padding:0 16px;font-size:15px;color:#0f172a;box-sizing:border-box;transition:all .2s;box-shadow:0 1px 2px #00000005}.auth-input:focus{outline:none;border-color:#005ae9;box-shadow:0 0 0 4px #005ae91a}.auth-input::placeholder{color:#94a3b8}.auth-submit{width:100%;height:48px;background:#005ae9;border-radius:10px;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #005ae940}.auth-submit:hover{background:#0047bb;transform:translateY(-1px);box-shadow:0 6px 16px #005ae959}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.auth-forgot{margin-top:4px;text-align:center;color:#64748b;font-size:14px;font-weight:500;text-decoration:none;display:block;width:100%;transition:color .2s}.auth-forgot:hover{color:#005ae9}.auth-divider-container{display:flex;align-items:center;text-align:center;width:100%;margin:24px 0}.auth-divider-container:before,.auth-divider-container:after{content:"";flex:1;border-bottom:1px solid #E2E8F0}.auth-divider-container:not(:empty):before{margin-right:12px}.auth-divider-container:not(:empty):after{margin-left:12px}.auth-divider-text{color:#94a3b8;font-size:14px;font-weight:500}.auth-footer{width:100%;display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px}.auth-footer-text{color:#475569;font-size:15px;font-weight:400}.auth-switch-btn{background:none;border:none;color:#005ae9;font-size:15px;font-weight:600;cursor:pointer;padding:0;transition:color .2s}.auth-switch-btn:hover{color:#0047bb}.auth-modal--register .auth-modal-title{margin:0 0 25px}@media(max-width:640px){.auth-modal{padding:30px 20px;border-radius:20px}.auth-modal-title{font-size:24px;margin-bottom:24px}.auth-footer{flex-direction:column;gap:8px}}.header{position:fixed;top:0;left:0;width:100%;height:90px;background:var(--color-white);z-index:1000;transition:box-shadow .3s}.header--scrolled{box-shadow:0 4px 20px #00000012}.header__inner{max-width:1440px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;background:var(--color-white)}.header__logo{color:var(--color-primary);font-size:34px;font-weight:700;text-decoration:none;font-family:var(--font-main)}.header__nav{display:flex;gap:40px}.header__link{color:var(--color-black);font-size:14px;font-weight:400;text-decoration:none;font-family:var(--font-main);transition:color .2s;margin-right:16px}.header__link:hover{color:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:12px}.header__login-btn{background:var(--color-primary);color:var(--color-white);font-size:14px;font-weight:700;padding:0 24px;height:50px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;min-width:140px;font-family:var(--font-main)}.header__login-btn:hover{opacity:.9}.header__notif-wrap{position:relative;z-index:9999}.header__notif-btn{position:relative;width:44px;height:44px;border-radius:50%;background:#f0f4ff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#29294b;transition:background .2s,transform .2s}.header__notif-btn:hover{background:#e0ecff;transform:scale(1.05)}.header__notif-badge{position:absolute;top:4px;right:4px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;border:2px solid white}.header__notif-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:360px;background:#fff;border-radius:14px;box-shadow:0 8px 40px #00000021;overflow:hidden;z-index:2000;animation:dropdownFadeIn .18s ease}.header__notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid #F0F0F0}.header__notif-title{font-size:15px;font-weight:700;color:#29294b}.header__notif-mark-all{font-size:12px;color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:600;font-family:var(--font-main);padding:0}.header__notif-mark-all:hover{text-decoration:underline}.header__notif-list{max-height:360px;overflow-y:auto}.header__notif-empty{padding:32px 20px;text-align:center;color:#8296a9;font-size:14px}.header__notif-item{padding:14px 20px;cursor:pointer;border-bottom:1px solid #F8F8F8;transition:background .15s;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;user-select:none}.header__notif-item:hover{background:#f8faff}.header__notif-item--unread{background:#eef4ff;border-left:3px solid var(--color-primary)}.header__notif-item--unread:hover{background:#e4eeff}.header__notif-text{font-size:13px;color:#29294b;line-height:1.4}.header__notif-time{font-size:11px;color:#8296a9;margin-top:2px}.header__notif-arrow{font-size:12px;color:#8296a9;align-self:flex-end;margin-top:2px;transition:transform .15s}.header__notif-item:hover .header__notif-arrow{transform:translate(4px);color:var(--color-primary)}.header__user-wrap{position:relative;z-index:9999}.header__user-btn{display:flex;align-items:center;gap:10px;background:#f0f4ff;border:none;border-radius:50px;padding:6px 14px 6px 6px;cursor:pointer;transition:background .2s;font-family:var(--font-main)}.header__user-btn:hover{background:#e0ecff}.header__user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#005ae9,#7b61ff);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header__user-name{font-size:14px;font-weight:600;color:#29294b;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:#fff;border-radius:14px;box-shadow:0 8px 40px #00000021;overflow:hidden;z-index:2000;animation:dropdownFadeIn .18s ease}.header__user-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px}.header__user-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#005ae9,#7b61ff);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header__user-dropdown-name{font-size:14px;font-weight:700;color:#29294b;line-height:1.2}.header__user-dropdown-role{font-size:12px;color:#8296a9;margin-top:2px}.header__user-dropdown-divider{height:1px;background:#f0f0f0;margin:0}.header__user-dropdown-item{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:14px;color:#29294b;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-main);transition:background .15s}.header__user-dropdown-item:hover{background:#f4f7ff}.header__user-dropdown-logout{color:#e74c3c}.header__user-dropdown-logout:hover{background:#fff0f0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header__logout-btn{display:none}.header__burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:1002}.header__burger span{display:block;width:100%;height:2px;background:var(--color-black);transition:.3s}.header__burger--open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.header__burger--open span:nth-child(2){opacity:0}.header__burger--open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header__mobile-overlay{position:fixed;top:90px;left:0;width:100%;height:calc(100vh - 90px);background:var(--color-white);transform:translate(100%);transition:transform .3s ease-in-out;z-index:999;display:flex;flex-direction:column;padding:40px}.header__mobile-overlay--open{transform:translate(0)}.header__mobile-content{display:flex;flex-direction:column;gap:24px;align-items:center}.header__mobile-link{font-size:18px;color:var(--color-black);text-decoration:none;font-weight:500}.header__mobile-login{width:100%;max-width:300px;height:50px;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-family:var(--font-main);font-size:15px}.header__mobile-logout{width:100%;max-width:300px;height:50px;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s,color .2s;font-family:var(--font-main)}.header__mobile-logout:hover{background:#ff4d4d;border-color:#ff4d4d;color:#fff}@media(max-width:768px){.header{height:68px}.header__logo{font-size:20px}.header__nav,.header__link{display:none}.header__burger{display:flex;width:28px;height:28px;background:var(--color-primary);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0}.header__burger span{width:16px;height:2px;background:var(--color-white)}.header__user-name{display:none}.header__user-btn{padding:2px;background:transparent}.header__user-btn svg{display:none}.header__notif-dropdown,.header__user-dropdown{position:fixed;top:76px;right:16px;left:16px;width:auto}.header__mobile-overlay{top:68px;height:calc(100vh - 68px)}}.hero__blue{background:var(--color-primary);padding:180px 0 60px}.hero__title{text-align:center;color:var(--color-white);font-size:40px;font-weight:700;margin-bottom:16px}.hero__subtitle{text-align:center;color:var(--color-white);font-size:18px;font-weight:400;margin-bottom:40px}.hero__filters{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hero__select-wrap{position:relative}.hero__select{width:100%;height:50px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 48px 0 20px;font-size:16px;font-family:var(--font-main);color:var(--color-text-label);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.hero__select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.hero__select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:10px;height:6px;pointer-events:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8296A9}.hero__sort-bar{margin-top:20px;background:var(--color-white);border-radius:var(--radius-sm);padding:0 20px}.hero__sort-inner{display:flex;align-items:center;justify-content:space-between;height:50px}.hero__sort-left{display:flex;align-items:center;gap:20px}.hero__sort-label{color:#626262;font-size:14px;font-weight:400}.hero__sort-btn{color:#000;font-size:14px;font-weight:400;background:none;border:none;cursor:pointer;padding:0;transition:all .2s}.hero__sort-btn:hover,.hero__sort-btn--active{color:var(--color-primary);font-weight:600}.hero__search-wrap{display:flex;align-items:center;gap:12px}.hero__search-input{border:none;background:transparent;font-size:14px;color:#000;outline:none;width:250px;text-align:right}.hero__search-input::placeholder{color:#626262}.hero__search-icon{width:18px;height:18px;flex-shrink:0}@media(max-width:768px){.hero__blue{padding:128px 0 20px;position:relative}.hero__title{font-size:24px;padding:0;margin-bottom:30px;line-height:1.2}.hero__subtitle{font-size:14px;padding:0;margin-bottom:40px;line-height:1.5}.hero__filters{grid-template-columns:1fr;background:var(--color-white);padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin:0;gap:10px}.hero__select{height:50px;font-size:14px;font-weight:500;color:#29294b;border:1px solid #E0E0E0}.hero__sort-bar{display:none}}.hero__mobile-filters-wrap{display:none}@media(max-width:768px){.hero__mobile-filters-wrap{display:block;margin-top:10px}}.how-it-works{padding:60px 0}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-it-works__card{background:var(--color-white);border-radius:var(--radius-lg);padding:30px;min-height:278px}.how-it-works__icon-box{width:100px;height:100px;background:var(--color-primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:30px}.how-it-works__icon{width:50px;height:50px}.how-it-works__icon svg{width:100%;height:100%}.how-it-works__step-title{font-size:24px;font-weight:700;color:var(--color-text-dark);margin-bottom:12px}.how-it-works__desc{font-size:16px;font-weight:400;color:var(--color-text-body);line-height:1.5;max-width:335px}@media(max-width:768px){.how-it-works{padding:20px 0 40px}.how-it-works__grid{grid-template-columns:1fr;gap:20px;padding:0}.how-it-works__card{padding:20px;min-height:auto}.how-it-works__icon-box{width:60px;height:60px;margin-bottom:20px}.how-it-works__icon{width:30px;height:30px}.how-it-works__step-title{font-size:18px}.how-it-works__desc{font-size:14px;max-width:none}}.subjects{padding:60px 0}.subjects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.subjects__card{background:var(--color-white);border-radius:var(--radius-lg);padding:30px;min-height:403px}.subjects__header{background:var(--color-primary-light);border-radius:var(--radius-lg);padding:10px;text-align:center;margin-bottom:22px;height:60px;display:flex;align-items:center;justify-content:center}.subjects__header-text{color:var(--color-primary);font-size:24px;font-weight:700}.subjects__body{display:flex;gap:36px}.subjects__col{display:flex;flex-direction:column;gap:4px}.subjects__link{color:var(--color-text-body);font-size:16px;font-weight:400;line-height:1.6;transition:color .2s}.subjects__link:hover{color:var(--color-primary)}@media(max-width:768px){.subjects{padding:20px 0}.subjects__grid{grid-template-columns:1fr;gap:20px;padding:0}.subjects__card{padding:20px;min-height:auto}.subjects__header-text{font-size:18px}.subjects__link{font-size:14px}.subjects__body{gap:20px}}.tutor-card{width:325px;height:424px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.tutor-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.tutor-card__top{position:relative;padding:10px}.tutor-card__image{width:305px;height:250px;border-radius:10px;object-fit:cover;display:block}.tutor-card__image--placeholder{background:linear-gradient(135deg,#c2d9ff,#e8f0fe)}.tutor-card__bookmark{width:18px;height:24px;position:absolute;right:23px;top:25px;background:none;border:none;cursor:pointer;padding:0;z-index:2}.tutor-card__bottom{position:absolute;width:285px;left:20px;top:280px;display:flex;flex-direction:column;gap:10px}.tutor-card__info-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch}.tutor-card__name-link{text-decoration:none;align-self:stretch}.tutor-card__name{color:#000;font-size:24px;font-family:Inter,sans-serif;font-weight:700;margin:0;line-height:1.2}.tutor-card__subject-badge{padding:6px 15px 8px;background:#edf8ff;border-radius:5px;display:flex;justify-content:center;align-items:center}.tutor-card__subject-badge span{color:#005ae9;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:normal}.tutor-card__stats-group{display:flex;flex-direction:column;gap:6px;width:118px}.tutor-card__stat-line{font-family:Inter,sans-serif;font-size:12px}.tutor-card__stat-line .label{color:#454545;font-weight:400}.tutor-card__stat-line .value{color:#454545;font-weight:600}.tutor-card__rating-line{display:flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:12px;color:#454545}.rating-num{font-weight:700}.review-count{font-weight:400}.tutor-card__star-icon{width:11px;height:10px;background:#f5b840;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@media(max-width:768px){.tutor-card__name{font-size:20px}}.featured{padding:80px 0;background-color:#eceff3}.section-title{color:#000;font-size:40px;font-family:Inter,sans-serif;font-weight:700;text-align:center;margin-bottom:60px}.featured__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.featured__skeleton{background:var(--color-white);border-radius:var(--radius-lg);height:424px;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.featured{padding:20px 0}.section-title{font-size:24px;margin-bottom:30px}.featured__grid{grid-template-columns:1fr;gap:20px;padding:0;justify-items:center}.featured__load-more-btn{display:flex;width:100%;margin:30px 0 0;height:60px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:4px;align-items:center;justify-content:center;font-size:16px;cursor:pointer}}.featured__load-more-btn{display:none}.benefits{padding:60px 0}.benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefits__card{background:var(--color-white);border-radius:var(--radius-lg);padding:30px;min-height:324px}.benefits__icon-box{width:100px;height:100px;background:var(--color-primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.benefits__icon{width:50px;height:50px}.benefits__icon svg{width:100%;height:100%}.benefits__card-title{font-size:24px;font-weight:700;color:var(--color-text-dark);margin-bottom:12px;max-width:217px}.benefits__card-desc{font-size:16px;font-weight:400;color:var(--color-text-body);line-height:1.5;max-width:260px}@media(max-width:768px){.benefits{padding:20px 0}.benefits__grid{grid-template-columns:1fr;gap:20px;padding:0}.benefits__card{padding:20px;min-height:auto}.benefits__icon-box{width:60px;height:60px;margin-bottom:20px}.benefits__icon{width:30px;height:30px}.benefits__card-title{font-size:20px;max-width:none}.benefits__card-desc{font-size:14px;max-width:none}}.reviews{padding:60px 0}.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews__card{background:var(--color-white);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;gap:20px;min-height:340px}.reviews__header{display:flex;align-items:center;gap:15px}.reviews__avatar img,.reviews__avatar-placeholder{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover}.reviews__avatar-placeholder{background:linear-gradient(135deg,#c2d9ff,#e8f0fe);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--color-primary)}.reviews__author{display:flex;flex-direction:column;gap:6px}.reviews__author-name{font-size:20px;font-weight:700;color:var(--color-text-dark)}.reviews__author-subject{font-size:14px;font-weight:500;color:var(--color-text-sub);line-height:24px}.reviews__text{font-size:16px;font-weight:400;color:var(--color-text-body);line-height:1.5}.reviews__read-more{width:216px;height:40px;background:var(--color-read-more);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;color:var(--color-primary);font-weight:500;transition:opacity .2s}.reviews__read-more:hover{opacity:.85}.reviews__stars{display:flex;gap:4px}.reviews__star{width:15px;height:14px}.reviews__student{font-size:12px;font-weight:400;color:var(--color-primary)}@media(max-width:768px){.reviews{padding:20px 0}.reviews__grid{grid-template-columns:1fr;gap:20px;padding:0}.reviews__card{padding:20px;min-height:auto}.reviews__text{font-size:14px}}.register-tutor{padding:60px 0}.register-tutor__card{background:var(--color-white);padding:50px;min-height:314px;display:flex;flex-direction:column;justify-content:center}.register-tutor__title{font-size:40px;font-weight:700;color:var(--color-text-dark);margin-bottom:20px}.register-tutor__desc{font-size:16px;font-weight:400;color:var(--color-text-body);max-width:544px;margin-bottom:32px;line-height:1.5}.register-tutor__btn{width:390px;height:60px;font-size:16px;font-weight:400;border-radius:var(--radius-sm);line-height:30px}@media(max-width:768px){.register-tutor{padding:20px 0}.register-tutor__card{padding:30px 20px;min-height:auto}.register-tutor__title{font-size:24px;margin-bottom:20px}.register-tutor__desc{font-size:14px;margin-bottom:25px;max-width:none}.register-tutor__btn{width:100%;max-width:260px;margin:0 auto;display:flex;align-items:center;justify-content:center}}.footer{background:var(--color-primary);width:100%}.footer__top{max-width:1440px;margin:0 auto;display:flex;align-items:flex-start;padding:48px 40px 0;gap:0;min-height:280px}.footer__logo{color:var(--color-white);font-size:34px;font-weight:700;font-family:var(--font-main);margin-right:auto;flex-shrink:0;min-width:200px}.footer__col{flex-shrink:0}.footer__col--about{min-width:190px}.footer__col--directions,.footer__col--social{min-width:230px}.footer__col--contacts{min-width:180px}.footer__col-title{color:var(--color-white);font-size:16px;font-weight:700;font-family:var(--font-main);margin-bottom:12px;line-height:22.4px}.footer__links{display:flex;flex-direction:column;gap:2px}.footer__links a,.footer__links span{color:var(--color-white);font-size:14px;font-weight:400;font-family:var(--font-main);line-height:1.65;transition:opacity .2s}.footer__links a:hover{opacity:.8}.footer__socials{display:flex;gap:10px;margin-top:2px}.footer__social-icon{width:44px;height:44px;background:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:transform .2s}.footer__social-icon:hover{transform:scale(1.1)}.footer__bottom{max-width:1440px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1)}.footer__bottom span,.footer__bottom a{color:#fff6;font-size:12px;font-family:Poppins,sans-serif;font-weight:400;line-height:21.6px}.footer__bottom a:hover{color:#ffffffb3}@media(max-width:768px){.footer__top{flex-direction:column;align-items:center;text-align:center;gap:30px;padding:40px 20px}.footer__logo{margin:0;min-width:0;display:none}.footer__col{min-width:0!important;width:100%;display:flex;flex-direction:column;align-items:center}.footer__col-title{font-size:20px;margin-bottom:15px}.footer__links{align-items:center;gap:8px}.footer__links a,.footer__links span{font-size:14px}.footer__socials{justify-content:center;margin-top:15px}.footer__bottom{flex-direction:column-reverse;gap:10px;text-align:center;padding:20px}.footer__bottom-info{display:flex;flex-direction:column;gap:5px}}.tutor-list-card{display:flex;align-items:stretch;background:var(--color-white);border-radius:10px;padding:50px;gap:0;max-width:1360px;margin:0 auto;position:relative}.tutor-list-card__photo-col{flex-shrink:0;width:250px;display:flex;flex-direction:column;gap:20px}.tutor-list-card__photo{width:250px;height:250px;border-radius:10px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.tutor-list-card__rating{display:flex;align-items:center;gap:6px}.tutor-list-card__rating-num{color:#454545;font-size:16px;font-weight:700}.tutor-list-card__rating-count{color:#454545;font-size:16px;font-weight:400}.tutor-list-card__info{flex:1;padding-left:45px;min-width:0}.tutor-list-card__name{font-size:24px;font-weight:700;color:var(--color-black);margin-bottom:12px}.tutor-list-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 15px 8px;background:#d6eeff;border-radius:5px;color:var(--color-primary);font-size:16px;font-weight:500;line-height:24px;margin-bottom:20px}.tutor-list-card__bio{color:#626262;font-size:16px;font-weight:400;line-height:1.6;max-width:481px}.tutor-list-card__divider{width:1px;background:#b8b8b8;align-self:stretch;margin:0 40px;flex-shrink:0}.tutor-list-card__actions{flex-shrink:0;width:390px;display:flex;flex-direction:column}.tutor-list-card__price-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.tutor-list-card__price{color:var(--color-primary);font-size:24px;font-weight:700}.tutor-list-card__bookmark{background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.tutor-list-card__bookmark:hover svg{stroke:var(--color-primary)}.tutor-list-card__meta{display:flex;flex-direction:column;gap:4px;margin-bottom:auto;padding-bottom:24px}.tutor-list-card__meta span{color:#454545;font-size:16px;font-weight:400}.tutor-list-card__meta strong{font-weight:600}.tutor-list-card__btn{width:100%;height:60px;border-radius:4px;font-size:16px;font-weight:400;font-family:var(--font-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.tutor-list-card__btn:hover{opacity:.85}.tutor-list-card__btn--outline{background:#fff;border:2px solid #D0D5DD;color:#344054;margin-bottom:10px;font-weight:500;box-shadow:0 1px 2px #1018280d}.tutor-list-card__btn--outline:hover{background:#f9fafb;border-color:#005ae9;color:#005ae9;opacity:1}.tutor-list-card__btn--primary{background:#005ae9;border:none;color:#fff;font-weight:600;box-shadow:0 1px 3px #005ae94d}.tutor-list-card__btn--primary:hover{background:#0047bb;opacity:1;box-shadow:0 4px 12px #005ae959}@media(max-width:1100px){.tutor-list-card{flex-wrap:wrap;padding:30px}.tutor-list-card__divider{display:none}.tutor-list-card__actions{width:100%;margin-top:24px;flex-direction:row;flex-wrap:wrap;gap:12px}.tutor-list-card__price-row{width:100%}.tutor-list-card__meta{width:100%;flex-direction:row;gap:24px}.tutor-list-card__btn{flex:1;min-width:200px}}@media(max-width:640px){.tutor-list-card{padding:20px;flex-direction:column;border-radius:16px;box-shadow:0 2px 16px #00000014}.tutor-list-card__photo-col{width:100%;align-items:center;margin-bottom:16px}.tutor-list-card__photo{width:140px;height:140px;border-radius:50%;border:3px solid #EEF3FF}.tutor-list-card__info{padding-left:0;margin-top:0;text-align:center}.tutor-list-card__name{font-size:20px;margin-bottom:8px}.tutor-list-card__badge{font-size:13px;padding:4px 14px 5px;margin-bottom:12px;border-radius:20px}.tutor-list-card__bio{max-width:100%;text-align:center;font-size:14px;line-height:1.6;color:#626262;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tutor-list-card__actions{margin-top:20px;width:100%;flex-direction:column;gap:10px}.tutor-list-card__price-row{flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:16px;padding:12px 16px;background:#f9fafb;border-radius:10px}.tutor-list-card__price{font-size:20px;font-weight:700;color:#005ae9}.tutor-list-card__meta{width:100%;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:0}.tutor-list-card__btn{width:100%!important;min-width:100%!important;height:72px!important;border-radius:16px!important;font-size:18px!important;font-weight:700!important;letter-spacing:.01em;margin-bottom:0!important;padding:0 24px!important}.tutor-list-card__btn--outline{background:#fff;border:2px solid #D0D5DD;color:#344054;margin-bottom:0}.tutor-list-card__btn--primary{background:#005ae9;box-shadow:0 6px 20px #005ae966;color:#fff}.tutor-list-card__rating{justify-content:center;margin-bottom:4px}}.tp-hero__blue{background:var(--color-primary);padding:80px 0 40px;text-align:center}.tp-hero__title{color:var(--color-white);font-size:40px;font-weight:700;margin-bottom:16px}.tp-hero__subtitle{color:var(--color-white);font-size:18px;font-weight:400;margin-bottom:40px}.tp-hero__filters{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1360px;margin:0 auto}.tp-hero__select-wrap{position:relative}.tp-hero__select{width:100%;height:50px;border-radius:4px;border:1px solid #E0E0E0;background:var(--color-white);padding:0 44px 0 20px;font-size:16px;font-family:var(--font-main);color:#29294b;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.tp-hero__select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid #8296A9;border-bottom:2px solid #8296A9;pointer-events:none}.tp-sort-bar{margin:20px auto 0;background:var(--color-white);border-radius:var(--radius-sm);padding:0 20px;height:50px;max-width:1360px}.tp-sort-bar__inner{display:flex;align-items:center;height:100%;justify-content:space-between}.tp-sort-bar__left{display:flex;align-items:center;gap:20px}.tp-sort-bar__label{color:#626262;font-size:14px;font-weight:400}.tp-sort-bar__btn{background:none;border:none;color:#000;font-size:14px;font-weight:400;font-family:var(--font-main);cursor:pointer;padding:0;transition:all .2s}.tp-sort-bar__btn:hover,.tp-sort-bar__btn--active{color:var(--color-primary);font-weight:600}.tp-sort-bar__search{display:flex;align-items:center;gap:12px}.tp-sort-bar__input{border:none;background:transparent;font-size:14px;font-family:var(--font-main);color:#000;outline:none;width:250px;text-align:right}.tp-sort-bar__input::placeholder{color:#626262}.tp-sort-bar__search-icon{flex-shrink:0}.tp-list{padding:30px 0 60px;background:var(--color-bg)}.tp-list__cards{display:flex;flex-direction:column;gap:20px;max-width:1360px;margin:0 auto}.tp-list__more-wrap{display:flex;justify-content:center;margin-top:40px}.tp-list__more-btn{width:300px;height:60px;background:var(--color-primary);border:none;border-radius:4px;color:var(--color-white);font-size:16px;font-weight:400;font-family:var(--font-main);cursor:pointer;transition:opacity .2s}.tp-list__more-btn:hover{opacity:.85}.tp-list__loading{display:flex;flex-direction:column;gap:20px}.tp-list__skeleton{height:390px;border-radius:10px;background:linear-gradient(90deg,#eee 25%,#f5f5f5,#eee 75%);background-size:200% 100%;animation:tp-shimmer 1.5s ease infinite}@keyframes tp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:900px){.tp-hero__filters{grid-template-columns:repeat(2,1fr)}.tp-hero__title{font-size:28px}}@media(max-width:768px){.tp-hero__blue{padding:120px 0 30px}.tp-hero__title{font-size:26px;padding:0;line-height:1.3}.tp-hero__subtitle{font-size:15px;padding:0}.tp-hero__filters{grid-template-columns:1fr;padding:0;gap:12px}.tp-sort-bar{margin:20px 0 0;border-radius:8px;padding:16px;height:auto}.tp-sort-bar__inner{flex-direction:column;align-items:stretch;gap:16px}.tp-sort-bar__left{flex-wrap:wrap;gap:12px}.tp-sort-bar__label{width:100%;margin-bottom:-4px}.tp-sort-bar__search{width:100%;border-top:1px solid #ECEFF3;padding-top:16px}.tp-sort-bar__input{width:100%;text-align:left}.tp-list{padding:16px 0 40px}.tp-list__cards{gap:16px;padding:0 16px}.tp-list__more-btn{width:100%}}.tutor-profile-view{background-color:#eceff3;min-height:100vh}.view-container{max-width:1440px;margin:0 auto;padding:120px 40px 60px}.view-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:30px;font-size:14px;font-family:Inter,sans-serif}.v-link{color:#005ae9;text-decoration:none}.v-sep,.v-current{color:#454545}.profile-grid-layout{display:flex;gap:20px;align-items:flex-start}.profile-grid-main{flex:1;display:flex;flex-direction:column;gap:20px}.profile-grid-side{width:440px;flex-shrink:0}.profile-card-section,.profile-hero-block{background:#fff;border-radius:10px;padding:40px;box-shadow:0 4px 12px #00000005}.profile-hero-block{display:flex;gap:30px}.hero-photo-wrap{width:240px;height:240px;flex-shrink:0}.hero-photo-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.hero-photo-placeholder{width:100%;height:100%;border-radius:10px;background:linear-gradient(135deg,#005ae9,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:700;color:#fff;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}.hero-text-content{flex:1}.hero-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hero-display-name{font-size:32px;font-weight:700;margin:0}.bookmark-action{background:none;border:none;cursor:pointer;padding:0}.hero-rating-meta{display:flex;align-items:center;gap:8px;margin-bottom:20px}.rating-val{font-weight:700;font-size:16px;color:#454545}.rating-desc{color:#000;font-size:16px}.hero-stats-list{display:flex;flex-direction:column;gap:10px}.stat-item{font-size:16px}.stat-label{color:#000;margin-right:8px}.stat-value{font-weight:700;color:#000}.section-heading{font-size:24px;font-weight:700;margin:0 0 20px}.subject-item-tag{display:inline-block;padding:8px 16px;background:#e8f2ff;color:#005ae9;border-radius:4px;font-weight:700;font-size:14px}.bio-description-content p{font-size:16px;line-height:1.5;color:#454545;margin:0 0 15px}.profile-card-section--schedule .section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.schedule-meta{display:flex;align-items:center;justify-content:space-between;width:100%}.sched-date-wrap{display:flex;align-items:center;gap:8px;color:#29294b}.calendar-icon-svg{width:24px;height:24px;display:block}.sched-range{font-size:16px;font-weight:700}.sched-arrows{display:flex;gap:10px}.arrow-btn{width:30px;height:30px;border:none;background:none;cursor:pointer;font-size:24px;color:#b8b8b8;line-height:1}.arrow-btn.active{color:#005ae9}.calendar-grid-wrap{border-top:none}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:15px;gap:10px}.calendar-day-col{text-align:center;padding:16px 5px;cursor:pointer;background:#005ae9;color:#fff;display:flex;align-items:center;justify-content:center}.calendar-day-col:first-child{border-radius:4px 0 0 4px}.calendar-day-col:last-child{border-radius:0 4px 4px 0}.day-label{font-size:14px;font-weight:500}.day-date{font-weight:700;font-size:14px}.calendar-body-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.time-slots-col{display:flex;flex-direction:column;gap:10px;padding:10px 0}.time-slot-btn{height:50px;background:#fff;border:1px solid #29294B;border-radius:4px;font-size:14px;color:#29294b;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;width:100%}.time-slot-btn:hover:not(.disabled){background:#f8faff;border-color:#005ae9;color:#005ae9}.time-slot-btn.disabled{background:#e0e0e0;border-color:#e0e0e0;color:#8296a9;cursor:default}.reviews-list-stack{display:flex;flex-direction:column;gap:30px}.review-item-block{padding-bottom:30px}.review-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rev-author-info{display:flex;gap:15px;align-items:center}.rev-author-img{width:60px;height:60px;background:#d9d9d9;border-radius:50%}.rev-name-stars{display:flex;flex-direction:column;gap:4px}.rev-author-name{font-weight:700;font-size:16px}.rev-stars-row{color:#f5b840;letter-spacing:4px}.rev-post-date{color:#b8b8b8;font-size:14px}.rev-comment-text{font-size:16px;line-height:1.5;color:#454545}.show-more-revs{margin-top:20px;background:none;border:none;color:#005ae9;text-decoration:underline;cursor:pointer;font-size:14px}.action-sticky-card{background:#fff;border-radius:10px;overflow:hidden;position:sticky;top:110px;box-shadow:0 4px 12px #0000000d}.video-hero-placeholder{width:100%;height:250px;position:relative;background:#000}.v-hero-bg{width:100%;height:100%;object-fit:cover;opacity:.8}.play-control-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.play-triangle{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #005AE9;margin-left:5px}.price-display-box{padding:30px;text-align:center}.p-amount{font-size:32px;font-weight:700;color:#005ae9}.p-per{font-size:18px;color:#005ae9}.actions-button-stack{padding:0 30px 30px;display:flex;flex-direction:column;gap:15px}.v-btn-primary{background:#005ae9;color:#fff;border:none;height:60px;border-radius:4px;font-weight:700;font-size:16px;cursor:pointer}.v-btn-outline{background:#fff;color:#000;border:1px solid #B8B8B8;height:60px;border-radius:4px;font-weight:400;font-size:16px;cursor:pointer}@media(max-width:1024px){.view-container{padding:90px 0 40px}.profile-grid-layout{display:flex;flex-direction:column;gap:10px}.profile-grid-main{display:contents}.profile-grid-side{width:100%;order:2}.profile-hero-block{order:1;padding:20px;gap:15px;position:relative;flex-direction:row;border-radius:10px 10px 0 0;box-shadow:none;width:calc(100% - 20px);margin:0 10px}.hero-photo-wrap{width:100px;height:100px;margin:0}.hero-text-content{padding-right:30px}.hero-display-name{font-size:18px;margin-bottom:5px}.hero-rating-meta{margin-bottom:10px;gap:4px}.rating-val,.rating-desc,.stat-item,.stat-label,.stat-value{font-size:12px}.bookmark-action{position:absolute;top:20px;right:15px}.action-sticky-card{position:static;box-shadow:none;padding:0 20px 20px;border-radius:0 0 10px 10px;background:#fff;margin-bottom:0;display:flex;flex-direction:column}.price-display-box{padding:0 0 15px;text-align:left;order:1}.p-amount,.p-per{font-size:20px}.actions-button-stack{padding:0 0 20px;order:2;gap:10px}.v-btn-primary,.v-btn-outline{height:50px;font-size:14px;width:100%}.video-hero-placeholder{height:180px;border-radius:10px;order:3}.profile-card-section{order:3;padding:20px;box-shadow:none;width:calc(100% - 20px);margin:0 10px}.section-heading{font-size:20px;margin-bottom:15px}.calendar-icon-svg{width:20px;height:20px}.sched-range{font-size:14px}.calendar-header-row,.calendar-body-cols{gap:5px}.calendar-day-col{padding:8px 0}.day-label,.day-date{font-size:12px}.time-slot-btn{height:44px;font-size:12px}.review-header-flex{flex-direction:column;align-items:flex-start;gap:10px}.rev-post-date{align-self:flex-end}.view-breadcrumbs{font-size:12px;margin-bottom:20px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}.loading-state,.error-state{padding:200px;text-align:center;font-size:24px}.calendar-day-col{position:relative;flex-direction:column;gap:2px}.calendar-day-col.no-slots{background:#c0ccda;opacity:.6;cursor:default}.day-slot-dot{width:6px;height:6px;background:#ffffffb3;border-radius:50%;margin-top:4px}.schedule-slots-area{min-height:80px;padding:16px 0 4px}.time-slots-flat{display:flex;flex-wrap:wrap;gap:10px}.time-slot-btn--free{width:auto;padding:0 20px;height:44px;background:#fff;border:1.5px solid #005AE9;color:#005ae9;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .1s}.time-slot-btn--free:hover{background:#005ae9;color:#fff;transform:translateY(-1px)}.schedule-empty{color:#8296a9;font-size:14px;padding:8px 0}.arrow-btn:disabled{opacity:.3;cursor:default}.sidebar-quick-slots{padding:16px 20px 20px;border-top:1px solid #F0F2F5;margin-top:10px}.sidebar-quick-slots__title{font-size:12px;font-weight:600;color:#8296a9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.sidebar-slot-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#f4f8ff;border:1.5px solid #D2E4FF;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:background .15s}.sidebar-slot-btn:hover{background:#e8f0ff;border-color:#005ae9}.sidebar-slot-day{font-size:13px;font-weight:600;color:#005ae9}.sidebar-slot-time{font-size:14px;font-weight:700;color:#29294b}.booking-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.booking-modal{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:480px;position:relative;box-shadow:0 20px 60px #0000002e;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.booking-modal__close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:#8296a9;line-height:1;padding:0}.booking-modal__close:hover{color:#29294b}.booking-modal__title{font-size:22px;font-weight:700;margin:0 0 20px;color:#29294b}.booking-modal__teacher-row{display:flex;align-items:center;gap:14px;background:#f4f8ff;border-radius:10px;padding:14px 16px;margin-bottom:20px}.booking-modal__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.booking-modal__teacher-name{font-size:15px;font-weight:600;color:#29294b}.booking-modal__teacher-price{font-size:13px;color:#005ae9;font-weight:500}.booking-modal__info-block{display:flex;gap:12px;margin-bottom:20px}.booking-modal__info-row{display:flex;align-items:center;gap:8px;background:#f8f9fb;border-radius:8px;padding:10px 14px;flex:1}.booking-modal__info-icon{font-size:18px}.booking-modal__info-text{font-size:13px;font-weight:600;color:#29294b}.booking-modal__field{margin-bottom:16px}.booking-modal__label{display:block;font-size:12px;font-weight:600;color:#8296a9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.booking-modal__select{width:100%;height:44px;border:1.5px solid #E0E6EF;border-radius:8px;font-size:15px;padding:0 12px;color:#29294b;background:#fff;cursor:pointer;outline:none}.booking-modal__select:focus{border-color:#005ae9}.booking-modal__duration-row{display:flex;gap:8px}.booking-modal__dur-btn{flex:1;height:40px;border:1.5px solid #E0E6EF;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:#29294b;transition:all .15s}.booking-modal__dur-btn--active{border-color:#005ae9;background:#005ae9;color:#fff}.booking-modal__dur-btn:hover:not(.booking-modal__dur-btn--active){border-color:#005ae9;color:#005ae9}.booking-modal__error{background:#fff0f0;border:1px solid #FFD0D0;border-radius:8px;padding:12px 14px;font-size:13px;color:#d32f2f;margin-bottom:16px}.booking-modal__warn{background:#fffbe6;border:1px solid #FFE066;border-radius:8px;padding:12px 14px;font-size:13px;color:#7a5800;margin-bottom:16px}.booking-modal__link{color:#005ae9;text-decoration:underline}.booking-modal__btn-submit{width:100%;height:52px;background:#005ae9;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.booking-modal__btn-submit:hover:not(:disabled){background:#0048cc}.booking-modal__btn-submit:disabled{opacity:.5;cursor:not-allowed}.booking-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.booking-modal--success{text-align:center}.booking-success-icon{width:80px;height:80px;margin:0 auto 20px}.booking-success-icon svg{width:100%;height:100%}.booking-success-text{font-size:15px;color:#454545;line-height:1.6;margin-bottom:24px}.star-mini--filled{color:#f5b840}.star-mini:not(.star-mini--filled){color:#d0d0d0}.subjects-tags-row{display:flex;flex-wrap:wrap;gap:8px}.chat-container{display:flex;height:706px;background:#fff;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 4px 20px #0000000d}.chat-sidebar{width:313px;background:#fff;border-right:1px solid #E0E0E0;display:flex;flex-direction:column}.chat-header{height:84px;background:#f2f2f2;display:flex;align-items:center;padding:0 20px}.chat-header h3{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#000;margin:0}.chat-dialogs{flex:1;overflow-y:auto}.chat-dialog{display:flex;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.chat-dialog:hover,.chat-dialog.active{background:#f9f9f9}.dialog-avatar{width:36px;height:36px;border-radius:50%;margin-right:10px;object-fit:cover}.dialog-info{flex:1;display:flex;flex-direction:column;justify-content:center}.dialog-top{display:flex;justify-content:space-between;margin-bottom:4px}.dialog-name{font-size:14px;font-weight:700;color:#000}.dialog-time{font-size:10px;color:#b7b7b7}.dialog-last-msg{font-size:12px;color:#4a4a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;margin:0}.chat-main{flex:1;display:flex;flex-direction:column;background:#f2f2f2}.chat-main-header{height:84px;background:#005ae9;padding:0 30px;display:flex;align-items:center;color:#fff}.header-user-info{display:flex;align-items:center;gap:15px}.header-user-info img{width:50px;height:50px;border-radius:50%;object-fit:cover}.header-user-info h3{margin:0;font-size:20px;font-weight:700}.chat-messages{flex:1;padding:20px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message{display:flex;margin-bottom:10px}.message-me{justify-content:flex-end}.message-other{justify-content:flex-start}.message-bubble{max-width:60%;padding:10px 15px;border-radius:10px;background:#fff;position:relative;box-shadow:0 1px 2px #0000001a}.message-me .message-bubble{background:#e3f2fd}.message-bubble p{margin:0;font-size:14px;color:#4a4a4a;line-height:1.4}.message-time{font-size:10px;color:#b7b7b7;float:right;margin-left:10px;margin-top:5px}.chat-input-area{min-height:72px;height:auto;background:#fff;margin:20px 30px;border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:10px}.attach-btn{background:#ededed;border-radius:50%;width:36px;height:36px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.chat-input-area input{flex:1;border:none;outline:none;font-size:14px;color:#4a4a4a}.send-btn{background:none;border:none;cursor:pointer;padding:0}.file-preview{display:flex;align-items:center;gap:10px;padding:5px 10px;background:#f0f0f0;border-radius:8px;margin-right:10px}.file-preview span{font-size:12px;color:#333;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview button{background:none;border:none;cursor:pointer;font-size:14px;color:#888;display:flex;align-items:center;padding:0}.file-preview button:hover{color:red}.dialog-unread{background:#005ae9;color:#fff;font-size:11px;font-weight:700;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;margin-left:6px;flex-shrink:0}.message-bubble--error{border:1px solid #ffcccc;background:#fff5f5}.message-bubble--error .message-time{color:#e53935}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px}.tg-connect{background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:28px;border:1px solid #E8EDF5;max-width:680px}.tg-connect__header{display:flex;align-items:center;gap:16px}.tg-connect__icon{flex-shrink:0;width:52px;height:52px}.tg-connect__icon svg{width:52px;height:52px;border-radius:12px}.tg-connect__header-text{flex:1}.tg-connect__title{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.tg-connect__subtitle{font-size:14px;color:#8296a9;margin:0}.tg-connect__badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px}.tg-connect__badge--linked{background:#e7f9ee;color:#1a9641;border:1.5px solid #A8E6BA}.tg-connect__benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tg-connect__benefit{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8faff;border-radius:10px;border:1px solid #E8EDF5}.tg-connect__benefit-icon{font-size:20px;flex-shrink:0}.tg-connect__benefit-text{font-size:13px;color:#4a5568;font-weight:500}.tg-connect__linked-block{background:linear-gradient(135deg,#e7f9ee,#f0fff4);border:1.5px solid #A8E6BA;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tg-connect__linked-info{display:flex;align-items:center;gap:14px}.tg-connect__linked-avatar{width:48px;height:48px;background:linear-gradient(135deg,#37bbfe,#007dbb);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tg-connect__linked-name{font-size:16px;font-weight:700;color:#1a1a2e}.tg-connect__linked-desc{font-size:13px;color:#22863a;margin-top:2px}.tg-connect__unlink-btn{background:none;border:1.5px solid #CCC;color:#8296a9;border-radius:8px;padding:8px 18px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.tg-connect__unlink-btn:hover{border-color:#e53e3e;color:#e53e3e;background:#fff5f5}.tg-connect__action-block{display:flex;flex-direction:column;gap:20px}.tg-connect__error{background:#fff5f5;border:1.5px solid #FEB2B2;color:#c53030;border-radius:8px;padding:12px 16px;font-size:14px}.tg-connect__pending{background:#fff3cd;border:1.5px solid #ffc107;color:#856404;border-radius:8px;padding:12px 16px;font-size:14px}.tg-connect__steps{display:flex;flex-direction:column;gap:12px}.tg-connect__step{display:flex;align-items:center;gap:14px}.tg-connect__step-num{width:28px;height:28px;background:#005ae9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.tg-connect__step-text{font-size:14px;color:#4a5568}.tg-connect__cta-row{display:flex;gap:12px;flex-wrap:wrap}.tg-connect__btn-primary{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#37bbfe,#007dbb);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #007dbb4d}.tg-connect__btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #007dbb66}.tg-connect__btn-check{background:linear-gradient(135deg,#38a169,#276749);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #27674940}.tg-connect__btn-check:hover{transform:translateY(-1px);box-shadow:0 6px 20px #27674959}.tg-connect__btn-cancel{background:none;border:1.5px solid #CBD5E0;color:#8296a9;border-radius:10px;padding:12px 20px;font-size:15px;cursor:pointer;transition:all .2s}.tg-connect__btn-cancel:hover{border-color:#8296a9;color:#4a5568}.tg-connect__loading{display:flex;align-items:center;gap:14px;color:#8296a9;font-size:15px;padding:20px 0}.tg-connect__spinner{width:24px;height:24px;border:3px solid #E8EDF5;border-top-color:#37bbfe;border-radius:50%;animation:tg-spin .8s linear infinite;flex-shrink:0}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-connect__qr-block{display:flex;flex-direction:column;gap:16px}.tg-connect__qr-success{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#ebf8ff,#e6fffa);border:1.5px solid #BEE3F8;border-radius:12px;padding:16px 20px}.tg-connect__qr-icon{font-size:32px}.tg-connect__qr-title{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.tg-connect__qr-desc{font-size:13px;color:#4a5568}.tg-connect__link-row{display:flex;align-items:center;gap:8px;background:#f8faff;border:1px solid #E8EDF5;border-radius:10px;padding:10px 14px}.tg-connect__link-box{flex:1;overflow:hidden}.tg-connect__link-text{font-size:13px;color:#005ae9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-family:monospace}.tg-connect__copy-btn{background:none;border:1px solid #CBD5E0;border-radius:6px;padding:6px;cursor:pointer;color:#8296a9;display:flex;align-items:center;transition:all .2s;flex-shrink:0}.tg-connect__copy-btn:hover{border-color:#37bbfe;color:#37bbfe}.tg-connect__open-btn{background:#37bbfe;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .2s;flex-shrink:0}.tg-connect__open-btn:hover{background:#007dbb}@media(max-width:640px){.tg-connect__benefits{grid-template-columns:1fr}.tg-connect__linked-block{flex-direction:column;align-items:flex-start}}.teacher-dashboard-page{background-color:#eceff3;min-height:100vh;display:flex;flex-direction:column}.dashboard-container{max-width:1440px;margin:0 auto;width:100%;flex:1;padding:110px 40px 60px;box-sizing:border-box}.breadcrumbs{margin-bottom:20px;font-family:Inter,sans-serif;font-size:14px;display:flex;align-items:center;gap:8px;color:#000}.breadcrumb-link{color:#005ae9;text-decoration:none}.breadcrumb-separator{color:#626262}.breadcrumb-current{color:#000}.dashboard-layout{display:flex;gap:20px;align-items:flex-start}.dashboard-sidebar{width:344px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.sidebar-card{background:#fff;border-radius:10px}.sidebar-balance-card{padding:20px;display:flex;flex-direction:column;gap:12px}.balance-row-header{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.balance-label{color:#000}.balance-value{color:#005ae9;font-weight:700}.btn-balance{width:100%;height:52px;border-radius:4px;font-size:16px;font-family:Inter,sans-serif}.btn-outline{width:100%;height:52px;border-radius:4px;background:#fff;border:1.5px solid #005AE9;color:#005ae9;font-size:16px;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s;padding:0 24px}.btn-outline:hover{background:#eef4ff}.nav-card{overflow:hidden}.dashboard-nav{display:flex;flex-direction:column}.nav-item{width:100%;height:72px;padding:0 24px 0 30px;text-align:left;background:transparent;border:none;border-bottom:1px solid #EBEBEB;font-family:Inter,sans-serif;font-size:18px;color:#29294b;cursor:pointer;transition:background .15s}.nav-item:last-child{border-bottom:none}.nav-item:hover{background:#f5f8ff}.nav-item--active{background:#eef4ff;color:#005ae9;font-weight:600;border-left:3px solid #005AE9;padding-left:27px}.dashboard-content{flex:1;min-width:0}.page-title{font-family:Inter,sans-serif;font-size:36px;font-weight:700;margin:0 0 24px;color:#000;line-height:1.1}.content-card{background:#fff;border-radius:10px;padding:30px 40px}.card-title{font-size:22px;font-weight:700;margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid #E0E0E0;color:#000}.settings-content{display:flex;flex-direction:column}.settings-card{background:#fff;border-radius:10px;padding:0 40px 40px}.settings-tabs{display:flex;border-bottom:2px solid #E8E8E8;margin-bottom:32px}.settings-tab{padding:18px 24px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:15px;font-family:Inter,sans-serif;color:#8296a9;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap}.settings-tab--active{color:#005ae9;border-bottom-color:#005ae9;font-weight:600}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;align-items:end}.settings-col{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group--save{margin-top:auto;padding-top:8px}.form-label{font-size:14px;color:#8296a9;font-family:Inter,sans-serif}.form-input{height:50px;border:1px solid #E0E0E0;border-radius:6px;padding:0 14px;font-size:15px;font-family:Inter,sans-serif;color:#29294b;outline:none;transition:border-color .2s;background:#fff;width:100%;box-sizing:border-box}.custom-select{height:50px;border:1px solid #E0E0E0;border-radius:6px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-family:Inter,sans-serif;color:#29294b;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box}.upload-btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 20px;border:1px solid #E0E0E0;border-radius:6px;background:#fff;color:#29294b;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;transition:border-color .2s;overflow:hidden;width:100%;justify-content:center;box-sizing:border-box}.upload-btn:hover{border-color:#005ae9;color:#005ae9}.upload-btn__preview{width:100%;height:100%;object-fit:cover;margin:0;border-radius:4px}.btn-save-full{width:100%;height:50px;background:#005ae9;color:#fff;border:none;border-radius:6px;font-size:16px;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s;font-weight:500}.btn-save-full:hover{background:#0047bb}.btn-save-full:disabled{opacity:.6;cursor:not-allowed}.security-section-title{font-size:18px;font-weight:700;color:#000;margin:0}.save-status{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;margin-bottom:20px}.save-status--success{background:#e8f5e9;color:#2e7d32}.save-status--error{background:#ffebee;color:#c62828}.schedule-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;gap:16px}.schedule-placeholder h3{font-size:20px;font-weight:700;color:#000;margin:0}.schedule-placeholder p{font-size:15px;color:#4a4a4a;max-width:420px;margin:0}.chat-card{padding:0!important;overflow:hidden}.btn-primary{background:#005ae9;color:#fff;height:52px;border-radius:4px;border:none;font-size:16px;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s;padding:0 24px}.btn-primary:hover{background:#0047bb}@media(max-width:1200px){.dashboard-sidebar{margin-right:0}}.bk-list{display:flex;flex-direction:column;gap:16px;margin-top:10px}.bk-card{background:#fff;border:1px solid #EAECF0;border-radius:12px;box-shadow:0 1px 3px #1018280d;padding:20px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s,transform .2s}.bk-card:hover{box-shadow:0 4px 12px #10182814}.bk-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.bk-student-wrap{display:flex;align-items:center;gap:12px}.bk-avatar{width:48px;height:48px;border-radius:50%;background:#f2f4f7;color:#475467;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;border:1px solid #EAECF0;flex-shrink:0}.bk-name{font-size:16px;font-weight:600;color:#101828;line-height:1.4}.bk-subject{font-size:14px;color:#667085;font-weight:400;margin-top:2px}.bk-status{padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;white-space:nowrap}.bk-status.pending{background:#fffaeb;color:#b54708;border:1px solid #FEDF89}.bk-status.approved{background:#ecfdf3;color:#027a48;border:1px solid #ABEFC6}.bk-status.rejected,.bk-status.cancelled{background:#fef3f2;color:#b42318;border:1px solid #FECDCA}.bk-body{background:#f9fafb;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.bk-time{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#344054}.bk-link{display:flex;align-items:center;gap:8px;font-size:14px;color:#005ae9;font-weight:500;text-decoration:none}.bk-link:hover{text-decoration:underline}.bk-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.bk-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;border:none}.bk-btn-primary{background:#005ae9;color:#fff}.bk-btn-primary:hover{background:#0047bb}.bk-btn-reject{background:#fff;color:#d32f2f;border:1px solid #EAECF0}.bk-btn-reject:hover{background:#fef3f2;border-color:#fecdca}@media(max-width:1024px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:280px}.settings-form-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.dashboard-container{padding:100px 16px 40px}.dashboard-sidebar{flex-direction:column}.page-title{font-size:28px}}.schedule-add-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.schedule-add-field{display:flex;flex-direction:column;flex:1;min-width:120px}.schedule-add-field--btn{flex:0 0 auto}.slot-error{margin-top:10px;background:#fff0f0;border:1px solid #FFD0D0;border-radius:6px;padding:10px 14px;font-size:13px;color:#d32f2f}.slot-hint{margin-top:12px;font-size:13px;color:#8296a9;line-height:1.5}.slots-by-day{display:flex;flex-direction:column;gap:16px}.slots-day-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.slots-day-name{font-size:14px;font-weight:600;color:#29294b;width:110px;flex-shrink:0}.slots-day-list{display:flex;flex-wrap:wrap;gap:8px}.slot-item{display:flex;align-items:center;gap:8px;background:#f4f8ff;border:1.5px solid #D2E4FF;border-radius:8px;padding:6px 12px}.slot-time{font-size:14px;font-weight:600;color:#005ae9}.slot-delete-btn{background:none;border:none;color:#8296a9;font-size:18px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center}.slot-delete-btn:hover{color:#d32f2f}@media(max-width:768px){.dashboard-container{padding:85px 16px 40px}.dashboard-sidebar{flex-direction:column;width:100%}.sidebar-card{min-width:100%;margin-bottom:0}.page-title{font-size:24px;margin-bottom:20px}.card-title{font-size:20px;padding-bottom:12px;margin-bottom:20px}.content-card,.settings-card{padding:24px 16px}.nav-item{padding:0 16px;height:60px;font-size:16px}.settings-tabs{flex-direction:column;border-bottom:none;gap:8px;margin-bottom:24px}.settings-tab{padding:12px;border:1px solid #E8E8E8;border-radius:8px;width:100%;text-align:center;margin-bottom:0}.settings-tab--active{background:#eef4ff;border-color:#005ae9}.booking-card{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.booking-card__actions{width:100%;justify-content:flex-start;display:flex;flex-wrap:wrap}.booking-card__actions .btn-primary,.booking-card__actions .btn-outline{flex:1;min-width:130px;text-align:center;justify-content:center}.schedule-add-form{flex-direction:column;align-items:stretch}.schedule-add-field{width:100%}.btn-primary,.btn-outline{font-size:14px}}.stt-subjects-grid{display:flex;flex-wrap:wrap;gap:10px}.stt-subject-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:1.5px solid #E0E8F5;background:#f7f9fc;color:#4a5568;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.stt-subject-chip:hover{border-color:#005ae9;color:#005ae9;background:#eef4ff}.stt-subject-chip--active{background:#005ae9;border-color:#005ae9;color:#fff}.stt-subject-chip--active:hover{background:#0047bb;border-color:#0047bb;color:#fff}.stt-tabs{display:flex;gap:8px;margin-bottom:20px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 1px 4px #0000000f;width:fit-content}.stt-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;background:transparent;color:#8296a9;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.stt-tab:hover{background:#f5f8ff;color:#29294b}.stt-tab--active{background:#005ae9;color:#fff}.stt-tab--active svg{stroke:#fff}.stt-toast{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:16px;animation:stt-slide-down .25s ease}@keyframes stt-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stt-toast--success{background:#edfaf1;color:#1a8a40;border:1px solid #b2eac7}.stt-toast--error{background:#fef0f0;color:#c0392b;border:1px solid #fac8c8}.stt-form-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.stt-avatar-section{display:flex;align-items:center;gap:24px;padding:28px 32px;background:linear-gradient(135deg,#f0f5ff,#fff)}.stt-avatar-wrap{position:relative;flex-shrink:0}.stt-avatar-img,.stt-avatar-placeholder{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 16px #005ae926}.stt-avatar-placeholder{background:linear-gradient(135deg,#005ae9,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.stt-avatar-edit-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:#005ae9;border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;padding:0}.stt-avatar-edit-btn:hover{background:#0047bb;transform:scale(1.1)}.stt-avatar-info{display:flex;flex-direction:column;gap:4px}.stt-avatar-name{font-size:20px;font-weight:700;color:#1a1a2e;font-family:Inter,sans-serif}.stt-avatar-role{font-size:13px;color:#8296a9;font-family:Inter,sans-serif;margin-bottom:8px}.stt-avatar-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;border:1.5px solid #D2E4FF;background:#f0f7ff;color:#005ae9;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s;width:fit-content}.stt-avatar-upload-btn:hover{background:#e0eeff;border-color:#005ae9}.stt-divider{height:1px;background:#f0f2f5;margin:0}.stt-section{padding:24px 32px}.stt-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.stt-section-header span{font-size:15px;font-weight:700;color:#1a1a2e;font-family:Inter,sans-serif;letter-spacing:.01em}.stt-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stt-fields-grid--full{grid-template-columns:1fr}.stt-field{display:flex;flex-direction:column;gap:6px}.stt-label{font-size:12px;font-weight:600;color:#8296a9;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.stt-input{height:46px;border:1.5px solid #E8ECF0;border-radius:10px;padding:0 14px;font-size:14px;font-family:Inter,sans-serif;color:#1a1a2e;background:#fafbfc;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.stt-input:focus{border-color:#005ae9;background:#fff;box-shadow:0 0 0 3px #005ae91a}.stt-input::placeholder{color:#c0ccda}.stt-select{height:46px;border:1.5px solid #E8ECF0;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-family:Inter,sans-serif;color:#1a1a2e;background:#fafbfc;cursor:pointer;box-sizing:border-box;transition:border-color .2s}.stt-select:hover{border-color:#b0c4e0}.stt-footer{padding:20px 32px 28px;background:#fafbfc;border-top:1px solid #F0F2F5;display:flex;align-items:center;gap:16px}.stt-btn-save{display:inline-flex;align-items:center;gap:8px;padding:0 28px;height:46px;background:#005ae9;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #005ae940}.stt-btn-save:hover:not(:disabled){background:#0047bb;transform:translateY(-1px);box-shadow:0 6px 20px #005ae952}.stt-btn-save:active:not(:disabled){transform:translateY(0)}.stt-btn-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.stt-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:stt-spin .7s linear infinite}@keyframes stt-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.stt-fields-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stt-tabs{width:100%;flex-direction:column}.stt-avatar-section{padding:20px 16px;gap:16px}.stt-section{padding:20px 16px}.stt-footer{padding:16px;flex-direction:column;align-items:stretch}.stt-btn-save{justify-content:center}.stt-fields-grid{grid-template-columns:1fr}.stt-avatar-img,.stt-avatar-placeholder{width:72px;height:72px}.stt-avatar-name{font-size:17px}}.dashboard-page{background:#eceff3;min-height:100vh;padding-bottom:60px;padding-top:90px}.dashboard-grid{display:grid;grid-template-columns:440px 1fr;gap:20px;align-items:start}.dashboard-card{background:#fff;border-radius:10px;overflow:hidden}.sidebar-balance{margin-bottom:20px;padding:40px 30px}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.balance-label{font-size:24px;font-weight:700;color:#29294b}.balance-value{font-size:24px;font-weight:700;color:#005ae9}.menu-item{height:84px;display:flex;align-items:center;padding:0 60px;cursor:pointer;background:#fff;transition:background .2s}.menu-item:hover{background:#f9f9f9}.menu-item--active{background:#edf8ff}.menu-text{font-size:20px;font-weight:400;color:#000}.menu-divider{height:1px;background:#cfcfcf;width:100%}.dashboard-btn{width:100%;height:60px;border-radius:4px;font-size:16px;font-weight:400;font-family:var(--font-main);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.dashboard-btn--primary{background:#005ae9;color:#fff;border:none}.dashboard-btn--outline{background:#fffefe;border:2px solid #B8B8B8;color:#282828;margin-top:10px}.dashboard-btn--primary:hover{opacity:.9}.dashboard-btn--outline:hover{background:#f5f5f5}.dashboard-main{display:flex;flex-direction:column}.dashboard-title{font-size:40px;font-weight:700;color:#000;margin-bottom:30px}.dashboard-tabs{display:flex;gap:12px;margin-bottom:24px}.dashboard-tab{padding:8px 32px;height:43px;border-radius:4px;border:none;font-size:16px;cursor:pointer;background:#edf8ff;color:#000;font-family:var(--font-main)}.dashboard-tab--active{background:#fff;color:#005ae9;box-shadow:0 1px #dde7eb}.content-section{padding:40px;margin-bottom:20px;min-height:400px}.content-section:last-child{min-height:272px;margin-bottom:0}.section-title{font-size:24px;font-weight:700;margin:0 0 40px}.upcoming-empty{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:60px}.upcoming-empty__text{font-size:16px;color:#000;margin-bottom:30px;line-height:1.5}.upcoming-empty__text strong{font-weight:700}.upcoming-btn{max-width:380px}.history-note{font-size:16px;color:#626262;text-align:center;margin-top:40px;margin-bottom:10px}.history-period{text-align:center}.period-label{color:#626262;font-size:16px}.period-date{color:#005ae9;font-weight:700;text-decoration:underline;font-size:16px}.purchases-section,.withdrawals-section{min-height:342px}.purchases-empty,.withdrawals-empty{display:flex;justify-content:center;align-items:center;height:200px}.purchases-empty p{font-size:16px;font-weight:700;color:#000;text-align:center}.withdrawals-empty p{font-size:16px;font-weight:400;color:#4a4a4a;text-align:center}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}.telegram-section{min-height:400px}.telegram-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:20px}.telegram-content h3{font-size:16px;font-weight:700;margin-bottom:20px;color:#000}.telegram-content p{font-size:16px;color:#4a4a4a;margin-bottom:40px;max-width:800px;line-height:1.5}.telegram-btn{width:200px}.settings-tabs{display:flex;gap:10px;margin-bottom:24px;background:#edf8ff;padding:4px;border-radius:6px;width:fit-content}.settings-tab{padding:8px 24px;border-radius:4px;border:none;background:transparent;color:#000;font-size:16px;cursor:pointer;font-family:var(--font-main)}.settings-tab--active{background:#fff;color:#005ae9;box-shadow:0 1px #dde7eb}.settings-form-section{padding:40px;min-height:486px}.settings-grid{display:grid;grid-template-columns:400px 400px;gap:20px 40px;margin-bottom:0;align-items:end}.settings-col{display:flex;flex-direction:column;gap:20px;height:100%}.form-group{display:flex;flex-direction:column;gap:2px}.form-group label{color:#8f8f8f;font-size:16px;font-weight:400;line-height:24px}.form-input{width:400px;height:50px;border:1px solid #E0E0E0;border-radius:4px;padding:0 16px;font-size:16px;font-family:var(--font-main);color:#000;outline:none;box-sizing:border-box;background:#fff}.form-input:focus{border-color:#005ae9}.custom-select{width:400px;height:50px;border:1px solid #E0E0E0;border-radius:4px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;cursor:pointer;box-sizing:border-box}.custom-select span{font-size:16px;color:#000}.photo-upload-btn{width:199px;height:50px;border:1px solid #E0E0E0;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:14px;color:#000;font-family:var(--font-main);box-shadow:0 1px 1px #00000012 inset;padding:0}.photo-icon-wrapper{width:24px;height:24px;background:transparent;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.photo-icon{width:16px;background:#000;clip-path:polygon(7px 0,17px 0,19px 2px,24px 2px,24px 18px,0 18px,0 2px,5px 2px);background-color:#000;width:18px;height:16px}.photo-icon-wrapper{width:auto;height:auto}.photo-icon{width:16px;height:16px;background:#000;clip-path:none}.save-settings-btn{width:400px;height:50px}@media(max-width:1100px){.settings-grid{grid-template-columns:1fr;gap:20px;width:100%}.form-input,.custom-select,.save-settings-btn{width:100%}}.settings-sub-title{color:#000;font-size:24px;font-family:var(--font-main);font-weight:700;margin-bottom:20px}.bookings-list{display:flex;flex-direction:column;gap:14px}.booking-card{display:flex;align-items:center;justify-content:space-between;border-radius:8px;padding:18px 24px;border:1.5px solid #E0E0E0;background:#fff;gap:16px;flex-wrap:wrap;transition:box-shadow .2s}.booking-card:hover{box-shadow:0 2px 12px #005ae914}.booking-card--approved{border-color:#c3e0c3;background:#f6fff6}.booking-card--pending{border-color:#ffe0a0;background:#fffbf0}.booking-card--rejected,.booking-card--cancelled{border-color:#f0c0c0;background:#fff5f5;opacity:.8}.booking-card__info{display:flex;flex-direction:column;gap:4px}.booking-card__teacher{font-size:17px;font-weight:700;color:#29294b}.booking-card__subject{font-size:14px;color:#005ae9;font-weight:500}.booking-card__time{font-size:14px;color:#626262}.booking-card__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.booking-status{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.booking-status--pending{background:#fff3cc;color:#960}.booking-status--approved{background:#d4edda;color:#1a6e31}.booking-status--rejected,.booking-status--cancelled{background:#f8d7da;color:#8b1a34}.booking-status--completed{background:#d4edda;color:#1a6e31}.booking-join-btn{width:auto;height:40px;padding:0 20px;font-size:14px;white-space:nowrap}.booking-cancel-btn{width:auto;height:40px;padding:0 16px;font-size:14px;margin-top:0}.bookings-loading{color:#8296a9;padding:20px 0;font-size:15px}.bookings-error{color:#c0392b;padding:10px 0;font-size:15px}.photo-upload-placeholder{width:199px;height:50px;border:1px solid #E0E0E0;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#555}@media(max-width:768px){.dashboard-page{padding-top:80px;padding-bottom:40px}.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{width:100%}.dashboard-title{font-size:24px;margin-bottom:20px}.section-title{font-size:20px;margin-bottom:20px}.content-section,.sidebar-balance,.settings-form-section{padding:24px 16px;min-height:auto}.menu-item{padding:0 16px;height:60px}.menu-text{font-size:16px}.dashboard-tabs,.settings-tabs{flex-direction:column;width:100%;gap:8px;padding:0;background:transparent}.dashboard-tab,.settings-tab{width:100%;border:1px solid #E8E8E8;border-radius:8px;background:#fff;height:auto}.dashboard-tab--active,.settings-tab--active{background:#eef4ff;border-color:#005ae9;box-shadow:none}.booking-card{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.booking-card__actions{width:100%;justify-content:flex-start;display:flex;flex-wrap:wrap}.booking-card__actions .dashboard-btn{flex:1;min-width:130px;padding:8px;display:flex;justify-content:center}.settings-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.form-input,.custom-select,.save-settings-btn{width:100%}.breadcrumbs{flex-wrap:wrap;margin-bottom:12px}}.login-page{background:#eceff3;min-height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;padding:60px 20px}.login-container{background:#fff;width:100%;max-width:480px;border-radius:10px;padding:40px;box-shadow:0 4px 12px #0000000d}.login-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:30px;color:#29294b}.login-tabs{display:flex;background:#f0f2f5;padding:4px;border-radius:8px;margin-bottom:30px}.login-tab{flex:1;border:none;background:transparent;padding:10px;font-size:14px;font-weight:500;color:#626262;cursor:pointer;border-radius:6px;transition:all .2s;font-family:var(--font-main)}.login-tab--active{background:#fff;color:#005ae9;font-weight:600;box-shadow:0 2px 4px #0000000d}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;color:#29294b;margin-bottom:8px;font-weight:500}.form-group input{width:100%;height:48px;border:1px solid #DDE7EB;border-radius:6px;padding:0 16px;font-size:16px;font-family:var(--font-main);transition:border-color .2s}.form-group input:focus{outline:none;border-color:#005ae9}.login-btn{width:100%;height:50px;background:#005ae9;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;transition:background .2s;font-family:var(--font-main)}.login-btn:hover{background:#0046b8}.login-help{text-align:center;margin-top:20px}.forgot-link{color:#626262;text-decoration:none;font-size:14px}.forgot-link:hover{text-decoration:underline}.trp-page{min-height:100vh;display:flex;font-family:Inter,sans-serif}.trp-left{width:420px;min-width:420px;background:linear-gradient(145deg,#003cba,#005ae9 55%,#1a7eff);display:flex;flex-direction:column;padding:40px 48px;position:relative;overflow:hidden}.trp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;z-index:2;position:relative}.trp-logo-icon{font-size:28px}.trp-logo-name{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.3px}.trp-left-content{margin-top:80px;z-index:2;position:relative}.trp-left-title{font-size:34px;font-weight:800;color:#fff;line-height:1.2;margin:0 0 16px}.trp-left-desc{font-size:15px;color:#ffffffbf;line-height:1.6;margin:0 0 48px}.trp-benefits{display:flex;flex-direction:column;gap:24px}.trp-benefit{display:flex;align-items:flex-start;gap:16px}.trp-benefit-icon{width:44px;height:44px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trp-benefit-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:2px}.trp-benefit-desc{font-size:13px;color:#ffffffa6;line-height:1.4}.trp-left-bg-circle{position:absolute;width:350px;height:350px;border-radius:50%;background:#ffffff0f;bottom:-100px;right:-120px}.trp-left-bg-circle2{position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff14;bottom:120px;right:-60px}.trp-right{flex:1;display:flex;align-items:flex-start;justify-content:center;background:#f7f9ff;overflow-y:auto;padding:48px 24px}.trp-form-wrap{width:100%;max-width:560px}.trp-steps{display:flex;align-items:center;margin-bottom:36px;gap:0}.trp-step{display:flex;align-items:center;gap:8px;position:relative;flex:1}.trp-step:last-child{flex:0}.trp-step-dot{width:32px;height:32px;border-radius:50%;background:#e0e7ff;color:#8296a9;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;z-index:1}.trp-step-dot svg{width:16px;height:16px}.trp-step--active .trp-step-dot{background:#005ae9;color:#fff;box-shadow:0 4px 12px #005ae959}.trp-step--done .trp-step-dot{background:#005ae9;color:#fff}.trp-step-label{font-size:12px;font-weight:500;color:#8296a9;white-space:nowrap}.trp-step--active .trp-step-label{color:#005ae9;font-weight:600}.trp-step--done .trp-step-label{color:#29294b}.trp-step-line{flex:1;height:2px;background:#e0e0e0;margin:0 8px;transition:background .3s}.trp-step--done .trp-step-line{background:#005ae9}.trp-form-title{font-size:26px;font-weight:700;color:#29294b;margin:0 0 6px}.trp-form-subtitle{font-size:14px;color:#8296a9;margin:0 0 24px}.trp-error{display:flex;align-items:center;gap:8px;background:#fff5f5;border:1px solid #ffd6d6;border-radius:8px;color:#d32f2f;font-size:13px;padding:10px 14px;margin-bottom:16px}.trp-form{display:flex;flex-direction:column;gap:0}.trp-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.trp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trp-field{display:flex;flex-direction:column;gap:6px;position:relative}.trp-label{font-size:13px;font-weight:500;color:#29294b}.trp-label-hint{font-size:12px;color:#8296a9;font-weight:400}.trp-input{height:48px;border:1.5px solid #E0E0E0;border-radius:10px;padding:0 14px;font-size:15px;color:#29294b;background:#fff;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:Inter,sans-serif;outline:none}.trp-input:focus{border-color:#005ae9;box-shadow:0 0 0 3px #005ae91a}.trp-input-prefix{position:relative;display:flex;align-items:center}.trp-input-prefix-text{position:absolute;left:14px;color:#8296a9;font-size:15px;font-weight:500;pointer-events:none;z-index:1}.trp-input--prefixed{padding-left:28px}.trp-input-eye{position:relative;display:flex;align-items:center}.trp-input-eye .trp-input{padding-right:46px}.trp-eye-btn{position:absolute;right:12px;background:none;border:none;color:#8296a9;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.trp-eye-btn:hover{color:#005ae9}.trp-eye-btn svg{width:18px;height:18px}.trp-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238296A9' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.trp-textarea{border:1.5px solid #E0E0E0;border-radius:10px;padding:12px 14px;font-size:14px;color:#29294b;background:#fff;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:Inter,sans-serif;resize:vertical;min-height:100px;outline:none;line-height:1.5}.trp-textarea:focus{border-color:#005ae9;box-shadow:0 0 0 3px #005ae91a}.trp-char-count{font-size:11px;color:#8296a9;text-align:right;margin-top:-2px}.trp-subjects{display:flex;flex-wrap:wrap;gap:8px}.trp-subject-tag{padding:7px 14px;border:1.5px solid #E0E0E0;border-radius:20px;background:#fff;font-size:13px;font-weight:500;color:#29294b;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.trp-subject-tag:hover{border-color:#005ae9;color:#005ae9;background:#f0f4ff}.trp-subject-tag--active{background:#005ae9;border-color:#005ae9;color:#fff}.trp-subject-tag--active:hover{background:#0049c7;border-color:#0049c7;color:#fff}.trp-password-strength{display:flex;align-items:center;gap:4px;margin-top:6px}.trp-strength-bar{flex:1;height:3px;border-radius:99px;background:#e0e0e0;transition:background .3s}.trp-strength-bar--weak{background:#f44336}.trp-strength-bar--medium{background:#ff9800}.trp-strength-bar--strong{background:#2ea04c}.trp-strength-label{font-size:11px;color:#8296a9;margin-left:4px;white-space:nowrap}.trp-input-hint{font-size:12px;margin-top:2px}.trp-input-hint--error{color:#d32f2f}.trp-input-hint--ok{color:#2ea04c}.trp-agree{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.trp-agree-check{width:18px;height:18px;border-radius:4px;accent-color:#005AE9;margin-top:1px;flex-shrink:0;cursor:pointer}.trp-agree-text{font-size:13px;color:#29294b;line-height:1.5}.trp-link{color:#005ae9;text-decoration:none;font-weight:500}.trp-link:hover{text-decoration:underline}.trp-summary{background:#f0f4ff;border:1px solid #d0dfff;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.trp-summary-title{font-size:13px;font-weight:600;color:#005ae9;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.trp-summary-row{display:flex;justify-content:space-between;font-size:13px;color:#29294b;gap:16px}.trp-summary-row span{color:#8296a9;flex-shrink:0}.trp-summary-row strong{text-align:right;font-weight:500;word-break:break-all}.trp-nav{display:flex;gap:12px;align-items:center}.trp-btn-back{height:50px;padding:0 24px;border:1.5px solid #E0E0E0;border-radius:10px;background:#fff;color:#29294b;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;white-space:nowrap}.trp-btn-back:hover{border-color:#005ae9;color:#005ae9}.trp-btn-next{flex:1;height:50px;background:linear-gradient(135deg,#005ae9,#1a7eff);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #005ae940}.trp-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #005ae959}.trp-btn-next:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.trp-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:trp-spin .7s linear infinite}@keyframes trp-spin{to{transform:rotate(360deg)}}.trp-login-hint{text-align:center;font-size:14px;color:#8296a9;margin-top:24px}.trp-success-wrap{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#f7f9ff;padding:24px;box-sizing:border-box}.trp-success-card{background:#fff;border-radius:20px;padding:60px 48px;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #00000014}.trp-success-icon{width:80px;height:80px;margin:0 auto 24px}.trp-success-icon svg{width:80px;height:80px}.trp-success-title{font-size:28px;font-weight:700;color:#29294b;margin:0 0 12px}.trp-success-text{font-size:15px;color:#29294b;line-height:1.6;margin:0 0 10px}.trp-success-sub{font-size:14px;color:#8296a9;line-height:1.6;margin:0 0 32px}.trp-success-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#005ae9,#1a7eff);color:#fff;border-radius:10px;text-decoration:none;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #005ae940}.trp-success-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #005ae959}.trp-subjects-loading{display:flex;align-items:center;gap:10px;padding:12px 0;color:#8296a9;font-size:14px}.trp-spinner--blue{border-color:#005ae933;border-top-color:#005ae9}.trp-selected-count{font-size:12px;color:#005ae9;font-weight:500;margin-top:4px}@media(max-width:900px){.trp-page{flex-direction:column}.trp-left{width:100%;min-width:0;padding:28px 24px;min-height:auto}.trp-left-content{margin-top:24px}.trp-left-title{font-size:24px}.trp-benefits{display:none}.trp-right{padding:32px 16px}.trp-row{grid-template-columns:1fr}.trp-step-label{display:none}.trp-step--active .trp-step-label{display:block}}@media(max-width:480px){.trp-form-title{font-size:20px}.trp-success-card{padding:40px 24px}}.lesson-room-page{display:flex;flex-direction:column;min-height:100vh}.lesson-room-container{flex:1;display:flex;flex-direction:column;padding:24px 40px;background-color:#f8f9fb}.lesson-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lesson-room-header h2{margin:0;font-size:24px;color:#1a1a1a}.lesson-room-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px}.lesson-iframe-wrapper{flex:1;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000d;display:flex}.lesson-iframe{width:100%;height:100%;min-height:700px;border:none}@media(max-width:768px){.lesson-room-container{padding:16px}.lesson-iframe{min-height:500px}}.email-confirmation-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px 20px;background-color:var(--color-bg, #ECEFF3)}.email-confirmation-card{background:var(--color-white, #FFFFFF);border-radius:var(--radius-lg, 10px);padding:60px 40px;box-shadow:0 4px 20px #0000000d;max-width:500px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.confirmation-content{display:flex;flex-direction:column;align-items:center;width:100%}.confirmation-title{font-size:24px;font-weight:700;color:var(--color-text-dark, #000000);margin-top:24px;margin-bottom:16px;font-family:var(--font-main, "Inter", sans-serif)}.confirmation-text{font-size:16px;color:var(--color-text-body, #626262);margin-bottom:32px;line-height:1.5;font-family:var(--font-main, "Inter", sans-serif)}.confirmation-btn{width:100%;padding:14px;font-size:16px}.spinner{width:48px;height:48px;border:4px solid var(--color-bg, #ECEFF3);border-top:4px solid var(--color-primary, #005AE9);border-radius:50%;animation:spin 1s linear infinite}.icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon{background-color:#00ba88}.error-icon{background-color:#ed2e7e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.email-confirmation-card{padding:40px 20px}.confirmation-title{font-size:20px}}