@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.header{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:clamp(10px,4vw,20px);gap:10px}.header__title-container{text-align:center;margin-inline-start:clamp(10px,5vw,40px)}.header__title{color:var(--primary);margin-bottom:5px;font-size:clamp(20px,4vw,32px)}.header__title-container p{font-size:clamp(14px,2.5vw,18px)}.header__profile-link-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex:1 1 150px}.header__profile-link-login{font-size:clamp(16px,2.5vw,20px);padding:5px;border-radius:5px;transition:background-color .3s}.header__profile-link-login:hover{background-color:var(--primary);color:#fff}.header__profile-link-logout{border-radius:6px;padding:5px;font-size:clamp(12px,2vw,15px);text-decoration:underline;border:none;background-color:transparent;cursor:pointer;transition:background-color .3s}.header__profile-link-logout:hover{background-color:#c84b4b;color:#fff}@media (max-width: 600px){.header{gap:20px;padding:0;flex-direction:column;align-items:center;text-align:center}.header__profile-link-container{margin-left:auto;flex:0 0 auto;inline-size:auto;justify-content:flex-start;gap:2px}.header__title-container{margin-inline-start:0}}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:root{--primary: #4CAF50;--danger: #f44336;--info: #2196F3;--warning: #FF9800;--bg: #f5f7fa;--text: #333;--text-light: #7f8c8d;--min-width: 320px;--max-width: 1920px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);margin:0 auto;padding:20px clamp(16px,5vw,100px);min-height:100vh}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-info{background:var(--info);color:#fff}