*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{height:100%}body{min-height:100vh;background-image:url("./media/fiberloop-background-J3JIQ6GL.png");background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-color:#020617;color:#333;scroll-behavior:smooth}header{color:#fff;padding:60px 20px 100px;text-align:center}.top-nav{max-width:1100px;margin:0 auto 40px;padding:10px 24px;border:1px solid rgba(148,163,184,.5);border-radius:999px;background:#0f172a99;display:flex;align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 45px #0f172a73}.nav-brand{font-weight:700;font-size:20px}.nav-links{list-style:none;display:flex;gap:20px;justify-content:center;margin:0 auto;flex:1}.nav-brand,.nav-spacer{flex:0 0 100px}.nav-links a{color:#e5e7eb;text-decoration:none;font-size:14px;font-weight:500}.nav-links a:hover{color:#22c55e}header h1{font-size:42px;margin-bottom:15px}header p{font-size:18px;margin-bottom:25px}.btn{display:inline-block;padding:15px 30px;background:#22c55e;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:.3s}.btn:hover{background:#16a34a}.btn:focus{outline:2px solid #0ea5e9;outline-offset:2px}.section{padding:60px 20px;text-align:center}.section#beneficios{position:relative;overflow:hidden}.section#beneficios:before{content:"";position:absolute;inset:0;filter:blur(6px);transform:scale(1.05);z-index:-1}.section h2{font-size:32px;margin-bottom:30px;color:#0f172a}#beneficios h2{display:inline-block;padding:10px 26px;border-radius:999px;background:#0f172aa6;color:#e5e7eb;border:1px solid rgba(148,163,184,.7);box-shadow:0 16px 40px #0f172a8c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#planos h2{display:inline-block;padding:10px 28px;border-radius:999px;background:#0f172ab3;color:#e5e7eb;border:1px solid rgba(56,189,248,.7);box-shadow:0 18px 45px #0f172ab3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.section-plans{position:relative;overflow:hidden}.section-plans:before{content:"";position:absolute;inset:0;filter:blur(6px);transform:scale(1.05);z-index:-1}#sobre{position:relative;overflow:hidden;min-height:420px}#sobre:before{content:"";position:absolute;inset:0;z-index:-1}.about-card{max-width:720px;margin:0 auto;padding:32px 28px;border-radius:24px;background:#0f172ac7;border:1px solid rgba(148,163,184,.7);box-shadow:0 24px 70px #0f172ad9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#sobre h2{margin-bottom:18px;font-size:30px;color:#e5e7eb}#sobre p{font-size:15px;line-height:1.7;color:#cbd5f5}.benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:30px 20px;border-radius:16px}.benefit{background:#ffffffb3;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000000d;width:250px;cursor:default;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease;border:1px solid rgba(148,163,184,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.benefit:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 25px #0f172a2e;background-color:#ffffffe6;border-color:#0ea5e9}.plans{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.plan{position:relative;background:#0f172a99;padding:30px;border-radius:12px;box-shadow:0 18px 45px #0f172a99;width:280px;height:320px;border:1px solid rgba(148,163,184,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#e5e7eb;overflow:hidden}.plan:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.9;filter:blur(6px);transform:scale(1.03);z-index:-1}.plan:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(148,163,184,.9);opacity:.35;pointer-events:none}.plan-600:before{background:url("./media/400megaplan-PQXPMYT5.png") top center / contain no-repeat}.plan-800:before{background:url(/assets/800megaplan.png) top center / contain no-repeat}.plan-1000:before{background:url(/assets/1000megaplan.png) top center / contain no-repeat}.plan .price{color:#fefce8}.plan:hover{transform:scale(1.03);box-shadow:0 26px 60px #0f172ad9;border-color:#0ea5e9}.plan:hover:before{filter:none}.plan h3{display:inline-block;margin-bottom:18px;padding:8px 20px;border-radius:999px;background:#0f172ab3;color:#e5e7eb;border:1px solid rgba(56,189,248,.7);box-shadow:0 10px 30px #0f172ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.plan p{display:inline-block;margin:8px 0;padding:6px 16px;border-radius:999px;background:#0f172a8c;color:#e5e7eb;border:1px solid rgba(148,163,184,.6);box-shadow:0 8px 24px #0f172aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.plan .price{display:inline-block;font-size:28px;font-weight:700;margin:18px 0;padding:10px 26px;border-radius:999px;background:#0f172ab3;color:#fefce8;border:1px solid rgba(5,168,5,.85);box-shadow:0 16px 40px #0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.plan .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 26px;border-radius:999px;background:#10b9811f;color:#bbf7d0;border:1px solid rgba(52,211,153,.8);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 14px 40px #10b98180;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease}.plan .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top left,rgba(52,211,153,.35),transparent 55%),radial-gradient(circle at bottom right,rgba(45,212,191,.3),transparent 55%);opacity:.8;pointer-events:none}.plan .btn:hover{transform:translateY(-3px) scale(1.05);background:#10b98159;border-color:#34d399;box-shadow:0 20px 50px #10b981bf;color:#ecfdf5}.plan .btn:focus{outline:2px solid rgba(56,189,248,.9);outline-offset:3px}.cta{background:#0ea5e9;color:#fff;padding:60px 20px;text-align:center}footer{background:#0f172a;color:#e5e7eb;padding:30px 20px;text-align:center;font-size:14px;border-top:1px solid #1f2937}@media(max-width:768px){.top-nav{flex-direction:column;align-items:center;gap:10px}.nav-brand,.nav-spacer{flex:0 0 auto;width:auto}.nav-spacer{display:none}.benefits,.plans{flex-direction:column;align-items:center}header h1{font-size:30px}}