.hero-section{background:radial-gradient(circle at 70% 50%,#101842,#101330,#0e0d20,#05040f,#000,#000,#000,#000);color:#fff;padding:4rem 2rem;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.content-wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1400px;width:100%;gap:4rem;padding-left:2rem}.text-content{padding-left:1rem;max-width:1200px}.text-content h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;word-break:break-word}.text-content p{font-size:1.125rem;line-height:1.6;max-width:600px}.image-wrapper{position:absolute;bottom:0;right:0;max-width:700px;width:50vw;z-index:0}.image-wrapper img{width:100%;height:auto;display:block}@media (max-width: 768px){.hero-section{flex-direction:column;padding:2rem 0 8rem;min-height:auto;text-align:center;position:relative;background:radial-gradient(circle at 80% 90%,#16215b,#151a41,#121229,#080713,#000,#000,#000,#000)}.content-wrapper{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.text-content{padding:0 1rem;max-width:100%}.text-content h1{font-size:1.7rem;line-height:1.3;margin-bottom:1rem}.text-content p{font-size:1rem;max-width:100%;margin-bottom:2rem}.image-wrapper{position:absolute;bottom:0;right:0;width:60%;max-width:none;margin:0;z-index:0}.image-wrapper img{width:100%;height:auto;display:block}}.what-are-pins-section{background:#000;color:#fff;text-align:center;padding:1rem}.what-are-pins-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.what-are-pins-section h2{font-size:3rem;font-weight:700;margin-bottom:7rem}.pins-cards{display:flex;justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:3rem;position:relative}.card-glow .card-bg{position:absolute;top:0;left:0;width:100%;height:100%}.card-glow .card-icon{position:relative;width:60%;height:auto;top:50%;transform:translateY(-50%);z-index:2;margin:0 auto}.card-glow{position:relative;width:150px;height:190px;transform:translateY(-15px)}.center-card{transform:translateY(-30px);z-index:3}.netflix-card{width:180px;height:180px}.netflix-card .card-bg{width:230px;height:270px;top:50%;left:50%;transform:translate(-50%,-50%)}.netflix-card .card-icon{width:60%}.what-are-pins-section p{max-width:900px;margin:0 auto 1rem;font-size:1.125rem;line-height:1.6}@media (max-width: 768px){.what-are-pins-section{padding:1rem 1rem 2rem;text-align:center}.what-are-pins-section h2{font-size:1.7rem;margin-bottom:3rem}.pins-cards{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.card-glow{width:130px;height:160px;transform:translateY(0)}.center-card{transform:none}.netflix-card{width:150px;height:150px}.netflix-card .card-bg{width:190px;height:220px}.what-are-pins-section p{font-size:1rem;padding:0 1rem;max-width:100%}}.benefits-pins-section{background:#000;color:#fff;text-align:center;padding:4rem 1rem}.benefits-pins-section h2{font-size:2.5rem;font-weight:700;margin-bottom:4rem}.benefits-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem;margin-bottom:3rem;position:relative}.benefit-card{max-width:250px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1rem;box-sizing:border-box;position:relative}.benefit-card h3{font-size:1rem;font-weight:700;margin-bottom:1.5rem;line-height:1.4;min-height:48px;display:flex;align-items:center;justify-content:center}.circle-icon{position:relative;width:150px;height:150px;margin:1.5rem auto}.circle-bg{width:130%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon{position:absolute;top:50%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%);animation:float 3s ease-in-out infinite}.benefit-card p{font-size:.95rem;line-height:1.5;margin-top:auto}.subtitle{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.cta-button{display:inline-block;padding:.8rem 1.5rem;background:linear-gradient(to right,#1da1f2,#00c6ff);box-shadow:0 0 10px #0ff6;transition:background .3s ease;border-radius:20px;color:#fff;text-decoration:none;font-weight:700;font-size:1rem}.cta-button:hover{background:linear-gradient(to right,#00c2ff,#00e1ff)}@keyframes float{0%,to{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-48%)}}@media (max-width: 768px){.benefits-pins-section{padding:1rem}.benefits-pins-section h2{font-size:1.7rem;margin-bottom:1rem;padding:0 1rem}.benefits-cards{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem}.benefit-card{max-width:90%;min-height:auto;padding:1rem .5rem}.benefit-card h3{font-size:1rem;min-height:auto;margin-bottom:1rem}.circle-icon{width:120px;height:120px;margin:1rem auto}.circle-bg{width:130%;height:130%}.icon{width:70px;height:70px}.benefit-card p{font-size:.95rem;line-height:1.4;padding:0 1rem}.subtitle{font-size:1rem;padding:0 1rem;margin-bottom:1.5rem}.cta-button{font-size:.95rem;padding:.7rem 1.2rem}}.how-to-use-section{background:#000;color:#fff;text-align:center;padding:4rem 1rem}.how-to-use-section h2{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.how-to-use-section p{font-size:1.1rem;max-width:700px;margin:0 auto 3rem;line-height:1.6;color:#dcdcdc}.video-wrapper{position:relative;width:100%;max-width:800px;height:450px;margin:0 auto;box-shadow:0 0 30px #00c6ff33;border-radius:12px;overflow:hidden}.video-wrapper iframe{width:100%;height:100%;border:0}@media (max-width: 768px){.how-to-use-section{padding:1rem 2rem}.how-to-use-section h2{font-size:1.7rem;margin-bottom:1rem}.how-to-use-section p{font-size:1rem;line-height:1.5;margin-bottom:2rem;padding:0 1rem}.video-wrapper{height:220px;max-width:100%;box-shadow:0 0 20px #00c6ff26;border-radius:20px}}