:root{--bg:#0a0a0a;--teal:#2ee8d3;--teal-dark:#0fb69a;--glass:rgba(255,255,255,.08);--fg:#e6fff5;} 
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} 
html,body{height:100%;} 
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial;color:#e6fff5;background:#000;line-height:1.5;min-height:100%;position:relative;overflow-x:hidden;} 
/* subtle paper grain texture */ 
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 0 0,rgba(255,255,255,.05) 1px,transparent 1px);background-size:6px 6px;opacity:.08;mix-blend-mode:overlay;} 

main{display:flex;align-items:center;justify-content:center;padding:6vmin 4vmin;} 

.image-frame{width:min(92vw,980px);aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid rgba(0,255,235,.35);box-shadow:0 8px 40px rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);} 
.image-frame img{width:100%;height:auto;display:block;} 

footer{padding:2rem 4vmin;text-align:center;color:#a8f3e8;} 

.product-ad{display:inline-block;padding:.6rem .9rem;border-radius:999px;background:rgba(0,0,0,.4);border:1px solid rgba(0,255,230,.6);margin-top:.75rem;} 
.product-ad h3{font-size:1rem;margin-bottom:.4rem;color:#eafff7;text-shadow:0 0 6px rgba(0,255,230,.8);} 
.product-ad a{text-decoration:none;display:inline-block;} 
.product-ad a p{margin:0;padding:.55rem 1rem;border-radius:999px;font-weight:700;color:#062b24;background:rgba(46,232,212,.92);border:1px solid rgba(46,232,212,.95);} 

a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px;} 
a:hover,button:hover{transform:translateY(-1px);} 

@media (max-width:768px){.image-frame{width:94vw;aspect-ratio:16/9;}}