*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1b3a6b;--navy-dark:#122849;--navy-light:#2a5298;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--linkedin:#0077b5;--shadow-sm:0 1px 3px #00000014, 0 4px 16px #0000000d;--shadow-md:0 4px 12px #0000001a, 0 8px 32px #00000014}html{scroll-behavior:smooth}body{background:var(--gray-50);color:var(--gray-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.hero{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 55%, var(--navy-light) 100%);text-align:center;padding:80px 24px 108px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-60%;right:-20%}.hero-content{z-index:1;position:relative}.avatar{color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(6px);background:#ffffff1f;border:2px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 24px;font-size:1.75rem;font-weight:700;display:flex}.hero-name{color:#fff;letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.1}.hero-title{color:#ffffffb8;letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem;font-weight:400}.main{z-index:1;flex:1;width:100%;max-width:560px;margin:-44px auto 0;padding:0 20px 64px;position:relative}.cards{flex-direction:column;gap:14px;display:flex}.card{background:var(--white);color:inherit;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);cursor:pointer;border-radius:16px;align-items:center;gap:18px;padding:20px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:#1b3a6b33;transform:translateY(-3px)}.card:active{transform:translateY(-1px)}.card-icon{background:var(--gray-100);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card-label{color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;font-size:.975rem;font-weight:600;overflow:hidden}.card-desc{color:var(--gray-500);font-size:.82rem}.card-arrow{color:var(--gray-500);flex-shrink:0;align-items:center;transition:transform .18s,color .18s;display:flex}.card:hover .card-arrow{color:var(--navy);transform:translate(4px)}.divider{align-items:center;gap:12px;margin:6px 0 2px;display:flex}.divider-line{background:var(--gray-200);flex:1;height:1px}.divider-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:500}.footer{text-align:center;color:var(--gray-500);border-top:1px solid var(--gray-200);padding:20px 24px;font-size:.78rem}@media (width<=480px){.hero{padding:60px 16px 88px}.card{gap:14px;padding:18px}.card-icon{border-radius:11px;width:46px;height:46px}.card-label{font-size:.93rem}}