*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.tech-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.3}.tech-bg video{width:100%;height:100%;object-fit:cover}.tech-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.header{display:flex;justify-content:center;align-items:center;padding:20px 0}.logo img{width:260px;height:260px}@keyframes pulse{0%{box-shadow:0 0 20px #00c8ff80}50%{box-shadow:0 0 40px #00c8ffcc}to{box-shadow:0 0 20px #00c8ff80}}.main-content{text-align:center;padding:40px 20px;margin-top:20px}.title{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(to right,#00d2ff,#3a7bd5);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 15px rgba(0,0,0,.2)}.subtitle{font-size:1.5rem;margin-bottom:50px;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto;color:#e0f7fa}.input-section{background:rgba(10,25,47,.8);border-radius:20px;padding:40px;max-width:700px;margin:0 auto;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(0,200,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-container{margin-bottom:30px;position:relative}.stock-input{width:100%;padding:18px 25px;font-size:1.2rem;border-radius:50px;border:none;background:rgba(0,0,0,.3);color:#fff;border:2px solid rgba(0,200,255,.5);text-align:center;outline:none;transition:all .3s ease}.stock-input:focus{border-color:#00d2ff;box-shadow:0 0 20px #00d2ff80}.stock-input::placeholder{color:#ffffff80}.stock-examples{margin-top:15px;font-size:1rem;color:#b0e0e6}.stock-examples span{color:#00d2ff;cursor:pointer;transition:color .3s;font-weight:700}.stock-examples span:hover{color:#ff6b6b;text-decoration:underline}.analyze-btn{background:linear-gradient(45deg,#00c6ff,#0072ff);color:#fff;border:none;padding:18px 50px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0072ff66;letter-spacing:1px}.analyze-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0072ff99}.analyze-btn:active{transform:translateY(1px)}.features{display:flex;justify-content:space-around;flex-wrap:wrap;margin:80px 0;gap:30px}.feature-card{background:rgba(10,25,47,.8);border-radius:15px;padding:30px;width:300px;text-align:center;transition:transform .3s ease;border:1px solid rgba(0,200,255,.2);box-shadow:0 5px 15px #0003}.feature-card:hover{transform:translateY(-10px);border-color:#00c8ff80}.feature-icon{font-size:3rem;margin-bottom:20px;color:#00d2ff}.feature-title{font-size:1.5rem;margin-bottom:15px;color:#e0f7fa}.feature-desc{font-size:1rem;color:#b0e0e6;line-height:1.6}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.show{display:flex}.modal-content{background:linear-gradient(145deg,#1a2a4f,#0c1a33);border-radius:20px;width:90%;max-width:600px;padding:40px;position:relative;box-shadow:0 0 40px #0096ff80;border:1px solid rgba(0,200,255,.3)}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;color:#ffffffb3;cursor:pointer;transition:color .3s}.close-btn:hover{color:#ff6b6b}.analyzing,.result{text-align:center}.analyzing h3,.result h3{font-size:2rem;margin-bottom:30px;color:#00d2ff}.progress-container{display:flex;justify-content:space-between;margin:40px 0;position:relative}.progress-step{text-align:center;position:relative;z-index:2;width:25%}.progress-icon{width:50px;height:50px;background:rgba(0,200,255,.2);border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#00d2ff;border:2px solid rgba(0,200,255,.5)}.progress-text{font-size:.9rem;color:#b0e0e6}.progress-bar{position:absolute;top:25px;left:12.5%;width:75%;height:4px;background:rgba(255,255,255,.1);z-index:1}.progress-bar-fill{height:100%;width:0;background:linear-gradient(to right,#00d2ff,#3a7bd5);transition:width 1s ease}.analyzing p{font-size:1.1rem;color:#b0e0e6;margin-top:20px;font-style:italic}.result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.result-label{font-size:1.2rem;color:#b0e0e6;text-align:left}.result-value{font-size:1.3rem;font-weight:700;text-align:right}.positive{color:#4cd137}.negative{color:#ff6b6b}.line-prompt{background:rgba(0,200,255,.1);border-radius:15px;padding:25px;margin-top:30px;text-align:center;border:1px solid rgba(0,200,255,.3)}.line-prompt p{margin:10px 0;font-size:1.1rem;color:#e0f7fa}.line-prompt p:first-child{font-weight:700;color:#00d2ff}.line-btn{background:linear-gradient(45deg,#00b712,#5aff15);color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:15px;box-shadow:0 5px 15px #00b71266}.line-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00b71299}.footer{text-align:center;padding:30px 0;margin-top:50px;color:#fff9;font-size:.9rem;border-top:1px solid rgba(255,255,255,.1)}.footer a{color:#00d2ff;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 768px){.title{font-size:2.5rem}.subtitle{font-size:1.2rem}.features{flex-direction:column;align-items:center}.input-section{padding:25px}.progress-text{font-size:.8rem}}@media (max-width: 480px){.title{font-size:2rem}.logo img{width:180px;height:180px}.progress-step{width:23%}.progress-icon{width:35px;height:35px;font-size:.9rem}}