.landing-container{max-height:100%}.profile-image{height:150px;width:150px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;margin:20px auto;display:block;border:2px solid #4caf50}label{display:block;margin-bottom:8px;color:#fff;font-size:1rem}input[type=file]{display:block;margin-bottom:20px;font-size:1rem;color:#fff;background-color:#333;padding:10px;border:1px solid #4caf50;border-radius:5px;width:100%}.error-message{color:#f44336;font-size:.9rem;margin-bottom:20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html,body{height:100%;width:100%;background-color:#1b263b;overflow-x:hidden}.landing-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;width:100%;color:#fff;padding:20px;background-color:#1b263b}.header{display:flex;justify-content:space-between;width:100%;max-width:1200px;padding:20px;align-items:center}.logo{height:60px;width:auto;margin-right:10px}.logo-name{color:#2ecc71;font-weight:700;font-size:60px}.nav-links{display:flex;gap:10px}.nav-button{border-radius:10px;padding:10px 20px;font-weight:700;text-align:center;cursor:pointer;font-size:20px}.signup-button{background-color:#00ffb3;color:#1b263b;border:2px solid #1B263B}.signin-button{background-color:#1b263b;color:#00ffb3;border:2px solid #00FFB3}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:1200px;padding:20px}.main-heading{font-size:36px;font-weight:700;color:#fff;margin-top:20px;margin-bottom:40px}.signup-form{background-color:#1e1e1e;padding:20px;border-radius:10px;border:1px solid #4caf50;color:#fff;width:100%;max-width:400px;margin:50px auto;box-shadow:0 0 15px #00000080}.signup-form input{width:100%;padding:10px;margin:10px 0;border-radius:5px;border:1px solid #4caf50;background-color:#333;color:#fff;font-size:1rem}.signup-form button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;margin-top:20px;width:100%;transition:background-color .3s ease}.signup-form button:hover{background-color:#45a049}.error-message{color:#f44336;font-size:.9rem;margin-top:10px;margin-bottom:20px;text-align:center}.individual-holding-container h2{margin-bottom:var(--spacing-md)}.individual-holding-container p{margin-bottom:var(--spacing-sm);font-size:1.1rem}.individual-holding-container button{margin-top:var(--spacing-lg);transition:background-color .3s ease}.user-index-page{display:flex;flex:1;flex-direction:row;background-color:var(--bg-container-dark);border:5px solid var(--color-emerald-green);margin:var(--spacing-sm);border-radius:var(--border-radius-large)}.user-index-page .top-performers-container{flex:0 1 200px;background-color:var(--bg-container-medium);padding:var(--spacing-xs);margin:var(--spacing-lg);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-default)}.user-index-page .right-containers{display:flex;flex-direction:column;flex:1;margin:var(--spacing-sm)}.user-index-page .portfolio-overview-container{flex:0 1 150px;background-color:var(--bg-container-medium);padding:var(--spacing-lg);margin:var(--spacing-sm) var(--spacing-sm) 0 var(--spacing-sm);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-default)}.user-index-page .investment-holdings-container{flex:1;background-color:var(--bg-container-medium);padding:var(--spacing-lg);margin:var(--spacing-sm);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-default)}.investment-holdings-container .holdings-table{width:100%;border-collapse:collapse}.holdings-table th,.holdings-table td{text-align:left;padding:12px;border-bottom:1px solid #444;color:#e2c7c7}.holdings-table th{background-color:var(--bg-container-light)}.holdings-table tr:hover{background-color:#3a3a3a}.user-index-page .individual-holding-container{background-color:var(--bg-container-light);padding:var(--spacing-lg);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-default);margin-top:var(--spacing-lg)}.individual-holding-container h2{color:var(--color-primary-green)}.individual-holding-container p{color:#ccc;margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.user-index-page{flex-direction:column;padding:var(--spacing-sm)}.user-index-page .top-performers-container,.user-index-page .portfolio-overview-container,.user-index-page .investment-holdings-container{padding:var(--spacing-md);margin:var(--spacing-xs)}.holdings-table th,.holdings-table td{padding:var(--spacing-sm)}}.manage-holding-container{background-color:#1e1e1e;padding:20px;border-radius:10px;color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input,.form-group textarea{width:100%;padding:8px;border-radius:5px;border:1px solid #ccc}button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.delete-button{background-color:#f44336;margin-top:10px}.create-holding-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;margin:0 auto;background-color:var(--bg-container-dark);padding:var(--spacing-lg);border-radius:var(--border-radius-medium);color:var(--color-white)}.form-group input,.form-group textarea{border:1px solid #ccc;background-color:var(--color-white);color:var(--color-primary-dark)}:root{--color-primary-dark: #1B263B;--color-primary-green: #4caf50;--color-neon-green: #00FFB3;--color-emerald-green: #2ecc71;--color-white: #ffffff;--color-error: #f44336;--color-warning: #ff9800;--bg-container-dark: #1e1e1e;--bg-container-medium: #2c2c2c;--bg-container-light: #333;--border-radius-small: 5px;--border-radius-medium: 10px;--border-radius-large: 20px;--box-shadow-default: 0 4px 8px rgba(0, 0, 0, .2);--box-shadow-form: 0 0 15px rgba(0, 0, 0, .5);--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 40px;--font-family-primary: "Arial", "Helvetica", sans-serif;--font-size-small: .9rem;--font-size-medium: 1rem;--font-size-large: 1.2rem;--font-size-xl: 1.5rem;--max-width-content: 1200px;--max-width-form: 400px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family-primary)}html,body{height:100%;width:100%;background-color:var(--color-primary-dark);overflow-x:hidden}.page-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;width:100%;color:var(--color-white);padding:clamp(1rem,3vw,2.5rem);background-color:var(--color-primary-dark)}.page-container--full-height{height:100vh;width:100vw;padding:var(--spacing-lg)}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:min(90vw,var(--max-width-content));padding:clamp(1rem,3vw,2.5rem)}.header{display:flex;justify-content:space-between;width:100%;max-width:min(90vw,var(--max-width-content));padding:clamp(.5rem,1vw,1rem);align-items:center}.header--fixed{flex:0 1 100px;padding:var(--spacing-lg);margin:var(--spacing-sm)}.logo-container{display:flex;align-items:center}.logo{height:clamp(2rem,6vw,4rem);width:auto;margin-right:clamp(.5rem,2vw,1.5rem)}.logo--small{height:60px;margin-right:var(--spacing-sm)}.logo-name{color:var(--color-emerald-green);font-weight:700;font-size:clamp(1.25rem,5vw,3.75rem)}.logo-name--small{font-size:60px}.nav-links{display:flex;gap:clamp(.5rem,2vw,1.5rem)}.btn{border-radius:var(--border-radius-medium);font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease;border:none;font-size:var(--font-size-medium)}.btn--nav{padding:clamp(.5rem,1.5vw,.8rem) clamp(1rem,3vw,2rem);font-size:clamp(.9rem,2.5vw,1.25rem);border-radius:clamp(.5rem,1.5vw,.8rem)}.btn--standard{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-small)}.btn--large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-large);width:100%;margin-top:var(--spacing-lg)}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small);margin-right:var(--spacing-xs)}.btn--primary{background-color:var(--color-primary-green);color:var(--color-white)}.btn--primary:hover{background-color:#45a049}.btn--signup{background-color:var(--color-neon-green);color:var(--color-primary-dark);border:clamp(.1rem,.3vw,.2rem) solid var(--color-primary-dark)}.btn--signin{background-color:var(--color-primary-dark);color:var(--color-neon-green);border:clamp(.1rem,.3vw,.2rem) solid var(--color-neon-green)}.btn--danger{background-color:var(--color-error);color:var(--color-white)}.btn--link{background:none;border:none;color:var(--color-primary-green);cursor:pointer;font-size:var(--font-size-medium);text-decoration:underline;padding:0;margin:0}.btn--link:hover{color:#45a049}.container{background-color:var(--bg-container-dark);padding:var(--spacing-lg);border-radius:var(--border-radius-medium);color:var(--color-white)}.container--bordered{border:1px solid var(--color-primary-green)}.container--shadow{box-shadow:var(--box-shadow-default)}.container--centered{width:100%;max-width:var(--max-width-form);margin:50px auto;box-shadow:var(--box-shadow-form)}.container--medium{background-color:var(--bg-container-medium)}.container--width-60{width:60%;margin:0 auto}.heading-main{font-size:clamp(1.25rem,4vw,3rem);font-weight:700;color:var(--color-white);margin-top:clamp(1rem,3vw,2rem);margin-bottom:clamp(2rem,5vw,3rem);max-width:100%}.heading-main--standard{font-size:36px;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.heading-sub{font-size:clamp(.9rem,2.5vw,1.8rem);font-weight:700;color:var(--color-white);margin-top:clamp(1rem,3vw,2rem);width:100%;max-width:min(80vw,900px);text-align:center;line-height:1.4}.heading-section{margin-bottom:var(--spacing-md);color:var(--color-primary-green)}.text-error{color:var(--color-error);font-size:var(--font-size-small);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-align:center}.form-group{width:100%;margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-white)}.form-input{width:100%;max-width:100%;padding:var(--spacing-sm);border-radius:var(--border-radius-small);border:1px solid var(--color-primary-green);background-color:var(--bg-container-light);color:var(--color-white);font-size:var(--font-size-medium);margin:var(--spacing-sm) 0}.form-input:focus{outline:none;border-color:var(--color-neon-green)}.table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.table th,.table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid #ccc;color:var(--color-white)}.table th{background-color:var(--bg-container-light)}.table tr:hover{background-color:#444}.image-container{width:100%;max-width:min(70vw,800px);height:auto;display:flex;justify-content:center;align-items:center}.image-container img{width:100%;max-width:100%;height:auto;object-fit:contain}.profile-image{height:70px;width:auto;padding:0}@media (max-width: 600px){.header{flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.5rem)}.nav-links{width:100%;justify-content:center;margin-top:clamp(.5rem,2vw,1rem)}.container--width-60{width:90%}}@media (max-width: 768px){.page-container--full-height{padding:var(--spacing-sm)}.container{padding:var(--spacing-md);margin:var(--spacing-xs)}.table th,.table td{padding:var(--spacing-sm)}}