*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#000;color:#fff;font-family:Lora,Charter,Bitstream Charter,Georgia,serif;min-height:100vh}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20px 40px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 85px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 150px 30px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 210px 280px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 290px 110px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 370px 340px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 440px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 520px 220px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 590px 400px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 660px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 730px 310px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 800px 180px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 870px 450px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 940px 90px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 1010px 370px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 1080px 140px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 1150px 480px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 1220px 60px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1290px 260px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 1360px 420px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 1430px 150px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 50px 520px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 130px 600px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 220px 550px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 310px 680px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 400px 500px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 490px 630px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 580px 570px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 670px 700px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 760px 530px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 850px 660px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 940px 580px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 1030px 710px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 1120px 540px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1210px 650px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 1300px 590px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 1390px 720px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 1460px 510px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 60px 750px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 180px 780px,rgba(255,255,255,.8),transparent);animation:twinkle 4s ease-in-out infinite alternate}.stars--medium{background-image:radial-gradient(1.5px 1.5px at 40px 200px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 120px 80px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 200px 360px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 280px 150px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 360px 430px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 440px 240px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 530px 100px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 620px 380px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 710px 200px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 800px 460px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 890px 130px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 980px 310px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 1070px 490px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 1160px 170px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 1250px 400px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 1340px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 1420px 340px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 70px 540px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 170px 640px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 270px 580px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 380px 710px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 490px 560px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 600px 680px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 720px 620px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 840px 740px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 960px 660px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 1080px 580px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 1200px 720px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 1320px 640px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 1440px 560px,rgba(255,255,255,.5),transparent);animation:twinkle 5s ease-in-out 1s infinite alternate}.stars--large{background-image:radial-gradient(2px 2px at 60px 120px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 190px 300px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 330px 60px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 470px 350px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 610px 190px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 750px 420px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 890px 260px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 1030px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 1170px 310px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 1310px 180px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 1450px 400px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 100px 500px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 260px 620px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 420px 550px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 580px 700px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 740px 580px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 900px 660px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 1060px 540px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 1220px 720px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 1380px 600px,rgba(255,255,255,.6),transparent);animation:twinkle 6s ease-in-out 2s infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.new-friends-page{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:40px 24px 80px}.page-header{text-align:center;margin-bottom:60px}.back-link{display:inline-block;color:#ffffff80;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;margin-bottom:24px;transition:color .2s ease}.back-link:hover{color:#ffffffe6}.page-title{font-size:clamp(40px,8vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.page-subtitle{font-size:clamp(16px,2.5vw,20px);font-weight:400;color:#fff9;line-height:1.5}.friends-list{display:flex;flex-direction:column;gap:64px}.friend-card{text-align:center}.friend-name{font-size:clamp(28px,5vw,48px);font-weight:600;letter-spacing:-.01em;margin-bottom:20px;line-height:1.2}.friend-number{color:#fff6;font-weight:400}.friend-image{width:100%;max-width:800px;height:auto;display:block;margin:0 auto;border:4px solid #fff;border-radius:12px}.page-footer{text-align:center;margin-top:80px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.new-friends-page{padding:24px 16px 60px}.page-header{margin-bottom:40px}.friends-list{gap:48px}.friend-name{margin-bottom:14px}.friend-image{border-radius:8px}}@media (max-width: 480px){.friends-list{gap:36px}.friend-name{margin-bottom:10px}}