*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#12304a}body{background:linear-gradient(180deg,#eaf7ff,#f7fbff 55%,#fff)}a{text-decoration:none;color:inherit}nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.logo,nav strong{font-size:25px;letter-spacing:-1px;color:#1265a8}nav div{display:flex;gap:18px;align-items:center}.button,.primary,button{border:0;border-radius:14px;background:#1677bd;color:white;padding:12px 20px;font-weight:700;cursor:pointer}.button:disabled,button:disabled{opacity:.55;cursor:not-allowed}.hero{min-height:100vh;position:relative;overflow:hidden;padding:28px 7vw;background:radial-gradient(circle at 75% 20%,#fff 0,#dff3ff 35%,transparent 60%)}.hero section{position:relative;z-index:2;max-width:760px;padding-top:15vh}.badge{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:800;color:#1677bd;background:#fff;padding:9px 13px;border-radius:999px;box-shadow:0 8px 30px #acd4ee66}.hero h1{font-size:clamp(45px,7vw,82px);line-height:.98;letter-spacing:-4px;margin:24px 0}.hero h1 span{color:#2388ca}.hero p{font-size:19px;line-height:1.7;max-width:620px;color:#547087}.actions{display:flex;gap:14px;margin-top:32px}.primary,.secondary{padding:15px 23px;border-radius:15px}.secondary{background:#fff;box-shadow:0 10px 30px #a9cfe555}.cloud{position:absolute;background:#fff;border-radius:999px;filter:blur(1px);opacity:.7}.c1{width:55vw;height:18vw;right:-10vw;bottom:8vh}.c2{width:45vw;height:14vw;left:-15vw;bottom:-4vh}.auth,.dashboard{min-height:100vh;padding:28px 7vw}.auth{display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#d9f1ff,transparent 60%)}.card{width:min(430px,100%);background:#ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:38px;border-radius:28px;box-shadow:0 25px 80px #6ca5c733;display:flex;flex-direction:column;gap:13px}.card h1{margin:5px 0 0}.card p{color:#647d91}.card input{padding:15px;border:1px solid #d8e7f1;border-radius:13px;background:white;font-size:15px}.card button{cursor:pointer;font-size:15px;margin-top:5px}.card small{color:#7b8f9e;line-height:1.5}.card a{color:#1677bd;font-size:14px;text-align:center;margin-top:4px}.dashboard nav{padding-bottom:50px}.dashboard-nav-actions{display:flex;gap:10px;align-items:center}.investment-nav-button{background:#12304a}.deposit-nav-button{background:#0b8a5b}.dashboard header{margin-bottom:30px}.dashboard h1{font-size:44px;margin:15px 0 8px;letter-spacing:-2px}.dashboard header p{color:#698196}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.dashboard-panel,.grid article{background:#ffffffd9;border:1px solid #e1eef7;border-radius:22px;padding:24px;box-shadow:0 15px 45px #77a9c21c}.grid article{display:flex;flex-direction:column;gap:12px}.grid span{font-size:13px;color:#71899b}.grid b{font-size:28px}.grid small{color:#8aa0af}.dashboard-panel{margin-top:18px}.dashboard-panel h2{margin:0 0 8px}.dashboard-panel p{color:#698196}.form-row,.investment-row,.panel-head,.task-box{display:flex;align-items:center;gap:12px}.form-row input{flex:1 1;padding:14px;border:1px solid #d8e7f1;border-radius:13px;font-size:16px}.status-message{display:block;margin-top:12px;color:#1677bd}.panel-head{justify-content:space-between}.panel-head h2{margin:0}.panel-head a{color:#1677bd}.task-box{padding:18px;background:#f4faff;border-radius:15px}.investment-row,.task-box{justify-content:space-between}.investment-row{border-top:1px solid #e5eef4;padding:16px 0}.investment-row>div{display:flex;flex-direction:column;gap:4px}.investment-row small,.investment-row span{color:#7890a1;font-size:12px}.investment-row strong{font-size:15px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#12304a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deposit-modal{width:min(560px,100%);background:#fff;border:1px solid #e1eef7;border-radius:26px;padding:28px;box-shadow:0 30px 100px #12304a33}.deposit-modal h2{margin:12px 0 0;font-size:30px;letter-spacing:-1px}.deposit-modal p{color:#698196;line-height:1.6}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal-close{width:42px;height:42px;padding:0;border-radius:50%;font-size:26px;line-height:1}.modal-close,.modal-secondary{background:#eef7fc;color:#1677bd}.modal-secondary{width:100%;margin-top:12px}.investment-modal{width:min(900px,100%);max-height:min(88vh,900px);overflow:auto;background:linear-gradient(145deg,#07151d,#0d202b 58%,#123747);color:#f4fbff;border:1px solid #ffffff1a;border-radius:30px;padding:32px;box-shadow:0 40px 120px #07151d99}.portfolio-backdrop{background:#06131dcc}.portfolio-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:28px}.portfolio-eyebrow,.portfolio-kicker{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#83e6bf}.portfolio-eyebrow{display:flex;align-items:center;gap:8px}.portfolio-dot{width:7px;height:7px;border-radius:50%;background:#72e2b4;box-shadow:0 0 18px #72e2b4}.portfolio-hero h2{font-size:38px;letter-spacing:-1.7px;margin:12px 0 8px}.portfolio-hero p{margin:0;color:#a7bcc6;line-height:1.6;max-width:600px}.portfolio-close{background:#ffffff0d;color:#d9edf3;border:1px solid #ffffff14}.portfolio-summary{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:30px}.portfolio-stat,.portfolio-total{border:1px solid #ffffff12;background:#ffffff08;border-radius:20px;padding:20px}.portfolio-total{background:linear-gradient(135deg,#ffffff0d,#72e2b40c);box-shadow:inset 0 1px #ffffff0b}.portfolio-stat span,.portfolio-total span{display:block;color:#9bb2bd;font-size:12px}.portfolio-total strong{display:block;font-size:31px;letter-spacing:-1px;margin:9px 0 4px;color:#f7fffb}.portfolio-stat strong{display:block;font-size:21px;margin:10px 0 5px;color:#f7fffb}.portfolio-stat small,.portfolio-total small{color:#718b97;font-size:11px}.portfolio-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.portfolio-section-head h3{margin:7px 0 0;font-size:20px}.portfolio-count{font-size:12px;color:#91aab5;border:1px solid #ffffff14;border-radius:999px;padding:7px 11px}.portfolio-list{display:flex;flex-direction:column;gap:10px}.portfolio-card{border:1px solid #ffffff12;background:linear-gradient(120deg,#ffffff0b,#ffffff05);border-radius:19px;padding:18px}.portfolio-card-top{display:flex;align-items:center;gap:12px}.portfolio-index{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#72e2b414;color:#8de9c3;font-size:11px;font-weight:800}.portfolio-card-title{display:flex;flex-direction:column;gap:4px;flex:1 1}.portfolio-card-title strong{font-size:14px}.portfolio-card-title span{font-size:11px;color:#718d99}.portfolio-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:1.3px}.portfolio-status i{width:6px;height:6px;border-radius:50%;display:block}.portfolio-status.active{background:#72e2b412;color:#82e6bd}.portfolio-status.active i{background:#72e2b4;box-shadow:0 0 10px #72e2b4}.portfolio-status.pending{background:#f2bd5f12;color:#e8c681}.portfolio-status.pending i{background:#e8c681}.portfolio-card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #ffffff0d}.portfolio-card-grid div{display:flex;flex-direction:column;gap:5px}.portfolio-card-grid span{font-size:10px;color:#718c98}.portfolio-card-grid strong{font-size:14px;color:#eef8f6}.portfolio-card-grid .profit-value{color:#82e6bd}.portfolio-empty{text-align:center;border:1px dashed #ffffff1f;border-radius:20px;padding:48px 20px;color:#a1b6c0}.portfolio-empty-icon{font-size:32px;color:#72e2b4;margin-bottom:12px}.portfolio-empty strong{display:block;color:#eef8f6}.portfolio-empty p{font-size:13px}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff0d}.portfolio-footer span{font-size:10px;color:#6f8995}.portfolio-footer .modal-secondary{width:auto;margin:0;background:#ffffff0a;color:#c8dde4;border:1px solid #ffffff12}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.hero section{padding-top:12vh}.investment-row{align-items:flex-start;flex-direction:column}.portfolio-summary{grid-template-columns:1fr 1fr}.portfolio-total{grid-column:1/-1}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.actions,.form-row,.panel-head{flex-direction:column;align-items:stretch}.form-row button,.panel-head button{width:100%}.dashboard-nav-actions{gap:8px}.dashboard-nav-actions button{padding:10px 14px}.deposit-modal{padding:22px}.deposit-modal .form-row{flex-direction:column}.deposit-modal .form-row button{width:100%}.investment-modal{padding:22px;border-radius:24px}.portfolio-hero h2{font-size:30px}.portfolio-summary{grid-template-columns:1fr}.portfolio-total{grid-column:auto}.portfolio-card-grid{grid-template-columns:1fr 1fr}.portfolio-card-grid div:last-child{grid-column:1/-1}.portfolio-status{font-size:8px}.portfolio-footer{flex-direction:column;align-items:stretch}.portfolio-footer .modal-secondary{width:100%}}