@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.navbar-links{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;top:15%;left:2rem}.navbar-links img,.navbar-links .home{align-items:center;width:1.5rem;height:1.5rem}.navbar-links .holding{align-items:center;width:2.164rem;height:1.55rem}.navbar-links .transaction{align-items:center;width:1.5rem;height:1.7rem}.navbar-links .profile{width:1.5rem;height:1.5rem}.nav-link{border-radius:.7rem;justify-content:center;align-items:center;padding:.5rem;display:inline-flex;position:relative}.nav-link:hover,.nav-link.active{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:#ffffff1a}.nav-link:hover img{filter:brightness(3)}.page-headers{margin-top:2rem;margin-left:10rem}.loading,.error{text-transform:uppercase;margin-top:2rem;margin-left:10rem;font-size:1.1rem}.transaction-list{flex-direction:column;display:flex}.transaction-button-add{color:#f3f6fc;background:linear-gradient(145deg,#070b14,#05070d);border:.05rem solid #0f1725;border-radius:.5rem;width:15rem;height:5rem;font-size:1.5rem;font-weight:700;box-shadow:0 0 0 .05rem #070b12,0 .5rem 2.5rem #000c}.transaction-button-add:hover{background:linear-gradient(145deg,#0a1020,#080b16)}.filter-add-section{flex-direction:column;align-items:flex-start;gap:1rem;width:15rem;display:flex;position:fixed;top:9rem;right:7.5rem;transform:translate(2rem)}.transaction-button-filter{background-color:#f3f6fc;border:.2rem solid #000;border-radius:.5rem;width:3rem;height:3rem}.filter-form{flex-direction:column;gap:1rem;display:flex}.filter-form-date-start{margin-right:1rem}.filter-form-date-end{margin-right:1.25rem}.filter-form div input{width:11.8rem}.filter-form-symbol{width:15rem}.filter-rectangle{opacity:.7;background-color:#f3f6fc;border-radius:2rem;width:15rem;height:.05rem}.transaction-item{cursor:pointer;background:#1f1f1f;border-radius:1.5rem;justify-content:space-between;align-items:center;width:67%;padding:1rem 1.5rem;transition:background .2s;display:flex}.transaction-item:hover{background:#2a2a2a}.transaction-left{flex-direction:column;gap:.5rem;display:flex}.asset-action{gap:.6rem;display:flex}.transaction-right{align-items:center;gap:1.2rem;display:flex}.symbol{font-size:1.2rem;font-weight:700}.price-paid{font-weight:600}.transaction-expanded{background:#2b2b2b;border-radius:1rem;flex-direction:column;gap:.6rem;width:67%;margin-top:1rem;margin-bottom:1rem;padding:1rem;display:flex}.transaction-row{justify-content:space-between;align-items:center;padding:.3rem .5rem;display:flex}.transaction-row strong{color:#ccc;font-weight:900}.value-stack{flex-direction:column;display:flex}.divider{background:#3a3a3a;width:100%;height:1px;margin:.5rem 0}.transaction-item-wrapper{margin-top:1rem;margin-left:10rem}.filter-container{width:100%}.filter-form{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:linear-gradient(145deg,#070b14,#05070d);border:.1rem solid #0f1725;border-radius:1.25rem;flex-wrap:wrap;align-items:end;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 0 0 .05rem #070b12,0 .5rem 2.5rem #000c}.filter-group{flex-direction:column;gap:.55rem;min-width:12rem;display:flex}.filter-label{letter-spacing:.08em;text-transform:uppercase;color:#c7d2e6;font-size:.8rem;font-weight:600}.filter-input,.filter-select{color:#f5f7ff;background:linear-gradient(#0b1220,#070b14);border:.05rem solid #0f1725;border-radius:1rem;outline:none;height:3rem;padding:0 1rem;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.filter-input::placeholder{color:#5a6785}.filter-input:hover,.filter-select:hover{background:linear-gradient(#0d1526,#080c15);border-color:#1b2a44}.filter-input:focus,.filter-select:focus{border-color:#2f4a7a;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #2f4a7a33,0 0 1.125rem #2f4a7a44}.filter-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#f5f7ff 50%),linear-gradient(135deg,#f5f7ff 50%,#0000 50%);background-position:calc(100% - 1.25rem),calc(100% - .875rem);background-repeat:no-repeat;background-size:.4rem .4rem}.filter-select option{color:#f5f7ff;background:#05070d}.filter-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative}.filter-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v2h18V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7zm14 8H3v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V10z'/%3E%3C/svg%3E") 50%/1.2rem no-repeat}.filter-date-input::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.08)}.filter-date-input::-webkit-datetime-edit-fields-wrapper{padding:0}.filter-date-input::-webkit-datetime-edit-text{color:#6b7a99;padding:0 .2rem}.filter-date-input::-webkit-datetime-edit-month-field:focus{background:#2f4a7a22;border-radius:.25rem}.filter-date-input::-webkit-datetime-edit-day-field:focus{background:#2f4a7a22;border-radius:.25rem}.filter-date-input::-webkit-datetime-edit-year-field:focus{background:#2f4a7a22;border-radius:.25rem}.transaction-item{opacity:0;animation:2s forwards fadeIn;transform:translateY(-.75rem)}.add-transaction-wrapper{background-color:#2f4a7a;border-radius:3rem;justify-content:center;align-items:center;width:50%;height:70%;position:fixed;right:50vw}.transaction-create-form{flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}.transaction-create-overlay{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transaction-create-box{opacity:0;background:#050e1c;border:.1rem solid #0f1725;border-radius:2rem;flex-direction:column;width:65%;min-height:50rem;padding:2rem;animation:.5s forwards fadeIn;display:flex;position:relative;transform:translateY(-1rem);box-shadow:0 1rem 3rem #00000080}.transaction-create-close-button{cursor:pointer;background:0 0;border:none;width:2.5rem;height:2.5rem;position:absolute;top:1.5rem;right:1.5rem}.transaction-create-close-button img{width:80%;height:80%}.transaction-symbol-wrapper{flex-direction:column;gap:1.5rem;display:flex}.search-buttons{flex-direction:row;gap:1.4rem;display:flex}.symbol-search-form{flex-direction:row;align-items:center;gap:1rem;display:flex}.symbol-search-input{color:#f5f7ff;background:linear-gradient(#111a2d,#0d1322);border:.05rem solid #0f1725;border-radius:1rem;outline:none;height:3.5rem;padding:0 1rem;font-size:1.2rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.symbol-search-input::placeholder{color:#5a6785}.symbol-search-input:hover{background:linear-gradient(#0f1f45,#0d1526);border-color:#1b2a44}.symbol-search-input:focus{border-color:#2f4a7a;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #2f4a7a33,0 0 1.125rem #2f4a7a44}.search-button{color:#f5f7ff;background:linear-gradient(#0f1f45,#0d1526);border:.05rem solid #0f1725;border-radius:.5rem;justify-content:center;align-items:center;width:6.5rem;height:2.3rem;font-size:1rem;font-weight:500;transition:width .25s,height .25s;display:flex}.search-button.active{background:linear-gradient(#17305f,#162238);border:.1rem solid #f5f7ff;box-shadow:0 0 .4rem #ffffffb3,0 0 1rem #ffffff73,0 0 2rem #b4dcff40}.search-button:hover{width:7rem;height:2.5rem;font-size:1.15rem;transition:width .25s,height .25s;box-shadow:0 0 .6rem #ffffffb3,0 0 .8rem #ffffff80,0 0 1.2rem #b4dcff33}.search-button.red{background:linear-gradient(#7a1f1f,#b22222)}.loading-search{color:#f5f7ff;font-size:1.1rem}.transaction-symbol-list{grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%;display:grid}.transaction-symbol-item-wrapper{background:#ffffff0d;border-radius:1rem;grid-template:"symbol price""type change"/1fr auto;gap:.3rem;min-height:4rem;padding:1rem;display:grid}.select-btn{color:#f5f7ff;background:linear-gradient(#0f1f45,#0d1526);border:.05rem solid #0f1725;border-radius:.5rem;grid-column:1/-1;justify-content:center;justify-self:center;align-items:center;width:5rem;height:1.75rem;margin-top:.3rem;font-size:.75rem;font-weight:400;transition:width .25s,height .25s;display:flex;transform:translate(-.5rem)}.select-btn:hover{width:5.1rem;height:1.81rem;font-size:.9rem;transition:width .25s,height .25s;box-shadow:0 0 .3rem #ffffffb3,0 0 .4rem #ffffff80,0 0 1rem #b4dcff33}.symbol{flex-direction:row;grid-area:symbol;align-items:center;display:flex}.symbol-text{text-transform:uppercase;transform:translate(.35rem)}.symbol-image img{width:1.4rem;height:1.4rem}.type{grid-area:type;margin-left:.2rem}.price{grid-area:price}.change-wrapper{grid-area:change}.change-pct.negative,.change-number.negative{color:#ef4444}.change-pct.positive,.change-number.positive{color:#22c55e}.change-number{margin-right:.3rem}.transaction-create-wrapper h2{margin-top:3rem;margin-bottom:.75rem}.create-transaction-form{flex-direction:column;align-items:start;gap:2rem;display:flex}.create-transaction-input{color:#f5f7ff;background:linear-gradient(#111a2d,#0d1322);border:.05rem solid #0f1725;border-radius:1rem;height:3.2rem;padding:0 1rem;font-size:1.1rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.create-transaction-input::placeholder{color:#5a6785}.create-transaction-input:hover{background:linear-gradient(#0f1f45,#0d1526);border-color:#1b2a44}.create-transaction-input:focus{border-color:#2f4a7a;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #2f4a7a33,0 0 1.125rem #2f4a7a44}.create-transaction-input[name=quantity]{text-align:center;width:8rem;padding:0}.create-transaction-input[name=price_of_one]{text-align:start;width:12rem}.create-select{color:#f5f7ff;background:linear-gradient(#0b1220,#070b14);border:.05rem solid #0f1725;border-radius:1rem;width:5.5rem;height:3rem;padding:0 1rem;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.create-select:hover{background:linear-gradient(#0d1526,#080c15);border-color:#1b2a44}.create-select:focus{border-color:#2f4a7a;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #2f4a7a33,0 0 1.125rem #2f4a7a44}.create-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#f5f7ff 50%),linear-gradient(135deg,#f5f7ff 50%,#0000 50%);background-position:calc(100% - 1.2485rem),calc(100% - .93rem);background-repeat:no-repeat;background-size:.37rem .37rem}.create-select option{color:#f5f7ff;background:#05070d}.quantity-price-buy{flex-direction:row;gap:2rem;display:flex}.create-transaction-buttons{flex-direction:row;gap:3rem;display:flex}.create-transaction-button{color:#f5f7ff;border:.05rem solid #0f1725;border-radius:.5rem;justify-content:center;align-items:center;width:6.5rem;height:2.3rem;font-size:1rem;font-weight:500;transition:width .25s,height .25s;display:flex}.create-transaction-button:hover{width:6.8rem;height:2.5rem;font-size:1.1rem;transition:width .25s,height .25s}.create-transaction-button.red{background:linear-gradient(#7a1f1f,#b22222)}.create-transaction-button.red:hover{box-shadow:0 .3rem 1rem #0003,0 0 .8rem #dc262640}.create-transaction-button.green{background:linear-gradient(#16a34a,#15803d)}.create-transaction-button.green:hover{box-shadow:0 .3rem 1rem #0003,0 0 .8rem #22c55e40}.dashboard-page{flex-direction:column;gap:1.75rem;max-width:80%;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex}#dashboard-header{align-self:center;margin-top:1rem;margin-left:0}.loading-dashboard{color:#9aa0a6;font-size:1.2rem}.error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:.625rem;padding:.6rem 1rem;font-size:.875rem}.dashboard-stats{gap:1rem;display:flex}.stat-card{background:linear-gradient(145deg,#1e2433,#161b28);border:1px solid #ffffff12;border-radius:1rem;flex-direction:column;flex:1;gap:.35rem;padding:1.1rem 1.4rem;transition:border-color .2s;display:flex}.stat-card:hover{border-color:#3b82f64d}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.7rem;font-weight:600}.stat-value{color:#f5f7ff;font-size:1.55rem;font-weight:700}.stat-value.negative{color:#ef4444}.stat-value.positive{color:#22c55e}.range-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.loading-chart{color:#6b7280;justify-content:center;align-items:center;height:100%;font-size:.85rem;display:flex}.recharts-cartesian-axis-tick-value{fill:#6b7280;font-size:.7rem}.recharts-cartesian-axis-line,.recharts-cartesian-grid line{stroke:#ffffff0f}.dashboard-controls{align-items:center;gap:.5rem;display:flex}.chart-range-btn{color:#9aa0a6;cursor:pointer;letter-spacing:.01em;background:linear-gradient(#1e2433,#161b28);border:1px solid #ffffff12;border-radius:.625rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .2s}.chart-range-btn:hover{color:#93c5fd;background:linear-gradient(#1d3461,#162344);border-color:#3b82f64d;box-shadow:0 0 .6rem #3b82f626}.chart-range-btn.active{color:#93c5fd;background:linear-gradient(#1d3461,#162344);border-color:#3b82f659}.dashboard-nav-btn{color:#93c5fd;cursor:pointer;letter-spacing:.01em;background:linear-gradient(#1d3461,#162344);border:1px solid #3b82f659;border-radius:.625rem;margin-left:auto;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:box-shadow .2s,transform .15s}.dashboard-nav-btn:hover{transform:translateY(-1px);box-shadow:0 0 1rem #3b82f64d}.chart-wrapper-dashboard{flex-direction:column;height:50rem;display:flex}.loading-holdings,.error-holdings{text-transform:uppercase;align-self:center;padding-top:2rem;padding-bottom:2rem;padding-left:2rem;font-size:1.1rem}.loading-chart{text-transform:uppercase;margin-top:6rem;margin-left:2rem;font-size:1.1rem}.holdings{background:linear-gradient(145deg,#2b2b2b,#1f1f1f);border:.1rem solid #3d3d3d;border-radius:1.5rem;flex-direction:column;width:85%;height:auto;margin-top:2rem;margin-left:9.5rem;display:flex}.table-header{border-bottom:.1rem solid #4a4a4a;grid-template-columns:1.5fr 1fr 1fr 1fr .75fr;padding:1.2rem 0 .5rem 1.5rem;font-size:1.2rem;display:grid}.holdings-header{margin-top:2rem;margin-bottom:1rem;margin-left:10rem}.holdings-list-items{flex-direction:column;display:flex}.holdings-list-items>*{opacity:0;animation:2s forwards fadeIn}.holding-item-wrapper{cursor:pointer;padding:1.25rem 1.5rem 2.2rem;transition:background .2s}.holding-item-wrapper:hover{background:linear-gradient(145deg,#363636,#2a2a2a)}.holding-item-wrapper:last-child:hover{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.holding-item{grid-template-columns:1.5fr 1fr 1fr 1fr .7fr auto;align-items:center;margin-bottom:1rem;padding-left:.5rem;font-size:1.08rem;display:grid}.position-column{flex-direction:column;gap:.25rem;display:flex}.quantity-item{transform:translate(1rem)}.chart-wrapper{background:linear-gradient(145deg,#2b2b2b,#1f1f1f);border:1px solid #3d3d3d;border-radius:1.5rem;flex-direction:column;gap:.75rem;width:100%;height:25rem;padding:1rem 1.25rem;display:flex}.chart-header{justify-content:flex-end;display:flex}.range-buttons{background:#1a1a1a;border:1px solid #3d3d3d;border-radius:.75rem;gap:.5rem;padding:.35rem;display:flex}.range-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.35rem .6rem;font-size:.85rem;transition:background .15s,color .15s}.range-btn:hover{color:#f5f7ff;background:#2a2a2a}.range-btn.active{color:#f5f7ff;background:#363636}.chart-body{flex:1;width:100%}.login-page-wrapper{flex-direction:row;width:100%;margin-top:1.5rem;display:flex}.login-page-left-side{flex-direction:column;align-items:center;gap:5rem;width:50%;display:flex}.login-page-information{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-page-information h3{font-size:2rem}.login-page-information h2{font-size:3rem}.login-page-information p{text-align:center;width:70%;font-size:1.2rem}.login-page-information img{width:30rem;height:30rem}.login-page-brand div{font-size:2rem}.login-page-brand{align-self:start;margin-left:3rem}.login-form-side{justify-content:center;align-items:center;width:50%;margin-bottom:1rem;margin-right:5rem;display:flex}.login-form-card{background:linear-gradient(145deg,#1e2433,#161b28);border:1px solid #ffffff12;border-radius:1.25rem;flex-direction:column;gap:1.75rem;width:100%;max-width:24rem;padding:2rem;display:flex;box-shadow:0 1.5rem 3rem #00000059}.login-form-header{flex-direction:column;gap:.5rem;display:flex}.login-form-header h2{color:#f5f7ff;font-size:1.6rem;font-weight:700}.login-form-header p{color:#9aa0a6;font-size:.85rem;line-height:1.5}.login-form{flex-direction:column;gap:1.1rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-field label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.7rem;font-weight:600}.login-field input{color:#f5f7ff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:.625rem;padding:.7rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#6b7280}.login-field input:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f626}.login-submit-btn{text-align:center;width:100%;margin-top:.5rem}.login-form-footer{color:#9aa0a6;border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:.4rem;padding-top:1rem;font-size:.85rem;display:flex}.signup-form-side{justify-content:center;align-items:center;width:50%;display:flex}.signup-form-card{background:linear-gradient(145deg,#1e2433,#161b28);border:1px solid #ffffff12;border-radius:1.25rem;flex-direction:column;gap:1.75rem;width:100%;max-width:24rem;padding:2rem;display:flex;box-shadow:0 1.5rem 3rem #00000059}.signup-form-header{flex-direction:column;gap:.5rem;display:flex}.signup-form-header h2{color:#f5f7ff;font-size:1.6rem;font-weight:700}.signup-form-header p{color:#9aa0a6;font-size:.85rem;line-height:1.5}.signup-form{flex-direction:column;gap:1.1rem;display:flex}.signup-field{flex-direction:column;gap:.4rem;display:flex}.signup-field label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.7rem;font-weight:600}.signup-field input{color:#f5f7ff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:.625rem;padding:.7rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.signup-field input::placeholder{color:#6b7280}.signup-field input:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f626}.signup-submit-btn{text-align:center;width:100%;margin-top:.5rem}.signup-form-footer{color:#9aa0a6;border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:.4rem;padding-top:1rem;font-size:.85rem;display:flex}.signup-page-wrapper{flex-direction:row;width:100%;min-height:100vh;display:flex}.signup-page-right-side{background:linear-gradient(160deg,#131722,#0d1017);border-left:1px solid #ffffff0f;flex-direction:column;justify-content:center;gap:3rem;width:50%;padding:3rem 4rem;display:flex}.signup-page-brand{align-self:start}.signup-page-information{flex-direction:column;gap:2rem;display:flex}.signup-page-information h2{color:#f5f7ff;max-width:26rem;font-size:2.2rem;font-weight:800;line-height:1.25}.signup-benefits{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.signup-benefits li{align-items:flex-start;gap:1rem;display:flex}.signup-benefits .feature-icon{margin-top:.15rem}.signup-benefits h3{color:#f5f7ff;margin-bottom:.3rem;font-size:1rem;font-weight:700}.signup-benefits p{color:#9aa0a6;max-width:22rem;font-size:.85rem;line-height:1.55}.home-page{flex-direction:column;gap:3rem;max-width:80%;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex}.home-topbar{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.home-brand{letter-spacing:.02em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;display:flex}.brand-mark{color:#3b82f6;font-size:1.1rem}.brand-accent{color:#93c5fd}.home-auth{align-items:center;gap:.75rem;display:flex}.auth-btn{letter-spacing:.01em;border-radius:.625rem;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:box-shadow .2s,transform .15s,background .15s,color .15s,border-color .15s}.login-btn{color:#d1d5db;background:0 0;border:1px solid #ffffff1f}.login-btn:hover{color:#93c5fd;border-color:#3b82f659}.signup-btn{color:#93c5fd;background:linear-gradient(#1d3461,#162344);border:1px solid #3b82f659}.signup-btn:hover{transform:translateY(-1px);box-shadow:0 0 1rem #3b82f64d}.signup-btn.large{padding:.8rem 1.6rem;font-size:.95rem}.home-hero{align-items:center;gap:3rem;padding-top:1.5rem;display:flex}.hero-copy{flex-direction:column;flex:1;gap:1.25rem;display:flex}.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#6b7280;font-size:.75rem;font-weight:600}.hero-title{color:#f5f7ff;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900;line-height:1.1}.hero-accent{color:#3b82f6}.hero-subtitle{color:#9aa0a6;max-width:32rem;font-size:1.05rem;line-height:1.6}.hero-actions{align-items:center;gap:1.25rem;margin-top:.5rem;display:flex}.hero-link-btn{color:#9aa0a6;background:0 0;font-size:.9rem;font-weight:600;transition:color .15s}.hero-link-btn:hover{color:#93c5fd}.hero-stats{border-top:1px solid #ffffff12;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.hero-stat{flex-direction:column;gap:.25rem;display:flex}.hero-stat-value{color:#f5f7ff;font-size:1.35rem;font-weight:700}.hero-stat-value.positive{color:#22c55e}.hero-stat-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.7rem;font-weight:600}.hero-stat-divider{background:#ffffff14;width:1px;height:2rem}.hero-visual{flex:1;justify-content:center;display:flex}.preview-card{background:linear-gradient(145deg,#1e2433,#161b28);border:1px solid #ffffff12;border-radius:1.25rem;flex-direction:column;gap:.75rem;width:100%;max-width:24rem;padding:1.5rem;display:flex;box-shadow:0 1.5rem 3rem #00000059}.preview-card-header{justify-content:space-between;align-items:center;display:flex}.preview-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:.7rem;font-weight:600}.range-pill{color:#93c5fd;background:#1d3461;border-radius:.4rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.preview-value{color:#f5f7ff;font-size:1.9rem;font-weight:700}.preview-change{font-size:.85rem;font-weight:600}.preview-change.positive{color:#22c55e}.preview-change.negative{color:#ef4444}.preview-chart{width:100%;height:7rem;margin:.25rem 0}.preview-holdings{border-top:1px solid #ffffff12;flex-direction:column;gap:.65rem;padding-top:.75rem;display:flex}.preview-holding-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.preview-holding-name{color:#d1d5db;align-items:center;gap:.5rem;font-weight:600;display:flex}.ticker-dot{border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.ticker-dot.aapl{background:#93c5fd}.ticker-dot.nvda{background:#22c55e}.ticker-dot.btc{background:#f59e0b}.preview-holding-value{color:#9aa0a6}.preview-holding-change.positive{color:#22c55e}.preview-holding-change.negative{color:#ef4444}.home-features{gap:1.5rem;display:flex}.feature-card{background:linear-gradient(145deg,#1e2433,#161b28);border:1px solid #ffffff12;border-radius:1rem;flex-direction:column;flex:1;gap:.6rem;padding:1.5rem;transition:border-color .2s;display:flex}.feature-card:hover{border-color:#3b82f64d}.feature-icon{color:#3b82f6;font-size:1.3rem}.feature-card h3{color:#f5f7ff;font-size:1.05rem;font-weight:700}.feature-card p{color:#9aa0a6;font-size:.85rem;line-height:1.6}.home-footer{color:#6b7280;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.6rem;padding-top:1rem;font-size:.8rem;display:flex}.footer-dot{color:#ffffff26}.search-bar{text-align:center;color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3;border-radius:.625rem;align-self:center;width:12rem;padding:.7rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.search-bar::placeholder{color:#ffffffb3}.search-page-wrapper{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;display:flex}.search-area{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-area div{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.search-results-list{flex-direction:column;gap:.8rem;width:100%;display:flex}.search-results-empty{text-transform:uppercase;color:#9aa0a6;margin-top:2rem;margin-left:10rem;font-size:1.1rem}.search-result-wrapper{flex-direction:column;align-self:center;width:70%;display:flex}.search-result-item{cursor:pointer;background:linear-gradient(#111a2d,#0d1322);border:.05rem solid #0f1725;border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.search-result-item:hover{background:linear-gradient(#0f1f45,#0d1526);border-color:#1b2a44;box-shadow:0 0 .4rem #ffffff26}.search-result-left{align-items:center;gap:.8rem;display:flex}.search-result-image{border-radius:50%;width:1.8rem;height:1.8rem}.search-result-info{flex-direction:column;display:flex}.search-result-symbol{text-transform:uppercase;font-size:1.1rem;font-weight:700}.search-result-type{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-size:.75rem}.search-result-right{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.search-result-price{color:#f5f7ff;font-size:1.05rem;font-weight:700}.search-result-change{font-size:.85rem;font-weight:600}.search-result-change.positive{color:#22c55e}.search-result-change.negative{color:#ef4444}.search-result-chart-box{opacity:0;background:linear-gradient(145deg,#070b14,#05070d);border:.05rem solid #0f1725;border-radius:1rem;margin-top:.5rem;padding:1rem;animation:.3s forwards fadeIn;transform:translateY(-.5rem)}.error-search{color:red}.search-submit-button{color:#f5f7ff;background:linear-gradient(#0f1f45,#0d1526);border:.05rem solid #0f1725;border-radius:.5rem;width:6.5rem;height:2.3rem;font-size:1rem;font-weight:500;transition:width .25s,height .25s}.user-page-wrapper{justify-content:center;margin-top:4rem;padding-bottom:4rem;display:flex}.user-page{flex-direction:column;gap:1.5rem;width:32rem;display:flex}.user-header{align-items:center;gap:1rem;padding:0 .25rem;display:flex}.user-avatar{color:#93c5fd;background:linear-gradient(#1d3461,#162344);border:.05rem solid #2f4a7a;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.1rem;font-weight:700;display:flex}.user-header-info{flex-direction:column;gap:.15rem;display:flex}.user-header-name{color:#f5f7ff;font-size:1.3rem;font-weight:700}.user-header-sub{color:#6b7280;font-size:.8rem}.user-card{background:linear-gradient(145deg,#070b14,#05070d);border:.1rem solid #0f1725;border-radius:1.25rem;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex;box-shadow:0 0 0 .05rem #070b12,0 .5rem 2.5rem #000c}.user-card-header{justify-content:space-between;align-items:center;display:flex}.user-card-title{letter-spacing:.08em;text-transform:uppercase;color:#c7d2e6;font-size:.8rem;font-weight:600}.user-field{flex-direction:column;gap:.55rem;display:flex}.user-field-label{letter-spacing:.08em;text-transform:uppercase;color:#c7d2e6;font-size:.8rem;font-weight:600}.user-field-input{color:#f5f7ff;background:linear-gradient(#0b1220,#070b14);border:.05rem solid #0f1725;border-radius:1rem;outline:none;width:100%;height:3rem;padding:0 1rem;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.user-field-input::placeholder{color:#5a6785}.user-field-input:hover{background:linear-gradient(#0d1526,#080c15);border-color:#1b2a44}.user-field-input:focus{border-color:#2f4a7a;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #2f4a7a33,0 0 1.125rem #2f4a7a44}.user-email-row{align-items:center;gap:.75rem;display:flex}.user-email-row .user-field-input{flex:1}.verify-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:.5rem;flex-shrink:0;padding:.35rem .7rem;font-size:.7rem;font-weight:700}.verify-badge.verified{color:#22c55e;background:#22c55e1f;border:.05rem solid #22c55e59}.verify-badge.unverified{color:#f59e0b;background:#f59e0b1f;border:.05rem solid #f59e0b59}.verify-row{align-items:center;display:flex}.verify-button{color:#f5f7ff;background:linear-gradient(#0f1f45,#0d1526);border:.05rem solid #0f1725;border-radius:.5rem;justify-content:center;align-items:center;width:8rem;height:2.2rem;font-size:.85rem;font-weight:500;transition:width .25s,height .25s;display:flex}.verify-button:hover:not(:disabled){box-shadow:0 0 .4rem #ffffff80,0 0 .8rem #b4dcff40}.verify-button:disabled{opacity:.6;cursor:default}.verify-sent-text{color:#22c55e;font-size:.8rem}.user-divider{background:#3a3a3a;width:100%;height:1px}.user-save-button{color:#f5f7ff;background:linear-gradient(#16a34a,#15803d);border:.05rem solid #0f1725;border-radius:.5rem;justify-content:center;align-self:flex-start;align-items:center;width:9rem;height:2.5rem;font-size:1rem;font-weight:500;transition:width .25s,height .25s;display:flex}.user-save-button:hover{box-shadow:0 .3rem 1rem #0003,0 0 .8rem #22c55e40}.user-info-grid{flex-direction:column;display:flex}.user-info-row{justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.user-info-label{color:#9aa0a6;font-size:.85rem}.user-info-value{color:#f5f7ff;font-size:.9rem;font-weight:600}.user-field-select{color:#f5f7ff;cursor:pointer;appearance:none;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,#0000 50%);background-position:calc(100% - 1.2rem) 1.25rem,calc(100% - .85rem) 1.25rem;background-repeat:no-repeat;background-size:.4rem .4rem,.4rem .4rem;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:.05rem solid #0f1725;border-radius:1rem;outline:none;width:100%;height:3rem;padding:0 1rem;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s}.user-field-select:hover{background-color:#0d1526;border-color:#1b2a44}.user-field-select:focus{border-color:#2f4a7a;transform:translateY(-.0625rem);box-shadow:0 0 0 .25rem #2f4a7a33,0 0 1.125rem #2f4a7a44}.user-field-select option{color:#f5f7ff;background:#0b1220}.saving-popup{color:#f5f7ff;z-index:1000;background:linear-gradient(#16a34a,#15803d);border:.05rem solid #22c55e;border-radius:.75rem;padding:.9rem 1.25rem;font-size:.9rem;font-weight:600;animation:.25s ease-out saving-popup-in;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 .5rem 1.5rem #00000059,0 0 1rem #22c55e33}@keyframes saving-popup-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;font-size:clamp(12px,1.1vw,16px)}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{-webkit-font-smoothing:antialiased;color:#f3f6fc;background-color:#060a12;min-height:100vh;font-family:Lato,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;margin:0}input{outline:none}.container{margin:0 auto}.page{padding:2rem}body:before{content:"";z-index:-1;filter:blur(3.2rem);opacity:1;background:radial-gradient(circle at 50% 45%,#07101f 0%,#0000 60%),radial-gradient(circle at 55% 55%,#0f1f45 0%,#0000 65%),radial-gradient(circle at 45% 60%,#050912 0%,#0000 65%);animation:4s ease-in-out infinite bg-pulse;position:fixed;inset:0}@keyframes bg-pulse{0%{filter:blur(3.8rem)brightness(.45);transform:translate(-6%,-6%)scale(1.05)}25%{filter:blur(3.1rem)brightness(1.15);transform:translate(4%,-2%)scale(1.15)}50%{filter:blur(2.9rem)brightness(1.3);transform:translateY(6%)scale(1.2)}75%{filter:blur(3.4rem)brightness(.9);transform:translate(-3%,2%)scale(1.12)}to{filter:blur(3.8rem)brightness(.45);transform:translate(-6%,-6%)scale(1.05)}}