.card{cursor:pointer;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 4px 12px #00000014;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.card__avatar{width:100%;height:250px;object-fit:cover}.card__content{padding:20px;flex:1;display:flex;flex-direction:column}.card__name{font-size:22px;color:#333;margin:10px;font-weight:600}.card__info{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;margin:10px}.card__info-item{display:flex;justify-content:space-between}.card__info-item-first{font-size:14px;color:#2e2c2c;text-transform:uppercase;flex-shrink:0;min-width:fit-content}.card__info-item-second{color:#254659;transition:color .3s;text-align:right}.card__info-item-second:hover{color:#297c7c}.card__gender,.card__location,.card__email{display:flex;flex-direction:column;gap:4px;margin:10px}.card__gender span:first-child,.card__location span:first-child,.card__email span:first-child{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card__gender span:last-child,.card__location span:last-child,.card__email span:last-child{font-size:15px;color:#333;font-weight:400}.card__email span:last-child{word-break:break-all}.card__weather{margin-top:auto;background:#0f243bc8;padding:15px;color:#fff;transition:background .3s}.card__weather:hover{background:#37637d}.card__weather-block{display:flex;align-items:center;margin-top:8px;gap:20px}.card__weather-title{font-size:14px;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.card__weather-low,.card__weather-high{display:flex;gap:4px}@media(max-width:480px){.card__avatar{height:200px}.card__content{padding:15px}.card__name{font-size:20px}.card__weather{padding:12px}}.user-list-page{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:100vh}.user-list-page__header{text-align:center;margin-bottom:50px;padding-bottom:30px}.user-list-page__title{text-transform:uppercase;font-size:48px;color:#0f243bc8;margin-bottom:15px;transition:text-shadow 1s,color .3s}.user-list-page__title:hover{color:#3c6ea5;text-shadow:2px 2px 8px #37637d}.user-list-page__subtitle{font-size:18px;color:#666;font-weight:400}.user-list-page__button{text-transform:uppercase;border:1px solid rgba(15,36,59,.7843137255);border-radius:10px;color:#fff;background-color:#0f243bc8;padding:10px;font-size:15px;transition:transform .8s ease-in-out,background-color .3s}.user-list-page__button:hover{transform:scaleY(1.1) scaleX(1.1);background-color:#37637d}.user-list-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;margin-bottom:40px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading__spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading__text{font-size:18px;color:#666;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:20px}.error__icon{font-size:64px;margin-bottom:20px}.error__title{font-size:28px;color:#333;margin-bottom:10px}.error__message{font-size:16px;color:#666;margin-bottom:30px;max-width:500px}.error__button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.error__button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.error__button:active{transform:translateY(0)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center}.empty-state__icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state__title{font-size:24px;color:#333;margin-bottom:10px}.empty-state__message{font-size:16px;color:#666}@media(max-width:1024px){.user-list-page{padding:30px 15px}.user-list-page__title{font-size:36px}.user-list-page__subtitle{font-size:16px}.user-list-page__button{font-size:14px;padding:8px}.user-list-page__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}}@media(max-width:768px){.user-list-page{padding:20px 10px}.user-list-page__header{margin-bottom:30px;padding-bottom:20px}.user-list-page__title{font-size:28px}.user-list-page__subtitle{font-size:14px}.user-list-page__button{font-size:12px;padding:6px}.user-list-page__grid{grid-template-columns:1fr;gap:25px}.loading__spinner{width:50px;height:50px}.error__title{font-size:24px}}@media(max-width:480px){.user-list-page__title{font-size:24px}.user-list-page__subtitle{font-size:13px}.user-list-page__button{font-size:8px;padding:4px}.user-list-page__grid{gap:20px}}.user-details{max-width:1200px;margin:0 auto;padding:20px}.user-details .back-button{display:flex;align-items:center;font-size:16px;gap:10px;padding:12px 24px;background:#0f243bc8;color:#fff;border:none;border-radius:8px;margin-bottom:30px;cursor:pointer;transition:background .3s}.user-details .back-button:hover{background:#37637d}.user-details .back-button__icon{display:flex;align-items:center}.user-details__container{display:flex;flex-direction:column;gap:40px}.user-info{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.user-info__title{text-transform:uppercase;font-size:24px;margin-bottom:30px;color:#333;border-bottom:2px solid rgba(15,36,59,.7843137255);padding-bottom:10px}.user-info__content{display:flex;gap:40px;align-items:flex-start}.user-info__avatar{width:250px;height:auto;border-radius:12px;object-fit:contain;box-shadow:0 4px 12px #00000026}.user-info__details{flex:1;display:flex;flex-direction:column;gap:24px}.user-info__item{display:flex;flex-direction:column;gap:8px}.user-info__label{font-size:14px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-info__value{font-size:18px;color:#333;font-weight:400}.weather-forecast{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.weather-forecast__title{text-transform:uppercase;font-size:24px;margin-bottom:30px;color:#333;border-bottom:2px solid rgba(15,36,59,.7843137255);padding-bottom:10px}.weather-forecast__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.forecast-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:transform .2s,box-shadow .2s}.forecast-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.forecast-card__date{font-size:16px;font-weight:600;color:#333;text-align:center}.forecast-card__icon{font-size:48px;text-align:center}.forecast-card__temps{display:flex;justify-content:space-around;gap:20px}.forecast-card__temp-item{display:flex;flex-direction:column;align-items:center;gap:5px}.forecast-card__temp-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.forecast-card__temp-value{font-size:24px;font-weight:700}.forecast-card__temp-value.high{color:#e74c3c}.forecast-card__temp-value.low{color:#3498db}@media(max-width:768px){.user-info__content{flex-direction:column;align-items:center;text-align:center}.user-info__avatar{width:150px;height:150px}.weather-forecast__list{grid-template-columns:1fr}.forecast-card__temps{flex-direction:column;gap:10px}}.video-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.video-bg video{width:100%;height:100%;object-fit:cover}.content{position:relative;z-index:1;min-height:100vh}*{font-family:Montserrat,sans-serif}