*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:root{--color-primary: #E03131;--color-primary-dark: #c92a2a;--color-primary-light: #ff6b6b;--color-secondary: #dc004e;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-dark: #212121;--bg-header: var(--color-primary);--text-primary: #333333;--text-secondary: #999999;--text-disabled: #cccccc;--text-white: #ffffff;--border-color: #e0e0e0;--border-radius: 4px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-index-dropdown: 1000;--z-index-modal: 2000;--z-index-toast: 9999}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}#app{width:100%;min-height:100vh;background-color:var(--bg-secondary)}.error-toast,.info-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);color:var(--text-white);padding:12px 24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);z-index:var(--z-index-toast);font-size:var(--font-size-sm);animation:slideDown var(--transition-normal);max-width:90%;word-wrap:break-word}.error-toast{background-color:var(--color-error)}.info-toast{background-color:#2196f3}.error-toast.fade-out,.info-toast.fade-out{animation:fadeOut var(--transition-normal)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.welcome-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);text-align:center}.welcome-page h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.welcome-page p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.welcome-page .status{background-color:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-sm);min-width:300px}.welcome-page .status p{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:left}.welcome-page .status p:last-child{margin-bottom:0}.welcome-page .status span{font-weight:var(--font-weight-medium);color:var(--color-primary)}.welcome-page .note{font-size:var(--font-size-sm);color:var(--text-disabled);font-style:italic;margin-top:var(--spacing-lg)}@media(max-width:640px){.welcome-page{padding:var(--spacing-md)}.welcome-page h1{font-size:var(--font-size-xl)}.welcome-page p{font-size:var(--font-size-sm)}.welcome-page .status{min-width:auto;width:100%;padding:var(--spacing-md)}.error-toast{top:10px;padding:10px 16px;font-size:var(--font-size-xs);max-width:95%}}@media(min-width:641px)and (max-width:1024px){.welcome-page .status{min-width:400px}}@media(min-width:1025px){.welcome-page .status{min-width:500px}}@media(hover:none)and (pointer:coarse){.welcome-page{-webkit-tap-highlight-color:transparent}.error-toast{touch-action:none}}.video-card{background:var(--bg-primary);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #00000014,0 4px 12px #0000001f;transition:transform .1s cubic-bezier(.4,0,.2,1)}.video-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #00000014,0 8px 16px #00000026}.video-card:active{transform:scale(.97)}.video-cover{position:relative;width:100%;background-color:var(--bg-secondary);overflow:hidden}.cover-image{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.video-card:hover .cover-image{transform:scale(1.05)}.cover-placeholder{width:100%;padding-bottom:133.33%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.cover-placeholder svg{opacity:.7}.play-icon-overlay{position:absolute;top:10px;right:10px;opacity:1;transition:transform var(--transition-fast);pointer-events:none;z-index:2}.video-card:hover .play-icon-overlay{transform:scale(1.1)}.play-icon{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.video-cover-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 80%,transparent 100%);padding:8px 10px;display:flex;justify-content:space-between;align-items:center;z-index:2}.duration-badge{color:var(--text-white);font-size:13px;font-weight:600;line-height:1}.video-info{padding:12px}.video-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;word-break:break-word}.video-stats{display:flex}.stat-item{display:flex;align-items:center;gap:5px}.stat-icon{width:16px;height:16px;flex-shrink:0;filter:brightness(0) invert(1)}.stat-value{font-size:13px;font-weight:600;color:var(--text-white);line-height:1}@media(max-width:640px){.video-info{padding:10px}.video-title{font-size:15px;font-weight:600;line-height:1.4}.play-icon-overlay{top:8px;right:8px}.play-icon{width:28px;height:28px}.video-cover-info{padding:6px 8px}.duration-badge{font-size:12px}.stat-icon{width:14px;height:14px}.stat-value{font-size:12px}}@media(hover:none)and (pointer:coarse){.video-card:hover{transform:none;box-shadow:0 1px 3px #00000014,0 4px 12px #0000001f}.video-card:active{transform:scale(.97)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #00000014;display:flex;align-items:center;justify-content:space-around;padding:0 20px;z-index:200;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:60px;min-height:48px}.nav-item:active{transform:scale(.92);background:#0000000d}.nav-icon{width:24px;height:24px;transition:all var(--transition-fast);filter:brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);opacity:.8}.nav-item.active .nav-icon{opacity:1;filter:brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(6234%) hue-rotate(343deg) brightness(99%) contrast(101%)}.nav-label{font-size:11px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-item.active .nav-label{color:var(--color-primary);font-weight:600}.nav-item-add{position:relative;padding:0}.add-button{width:52px;height:52px;background:linear-gradient(135deg,#ff2442,#ff6b6b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff244259,0 0 0 4px #ff24421a;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.add-button:active{transform:scale(.88);box-shadow:0 2px 8px #ff24424d,0 0 0 2px #ff244226}.add-icon{width:28px;height:28px;filter:none}@media(hover:hover)and (pointer:fine){.add-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #ff244266}}@media(max-width:640px){.bottom-nav{height:56px;padding:0 16px}.nav-item{padding:6px 10px}.nav-icon{width:22px;height:22px}.nav-label{font-size:10px}.add-button{width:44px;height:44px}.add-icon{width:26px;height:26px}}@media(hover:none)and (pointer:coarse){.nav-item{min-width:60px;min-height:48px}.add-button{width:50px;height:50px}}@media(hover:hover)and (pointer:fine){.nav-item:hover{background:var(--bg-secondary)}.nav-item:hover .nav-icon{opacity:.8}.nav-item:hover .nav-label{color:var(--text-primary)}}.category-tabs{position:sticky;top:52px;background:var(--bg-primary);border-bottom:1px solid #f0f0f0;z-index:99;margin-top:0}.category-tabs-container{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;white-space:nowrap}.category-tabs-container::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:6px 14px;background:transparent;border:none;border-radius:16px;font-size:14px;font-weight:400;color:#999;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.2}.category-tab.active{background:#0000000f;color:#333;font-weight:600}.category-tab:active{transform:scale(.95)}@media(hover:hover)and (pointer:fine){.category-tab:hover:not(.active){color:#666}.category-tab.active:hover{color:#222}}@media(max-width:767px){.category-tabs{top:42px}.category-tabs-container{padding:6px 12px;gap:6px}.category-tab{padding:5px 12px;font-size:13px;border-radius:14px;font-weight:400;line-height:1.2}.category-tab.active{font-weight:600}}@media(min-width:768px)and (max-width:1024px){.category-tabs{top:52px}}@media(hover:none)and (pointer:coarse){.category-tab{min-height:36px}}.video-list-page{min-height:100vh;background-color:var(--bg-secondary);padding-bottom:60px;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.page-header{background:var(--color-primary);padding:16px 20px;box-shadow:0 2px 8px #ff244226;position:sticky;top:0;z-index:100;margin-bottom:0;line-height:1;display:flex;align-items:center;justify-content:center}.page-header h1{font-size:20px;font-weight:700;color:var(--text-white);margin:0;text-align:center;letter-spacing:.5px;line-height:1;flex:1}.header-back-btn{position:absolute;left:12px;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-white);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.header-back-btn:hover{background-color:#ffffff1a}.header-back-btn:active{background-color:#fff3}.video-list-container{position:relative;padding:16px 12px;max-width:1400px;margin:0 auto}.video-grid-item{width:calc(50% - 6px);margin-bottom:12px}.loading-state{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);background-color:var(--bg-secondary);z-index:50}.spinner{width:48px;height:48px;border:4px solid var(--bg-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin-top:var(--spacing-md);font-size:var(--font-size-md);color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);min-height:400px;text-align:center}.empty-state svg{color:var(--text-disabled);margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);min-height:400px;text-align:center}.error-state svg{color:var(--color-error);margin-bottom:var(--spacing-lg)}.error-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.error-state p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.retry-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--text-white);border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.retry-button:hover{background-color:var(--color-primary-dark)}.retry-button:active{transform:scale(.98)}.load-more-state{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.spinner-small{width:20px;height:20px;border:2px solid var(--bg-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.no-more-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-disabled);font-size:var(--font-size-sm)}@media(max-width:767px){.video-list-page{padding-bottom:56px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.video-list-container{padding:12px 8px}.video-grid-item{width:calc(50% - 4px)}.page-header{padding:12px 16px;line-height:1}.page-header h1{font-size:18px;line-height:1}.loading-state,.empty-state,.error-state{padding:48px 16px;min-height:300px}.spinner{width:40px;height:40px}.empty-state svg,.error-state svg{width:64px;height:64px}}@media(min-width:768px)and (max-width:1024px){.video-list-page{padding-bottom:0}.video-grid-item{width:calc(33.333% - 8px)}.video-list-container{padding:16px}}@media(min-width:1025px){.video-list-page{padding-bottom:0}.video-grid-item{width:calc(25% - 12px)}.video-list-container{padding:24px}}@media(min-width:1601px){.video-grid-item{width:calc(20% - 12.8px)}.video-list-container{max-width:2000px}}@media(hover:none)and (pointer:coarse){.video-list-page{-webkit-tap-highlight-color:transparent}.retry-button{padding:var(--spacing-md) var(--spacing-xl);min-height:44px}}.profile-page{position:relative;min-height:100vh;background-color:var(--bg-secondary);padding-bottom:60px}.profile-bg{position:fixed;top:0;left:0;right:0;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;z-index:0}.block-up{position:relative;z-index:1;padding:80px 20px 40px;transition:transform .3s ease-out;background-image:url(../images/profile-bg.jpg);background-size:cover;background-position:center}.profile-menu-button{position:absolute;top:16px;left:16px;width:40px;height:40px;padding:8px;border:none;background:#ffffffe6;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:10;display:flex;align-items:center;justify-content:center}.profile-menu-button:hover{background:#fff;transform:scale(1.05)}.profile-menu-button:active{transform:scale(.95)}.profile-menu-button .menu-icon{width:20px;height:20px}.profile-manage-button{position:absolute;top:16px;right:16px;padding:8px 16px;border:none;background:var(--color-primary);color:var(--text-white);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:10;white-space:nowrap}.profile-manage-button:hover{background:#e63946;transform:translateY(-1px);box-shadow:0 4px 12px #e639464d}.profile-manage-button:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar{width:80px;height:80px;border-radius:50%;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSO40a3HtV8Fg1wIy6c2aSsq3AkuhojoDIGvQ&s);background-size:cover;background-position:center;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000026}.avatar.avatar-favicon{background-image:url(../images/logo_2.png);background-size:cover;background-repeat:no-repeat;background-color:#ffffffe6}.username{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-white);text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.profile-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--color-primary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transition:opacity .3s ease-out;pointer-events:none}.header-username{font-size:20px;font-weight:700;color:var(--text-white);letter-spacing:.5px}.block-down{position:relative;z-index:2;background:var(--bg-primary);min-height:calc(100vh - 300px);padding-top:0}.profile-tabs{position:sticky;top:60px;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:10;padding:0 20px}.tab-item{flex:1;text-align:center;padding:16px 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;position:relative;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tab-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--color-primary);border-radius:2px}.profile-content{position:relative;padding:16px 8px;min-height:100vh}.video-list{display:none}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.empty-state p{margin-top:16px;font-size:var(--font-size-sm);color:var(--text-secondary)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px}.load-more-state,.no-more-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.load-more-state .spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}.load-more-state p,.no-more-state p{font-size:var(--font-size-xs);color:var(--text-disabled)}@media(max-width:640px){.profile-bg{height:300px}.block-up{padding:60px 16px 30px}.profile-menu-button{top:12px;left:12px;width:36px;height:36px;padding:6px}.profile-menu-button .menu-icon{width:18px;height:18px}.profile-manage-button{top:12px;right:12px;padding:6px 12px;font-size:var(--font-size-xs);border-radius:16px}.avatar{width:70px;height:70px}.username{font-size:var(--font-size-lg)}.profile-header{height:56px}.header-username{font-size:18px}.profile-tabs{padding:0 16px}.tab-item{padding:14px 0;font-size:var(--font-size-sm)}.profile-content{padding:12px 4px}}@media(min-width:641px)and (max-width:1024px){.profile-bg{height:350px}.avatar{width:90px;height:90px}}@media(min-width:1025px){.profile-bg{height:400px}.avatar{width:100px;height:100px}.block-down{max-width:1200px;margin:0 auto}}@media(hover:none)and (pointer:coarse){.tab-item{min-height:44px}}@media(hover:hover)and (pointer:fine){.tab-item:hover{color:var(--text-primary)}}.profile-content{position:relative;min-height:300px}.profile-page .loading-state{position:absolute;inset:0;min-height:300px;z-index:10}.side-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:200;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:0;width:50%;max-width:280px;height:100vh;background:var(--bg-primary);z-index:201;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 12px #00000026;display:flex;flex-direction:column}.side-menu.open{transform:translate(0)}.side-menu-content{display:flex;flex-direction:column;height:100%}.side-menu-header{padding:20px 16px;border-bottom:1px solid var(--border-color)}.side-menu-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.side-menu-list{list-style:none;margin:0;padding:8px 0;flex:1}.side-menu-item{padding:14px 16px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.side-menu-item:active{background-color:var(--bg-secondary)}.side-menu-item.disabled{cursor:default;opacity:.5}.side-menu-item.disabled:active{background-color:transparent}.side-menu-item-text{font-size:var(--font-size-md);color:var(--text-primary)}@media(hover:hover)and (pointer:fine){.side-menu-item:not(.disabled):hover{background-color:var(--bg-secondary)}}@media(max-width:640px){.side-menu{width:70%;max-width:none}.side-menu-header{padding:16px 14px}.side-menu-item{padding:12px 14px}}.login-page{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,rgba(255,99,133,.25),transparent 70%),var(--bg-secondary);padding:24px}.login-back-button{position:absolute;top:16px;left:16px;width:40px;height:40px;padding:10px;border:none;background:var(--bg-primary);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;z-index:10}.login-back-button:hover{background:var(--bg-secondary);transform:scale(1.05)}.login-back-button:active{transform:scale(.95)}.login-back-button .back-icon{width:12px;height:20px}.login-card{width:min(420px,100%);background:var(--bg-primary);border-radius:16px;padding:32px 28px;box-shadow:0 30px 80px #00000026;display:flex;flex-direction:column;gap:16px}.login-card h1{margin:0;font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.login-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{font-size:14px;color:var(--text-secondary)}.login-form input{padding:12px;border-radius:10px;border:1px solid var(--border-color);font-size:15px;background:var(--bg-secondary);color:var(--text-primary)}.login-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff5c8f33}.primary-button,.secondary-button{width:100%;border:none;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.primary-button{background:var(--color-primary);color:var(--text-white);box-shadow:0 10px 25px #ff5c8f59}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secondary-button{background:transparent;color:var(--color-primary);border:1px solid rgba(255,92,143,.3)}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active{transform:translateY(1px)}@media(max-width:480px){.login-card{padding:24px 20px}}