*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e5e7eb;background:#020617;font-family:Arial,Helvetica,sans-serif}.app{min-height:100vh}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:24px;display:flex}.navbar h2{color:#fff}.navbar a{color:#cbd5e1;margin-left:24px;font-size:14px;text-decoration:none}.navbar a:hover{color:#38bdf8}.hero{grid-template-columns:1.4fr .8fr;align-items:center;gap:40px;max-width:1200px;margin:auto;padding:90px 24px;display:grid}.tag{color:#38bdf8;margin-bottom:18px;font-weight:700}.hero h1{color:#fff;margin-bottom:24px;font-size:56px;line-height:1.1}.hero p{color:#cbd5e1;font-size:18px;line-height:1.7}.buttons{gap:16px;margin-top:32px;display:flex}.primary,.secondary{border-radius:12px;padding:14px 22px;font-weight:700;text-decoration:none}.primary{color:#020617;background:#38bdf8}.secondary{color:#38bdf8;border:1px solid #38bdf8}.hero-card,.card,.timeline-item,.contact{background:#1e293bbf;border:1px solid #94a3b840;border-radius:22px;box-shadow:0 20px 50px #0000004d}.hero-card{padding:30px}.hero-card h3{color:#fff;margin-bottom:20px}.hero-card p{margin-bottom:14px;font-size:15px}.section{max-width:1200px;margin:auto;padding:70px 24px}.section h2{color:#fff;margin-bottom:28px;font-size:36px}.section>p{color:#cbd5e1;max-width:900px;font-size:18px;line-height:1.8}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card{padding:26px;transition:all .3s}.card:hover{border-color:#38bdf8;transform:translateY(-6px)}.card h3{color:#fff;margin-bottom:14px}.card p{color:#cbd5e1;line-height:1.7}.timeline{gap:18px;display:grid}.timeline-item{border-left:4px solid #38bdf8;padding:24px}.timeline-item h3{color:#fff;margin-bottom:8px}.timeline-item p{color:#38bdf8}.timeline-item span{color:#94a3b8}.skills{flex-wrap:wrap;gap:12px;display:flex}.skills span{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:10px 15px}.contact{padding:35px}.contact p{margin-bottom:12px}footer{text-align:center;color:#64748b;padding:35px}@media (width<=900px){.hero{grid-template-columns:1fr}.hero h1{font-size:40px}.grid{grid-template-columns:1fr}.navbar{display:block}.navbar div{margin-top:15px}.navbar a{margin-left:0;margin-right:16px}}.timeline-header{justify-content:space-between;align-items:center;gap:22px;display:flex}.details-link{color:#38bdf8;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;transition:all .25s}.details-link:hover{color:#fff}.details-box{color:#cbd5e1;border-top:1px solid #334155;margin-top:20px;padding-top:18px}.details-box p{margin-bottom:8px}.contact-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.contact-item{grid-template-columns:24px 90px 1fr;align-items:center;gap:12px;display:grid}.contact-item svg{color:#38bdf8}.contact-item strong{color:#fff;font-weight:600}.contact-item a{color:#cbd5e1;text-decoration:none}.contact-item a:hover{color:#38bdf8}.linkedin-text{color:#38bdf8;font-size:16px;font-weight:700}.source-data-page{grid-template-columns:220px 1fr;gap:28px;display:grid}.source-data-left{border-right:1px solid #334155;flex-direction:column;gap:14px;padding-right:20px;display:flex}.source-data-left h3{color:#fff;margin-bottom:12px;font-size:18px}.source-data-left button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:14px}.source-data-left button:hover,.source-data-left button.active{color:#38bdf8}.source-data-main{min-width:0}.source-data-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.source-data-header h3{margin-bottom:8px}.source-data-header p{color:#cbd5e1;line-height:1.6}.record-count{color:#38bdf8;white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf859;border-radius:999px;padding:8px 12px;font-size:13px}.empty-state{color:#94a3b8;background:#0f172aa6;border:1px solid #334155;border-radius:14px;padding:28px}.source-table-wrapper{background:#0f172acc;border:1px solid #334155;border-radius:14px;width:100%;max-height:620px;overflow:auto}.source-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.source-table th{color:#38bdf8;text-align:left;white-space:nowrap;z-index:2;background:#0f172a;border-bottom:1px solid #334155;padding:12px;position:sticky;top:0}.source-table td{color:#e5e7eb;white-space:nowrap;border-bottom:1px solid #334155a6;padding:10px 12px}.source-table tr:hover{background:#38bdf814}.saccr-page{width:100%}.saccr-actions{margin-bottom:20px}.compute-button{color:#020617;cursor:pointer;background:#38bdf8;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.compute-button{color:#020617;cursor:pointer;white-space:nowrap;background:#38bdf8;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.compute-button:hover{background:#7dd3fc}.saccr-table-wrapper{background:#0f172acc;border:1px solid #334155;border-radius:14px;width:100%;max-height:650px;overflow:auto}.saccr-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.saccr-table th{color:#38bdf8;text-align:left;white-space:nowrap;z-index:2;background:#0f172a;border-bottom:1px solid #334155;padding:12px;position:sticky;top:0}.saccr-table td{color:#e5e7eb;white-space:nowrap;border-bottom:1px solid #334155a6;height:34px;padding:10px 12px}.saccr-table tr:hover{background:#38bdf814}.risk-app{color:#e5e7eb;background:#020617;min-height:100vh}.risk-header{justify-content:space-between;align-items:center;padding:24px 36px;display:flex}.risk-header h2{color:#fff}.risk-header a{color:#cbd5e1;font-size:14px;text-decoration:none}.risk-header a:hover{color:#38bdf8}.model-navbar{border-bottom:1px solid #334155;grid-template-columns:220px 1fr;align-items:center;padding:20px 36px;display:grid}.navbar-left{justify-content:flex-start;display:flex}.navbar-center{justify-content:center;gap:48px;display:flex}.model-navbar button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 0;font-size:15px;font-weight:600;transition:all .25s}.model-navbar button:hover{color:#38bdf8}.model-navbar button.active{color:#38bdf8;border-bottom-color:#38bdf8}.risk-content{padding:36px}.risk-content h3{color:#fff;font-size:24px}