.theme-toggle{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:6px;position:relative;width:48px;height:48px;transition:all .3s ease;box-shadow:inset 0 1px 3px #0003}.theme-toggle:hover{border-color:var(--primary-accent);box-shadow:0 0 5px var(--glow-color-primary)}.theme-toggle .icon{transition:transform .3s ease-in-out}.main-header{background-color:var(--container-bg);border-bottom:1px solid var(--input-border);padding:0 5%;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;height:70px;max-width:1400px;margin:0 auto}.header-left .header-logo-link{display:flex;align-items:center;text-decoration:none;color:var(--text-color);font-weight:700;font-size:1.5rem}.header-logo{height:40px;margin-right:10px;filter:drop-shadow(0 0 4px var(--glow-color-primary))}.header-nav{display:flex;gap:30px}.nav-link{text-decoration:none;color:var(--text-color);font-size:1.1rem;font-weight:500;padding:10px 0;position:relative;transition:color .2s ease-in-out}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--primary-accent);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--primary-accent)}.header-right{display:flex;align-items:center}.auth-button{text-decoration:none;background-color:var(--primary-accent);color:var(--bg-color)!important;padding:8px 16px;border-radius:6px;font-weight:700;border:none;cursor:pointer;margin-right:20px;transition:all .2s ease;font-size:.95rem}.auth-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--glow-color-primary)}.auth-button.active:after{display:none}.landing-container{background-color:var(--bg-color);color:var(--text-color);width:100%;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background-color:var(--container-bg);border-bottom:1px solid var(--input-border)}.nav-logo{height:40px;filter:drop-shadow(0 0 4px var(--glow-color-primary))}.nav-button{background-color:var(--primary-accent);color:var(--bg-color);padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;transition:all .2s ease}.nav-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--glow-color-primary)}.hero-section{text-align:center;padding:100px 20px;background:radial-gradient(circle,var(--container-bg) 0%,var(--bg-color) 70%)}.hero-headline{font-size:clamp(2.5rem,6vw,4rem);color:var(--primary-accent);text-shadow:0 0 10px var(--glow-color-primary);margin-bottom:1rem}.hero-subheadline{font-size:clamp(1.1rem,3vw,1.5rem);max-width:700px;margin:0 auto 2.5rem;color:var(--text-color);opacity:.9}.cta-button-primary{background-color:var(--primary-accent);color:var(--bg-color);padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:700;transition:all .2s ease;margin:0 10px;font-size:1.1rem}.cta-button-primary:hover{background-color:#00ffdb;transform:translateY(-2px);box-shadow:0 5px 15px var(--glow-color-primary)}.cta-button-primary.large{font-size:1.3rem;padding:20px 40px}.cta-button-secondary{background-color:transparent;color:var(--primary-accent);border:2px solid var(--primary-accent);padding:13px 28px;border-radius:8px;text-decoration:none;font-weight:700;transition:all .2s ease;font-size:1.1rem}.cta-button-secondary:hover{background-color:var(--primary-accent);color:var(--bg-color)}.why-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:80px auto;padding:0 20px}.feature-card{background-color:var(--container-bg);padding:30px;border-radius:12px;text-align:center;border-top:4px solid var(--secondary-accent)}.feature-card svg{color:var(--primary-accent);margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem;font-size:1.5rem}.how-it-works-section{background-color:var(--container-bg);padding:80px 20px;text-align:center}.how-it-works-section h2,.final-cta-section h2{font-size:clamp(2rem,5vw,3rem);color:var(--primary-accent);margin-bottom:1.5rem}.privacy-content{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:900px;margin:0 auto}.privacy-diagram{max-width:100%;width:500px;border-radius:8px;border:1px solid var(--input-border)}.privacy-content p{font-size:1.2rem;line-height:1.7;text-align:left}.final-cta-section{padding:100px 20px;text-align:center}.final-cta-section p{margin-bottom:2.5rem;font-size:1.2rem}.landing-footer{text-align:center;padding:20px;background-color:var(--container-bg);border-top:1px solid var(--input-border);font-size:.9rem;opacity:.7}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color)}.auth-card{width:90%;max-width:400px;padding:40px;background-color:var(--container-bg);border-radius:12px;box-shadow:0 0 25px #0000004d,0 0 15px var(--glow-color-primary);color:var(--text-color)}.auth-card h2{text-align:center;color:var(--primary-accent);margin-bottom:25px}.auth-card .form-group{margin-bottom:20px}.auth-card label{display:block;margin-bottom:8px;font-weight:500}.auth-card input{width:100%;padding:12px 10px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:6px;font-size:1rem}.auth-card input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 8px var(--glow-color-primary)}.error-text{color:var(--danger-color);text-align:center;margin-bottom:15px}.form-actions{display:flex;flex-direction:column;gap:15px;margin-top:25px}.form-actions button{padding:12px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.form-actions button[type=submit]{background-color:var(--primary-accent);color:var(--bg-color)}.form-actions button[type=submit]:hover{background-color:#00ffdb}.form-actions button.toggle-button{background-color:transparent;color:var(--primary-accent);border:1px solid var(--primary-accent)}.add-stock-form .form-group label{display:block;margin-bottom:5px}.add-stock-form .form-group input{padding:8px 12px}.add-stock-form .form-group #stockName{text-align:left}.add-stock-form .form-group #stockQuantity,.add-stock-form .form-group #avgPrice{text-align:right;padding-right:12px}.about-container{max-width:800px;margin:0 auto;background-color:var(--container-bg);padding:30px;border-radius:12px;box-shadow:0 0 25px #0000004d,0 0 15px var(--glow-color-primary)}.about-container header{text-align:center;margin-bottom:40px}.about-content h1,.about-content h2{color:var(--primary-accent);text-shadow:0 0 5px var(--glow-color-primary);border-bottom:1px solid var(--input-border);padding-bottom:10px;margin-top:1.5em}.about-content p,.about-content li{font-size:1.1em;line-height:1.7}.features-list,.tech-stack-list{list-style-type:none;padding-left:0}.features-list li,.tech-stack-list li{background-color:#0000001a;padding:15px;border-left:4px solid var(--secondary-accent);margin-bottom:15px;border-radius:0 8px 8px 0}.features-list li strong{color:var(--text-color)}.back-to-app{text-align:center;margin-top:40px}.button-link{display:inline-block;padding:12px 24px;background-color:var(--primary-accent);color:var(--bg-color);font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:1em;transition:background-color .2s ease-in-out,transform .1s ease,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}.button-link:hover{background-color:#00ffdb;box-shadow:0 0 10px var(--glow-color-primary);transform:translateY(-1px);color:var(--bg-color)}.theme-toggle-container{position:absolute;top:15px}:root{--bg-color: #22272B;--container-bg: #2d343a;--text-color: #e0f7fa;--primary-accent: #00e0c6;--secondary-accent: #00a0b0;--input-bg: #3a4148;--input-border: #5c6770;--glow-color-primary: rgba(0, 224, 198, .7);--glow-color-secondary: rgba(0, 160, 176, .5);--danger-color: #e57373;--danger-hover-color: #ef5350;--success-color: #69f0ae}.dark-theme{--bg-color: #22272B;--container-bg: #2d343a;--text-color: #e0f7fa;--primary-accent: #00e0c6;--secondary-accent: #00a0b0;--input-bg: #3a4148;--input-border: #5c6770;--glow-color-primary: rgba(0, 224, 198, .7);--glow-color-secondary: rgba(0, 160, 176, .5)}.light-theme{--bg-color: #f4f6f8;--container-bg: #ffffff;--text-color: #2c3e50;--primary-accent: #007a7c;--secondary-accent: #005f6b;--input-bg: #e9ecef;--input-border: #ced4da;--glow-color-primary: rgba(0, 122, 124, .25);--glow-color-secondary: rgba(0, 95, 107, .2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;margin:0;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%;transition:background-color .3s ease,color .3s ease}.container{max-width:1100px;margin:0 auto;background-color:var(--container-bg);padding:15px;border-radius:12px;box-shadow:0 0 25px #0000004d,0 0 15px var(--glow-color-primary)}@media (min-width: 769px){.container{padding:30px}}header{text-align:center;margin-bottom:30px}@media (min-width: 769px){header{margin-bottom:40px}}#site-logo{max-width:200px;height:auto;filter:drop-shadow(0 0 8px var(--glow-color-primary))}@media (min-width: 769px){#site-logo{max-width:300px}}.top-sections{display:flex;flex-direction:column;margin-bottom:20px;gap:20px}@media (min-width: 769px){.top-sections{flex-direction:row;gap:30px;margin-bottom:40px}}.news-section,.sentiment-section{flex:1;padding:15px;background-color:#0000001a;border:1px solid var(--input-border);border-radius:8px;box-shadow:inset 0 0 10px #0003;display:flex;flex-direction:column;min-height:200px}@media (min-width: 769px){.news-section,.sentiment-section{padding:20px}}.news-section h2,.sentiment-section h2{font-size:1.2em;margin-top:0;margin-bottom:10px;color:var(--primary-accent);text-shadow:0 0 5px var(--glow-color-primary);flex-shrink:0}@media (min-width: 769px){.news-section h2,.sentiment-section h2{font-size:1.4em;margin-bottom:15px}}.scrollable-content{flex-grow:1;max-height:250px;overflow-y:auto;padding-right:5px}@media (min-width: 769px){.scrollable-content{max-height:300px}}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:var(--input-bg);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:var(--secondary-accent);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.news-item{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--input-border);font-size:.9em}.news-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.news-item a{color:var(--text-color);text-decoration:none;font-weight:500}.news-item a:hover{color:var(--primary-accent);text-decoration:underline}.news-item .news-source{font-size:.85em;color:var(--secondary-accent);display:block;margin-top:3px}.sentiment-section p{font-size:.9em;margin-bottom:6px}@media (min-width: 769px){.sentiment-section p{font-size:1em;margin-bottom:8px}}.portfolio-section{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-bottom:20px;min-width:700px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--input-border);white-space:nowrap;font-size:.85em}@media (min-width: 769px){th,td{padding:12px 15px;font-size:.95em}}th{background-color:#0003;font-weight:600;color:var(--secondary-accent);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6){text-align:right}.add-stock-form h3{font-size:1.3em;margin-top:0;margin-bottom:15px;color:var(--primary-accent);text-shadow:0 0 5px var(--glow-color-primary)}@media (min-width: 769px){.add-stock-form h3{font-size:1.6em;margin-bottom:25px}}.form-grid{display:grid;grid-template-columns:1fr;gap:15px;align-items:end}@media (min-width: 600px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}}@media (min-width: 880px){.form-grid{grid-template-columns:repeat(3,1fr) auto;gap:20px}.form-grid button{grid-column:auto;align-self:end;margin-top:0}}.form-group label{margin-bottom:6px;font-size:.85em}@media (min-width: 769px){.form-group label{margin-bottom:8px;font-size:.9em}}.form-group input[type=text],.form-group input[type=number]{padding:12px 10px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:6px;font-size:.95em;transition:border-color .3s,box-shadow .3s}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 8px var(--glow-color-primary)}.form-group input[type=number]{text-align:right}button{padding:12px 18px;background-color:var(--primary-accent);color:var(--bg-color);font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:.95em;transition:background-color .2s ease-in-out,transform .1s ease,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px;width:100%}@media (min-width: 600px){.form-grid button{width:auto}}.form-grid button{margin-top:10px}button:hover{background-color:#00ffdb;box-shadow:0 0 10px var(--glow-color-primary);transform:translateY(-1px)}button:active{transform:translateY(0)}.delete-btn{background-color:var(--danger-color);color:#fff;padding:6px 10px;font-size:.8em;width:auto}.delete-btn:hover{background-color:var(--danger-hover-color);box-shadow:0 0 8px #e57373b3}