html,body{font-family:Open Sans,sans-serif;margin:0;padding:0;color:#f5f5f5;background:linear-gradient(180deg,#00000080,#000c);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;justify-content:flex-start;flex:1 0 auto}#background-lines,#canvas-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}#background-lines{background:radial-gradient(ellipse at center,rgba(0,255,128,.05),transparent),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><polyline fill="none" stroke="%2325D366" stroke-width="2" points="0,500 100,450 200,460 300,420 400,430 500,400 600,420 700,390 800,400" /></svg>') repeat-x;background-size:contain;animation:scrollLines 10s linear infinite}@keyframes scrollLines{0%{background-position-x:0}to{background-position-x:-800px}}header{text-align:center;padding:2em 1em 1em}header h1{margin-bottom:.2em}header p{margin-top:0;color:#ccc}footer{width:100%;text-align:center;padding:1em;font-size:.9em;background:#0b1725;color:#ccc;margin-top:auto}footer a{color:#25d3ff;text-decoration:none;margin:0 .5em;font-weight:700}#cookie-banner{position:fixed;bottom:10px;left:0;width:100%;background:#000000d9;color:#fff;text-align:center;padding:1em;font-size:.85em;z-index:9999}#cookie-banner button{margin-left:1em;background:#25d366;border:none;padding:.5em 1em;border-radius:6px;color:#fff;cursor:pointer}.search-box{display:flex;justify-content:center;margin:2em auto;padding:0 1em}.search-box input{flex:1;max-width:400px;padding:.75em 1em;border:none;border-radius:8px 0 0 8px;font-size:1em}.search-box button{background:#25d366;border:none;color:#fff;padding:.75em 1.5em;border-radius:0 8px 8px 0;font-size:1em;cursor:pointer}.stock-recommendation{margin:2em auto;max-width:600px;background:#1c2f38;border-radius:10px;padding:1.5em;box-shadow:0 0 10px #0004;text-align:center}.stock-recommendation h2{margin-top:0;font-size:1.4em;color:#25d366}.stock-item{margin:.5em 0}.cta-btn{margin-top:1.5em;background:#25d366;color:#fff;padding:.75em 1.5em;border:none;font-size:1em;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}.modal{z-index:1000;display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center}.modal-content{background-color:#1a2e3e;padding:2em;border-radius:10px;text-align:center;width:90%;max-width:400px;position:relative}.modal-close{position:absolute;top:10px;right:15px;font-size:1.2em;cursor:pointer;color:#ccc}.progress-bar{width:100%;background:#2a3b4d;height:10px;margin:10px 0;border-radius:5px;overflow:hidden}.progress-bar span{display:block;height:100%;width:0;background:#25d366;transition:width .2s ease}.error-message{color:#ff6b6b;text-align:center;margin-top:-10px;min-height:1.2em;font-size:.95em}.stats-note{margin-top:1em;font-size:.9em;color:#aaa}