*{margin:0;padding:0;box-sizing:border-box}:root{--color-background:#000000;--color-card:#111111;--color-card-hover:#222222;--color-text-primary:#ffffff;--color-text-secondary:#999999;--color-accent-blue:#2a2a2a;--color-accent-green:#2a6c48;--color-accent-red:#6c2d2a;--color-accent-yellow:#5c5530;--color-border:#222222;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-xxl:2.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}body,html{background-color:var(--color-background);color:var(--color-text-primary);font-weight:300;font-size:var(--font-size-md);line-height:1.5;min-height:100vh}body,html,input,select{font-family:Onest,sans-serif}body{overflow-x:hidden}a{color:var(--color-accent-blue);text-decoration:none;transition:color .2s ease}a:hover{color:rgb(72.3452380952,143.3333333333,236.6547619048)}h1,h2,h3,h4,h5,h6{font-weight:300!important;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.button,button{background-color:#222;color:#fff;border:none;border-radius:4px;padding:8px 0;font-size:.75rem;font-weight:300!important;cursor:pointer;transition:all .2s ease;font-family:Onest,sans-serif;width:auto}.button:hover,button:hover{background-color:#2a2a2a}.button:active,button:active{transform:translateY(1px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{padding:var(--space-xl) 0;border-bottom:none;margin-bottom:0;position:absolute;top:0;left:0;right:0;z-index:100}.header,.header .container{display:flex;justify-content:space-between;align-items:center}.header .container{width:100%}.header__logo{gap:var(--space-xs);font-weight:300!important;font-size:1rem;display:flex;gap:10px}.header__logo,.header__logo:hover{color:var(--color-text-primary)}.header__logo svg{color:#fff;font-size:1.2rem}.header__nav{display:flex;gap:var(--space-lg)}.header__nav a{color:var(--color-text-secondary);font-weight:300;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:color .2s ease;font-size:.875rem}.header__nav a:hover{color:var(--color-text-primary)}.hero{padding:100px 0 40px;background:linear-gradient(180deg,rgba(0,0,0,.8),rgb(0,0,0));position:relative;overflow:hidden}.hero__container{display:flex;justify-content:flex-start}.hero__content{max-width:800px;text-align:left}.hero__title{font-size:2.5rem;font-weight:400;letter-spacing:-.5px;line-height:1.1;text-align:left;max-width:500px}.hero__subtitle{color:var(--color-text-secondary);font-size:1rem;max-width:600px;margin:0 0 var(--space-md);line-height:1.4;font-weight:300;text-align:left}.search,.search-and-filters{width:100%}.search{display:flex;margin:20px 0 15px;position:relative}.search__input{flex-grow:1;background-color:#222;border:none;border-radius:100px;color:var(--color-text-primary);padding:12px 20px 12px 50px;font-size:.875rem;width:100%;transition:all .2s ease;height:46px}.search__input:focus{outline:none;background-color:#2a2a2a}.search__input::placeholder{color:#666}.search__icon{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#666;pointer-events:none}.filters{display:flex;flex-direction:row;gap:8px;margin:0 0 30px;justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.filters__item{background-color:#222;color:#999;padding:8px 16px;border-radius:100px;font-size:.75rem;cursor:pointer;transition:all .2s ease;border:none;font-weight:300;min-width:auto;white-space:nowrap;text-align:center}.filters__item--active,.filters__item:hover{background-color:#2a2a2a;color:#fff}@media(max-width:768px){.hero{padding:80px 0 30px}.hero__title{font-size:2rem}}@media(max-width:480px){.hero{padding:70px 0 20px}.hero__title{font-size:1.75rem}}.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px;margin-bottom:var(--space-xxl)}.countries__card{background-color:#111;border-radius:8px;overflow:hidden;transition:all .2s ease;border:none;position:relative}.countries__card:hover{transform:translateY(-2px);background-color:#1a1a1a}.countries__card-header{padding:16px;display:flex;gap:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.countries__card-flag{width:32px;height:24px;border-radius:2px;object-fit:cover;margin-top:5px}.countries__card-name{font-weight:300!important;margin-bottom:4px;font-size:1rem}.countries__card-region{color:var(--color-text-secondary);font-size:.75rem;display:flex;align-items:center;gap:4px}.countries__card-content{padding:16px}.countries__card-stat{margin-bottom:10px;display:flex;justify-content:space-between}.countries__card-stat-label{color:var(--color-text-secondary);font-size:.75rem;display:flex;align-items:center;gap:6px}.countries__card-stat-value{font-weight:300!important;font-size:.875rem;text-align:right}.footer{border-top:1px solid #222;padding:40px 0 20px;text-align:center;margin-top:60px}.footer .footer-column{margin-bottom:24px}.footer .footer-column h3{font-size:.875rem;color:var(--color-text-primary);margin-bottom:16px;font-weight:400}.footer .footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.footer .footer-column ul li a{color:var(--color-text-secondary);font-size:.75rem;transition:color .2s ease}.footer .footer-column ul li a:hover{color:var(--color-text-primary)}.footer__text{color:#666;font-size:.75rem}@media(max-width:768px){.countries{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.filters{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-sm)}.filters__item{flex-shrink:0}}@media(max-width:480px){:root{--font-size-xxl:2rem;--font-size-xl:1.25rem}.header{flex-direction:column;gap:var(--space-md)}.countries{grid-template-columns:1fr}}