:root{--ink:#212529;--blue:#0640fe;--steel:#8cb2d9;--tint:#ebf3fb;--gray:#72808d}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#efefef;color:var(--ink);font-family:Urbanist,Arial,sans-serif}body>main>div:first-child>img{object-position:center top}.app-shell{width:min(1440px,calc(100% - 56px));min-height:calc(100vh - 56px);margin:28px auto;padding-bottom:26px}.hero-scene{position:relative;min-height:calc(100vh - 170px);overflow:hidden;border-radius:30px;background:linear-gradient(110deg,#0e24362b,#06101c18),url('/assets/img/megan-kotlus-XHoVvW8VkzY-unsplash.jpg') center/cover no-repeat;box-shadow:0 18px 42px #1f2d3a26}.hero-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff0d,#06101c42);pointer-events:none}.floating-nav{position:absolute;z-index:5;top:0;left:50%;transform:translate(-50%,-1px);display:flex;gap:9px;padding:10px 15px 12px;border-radius:0 0 20px 20px;background:#ffffffed;box-shadow:0 4px 13px #18263023}.floating-nav a,.floating-nav button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6dce2;border-radius:50%;background:#edf0f2;color:#15191d;cursor:pointer;transition:.22s}.floating-nav form{margin:0}.floating-nav a:hover,.floating-nav button:hover{transform:translateY(-3px) scale(1.06);background:#fff;box-shadow:0 6px 14px #1b2a3d2e}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);z-index:20;white-space:nowrap;padding:6px 9px;border-radius:7px;background:#212529;color:#fff;font-size:11px;font-weight:600}.content{position:relative;z-index:2;max-width:1220px;margin:auto;padding:104px 44px 72px}.page-title,h1{margin:0 0 7px;color:#fff;font-size:32px;line-height:1.1;font-weight:600;letter-spacing:-.045em;text-shadow:0 2px 12px #0b1a2b61}.page-subtitle{margin:0 0 24px;color:#f4f8fc;text-shadow:0 1px 8px #0b1a2b80}.content>div,.content>section,.content>article{animation:card-in .5s both}.content>div:nth-child(2),.content>section:nth-child(2),.content>article:nth-child(2){animation-delay:.08s}.content .bg-white,.content .rounded-2xl,.content article{background:#fffffff2!important;border:1px solid #ffffff94!important;box-shadow:0 10px 28px #13253626!important}.connected-user{position:absolute;z-index:4;bottom:-2px;left:50%;transform:translateX(-50%);width:48px;height:48px;padding:4px;border-radius:50% 50% 0 0;background:#fff;transition:.22s}.connected-user:hover{transform:translateX(-50%) translateY(-4px)}.connected-user img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--steel)}.global-search{width:min(320px,calc(100% - 42px));margin:20px auto 0}.global-search input{width:100%;border:0;border-radius:24px;background:#fff;padding:13px 19px;outline:0;font-family:inherit;font-size:14px;box-shadow:0 7px 20px #1e2f4219}.result-list{display:grid;gap:11px}.search-result{display:grid;gap:5px;border-radius:16px;padding:16px;background:#fffffff2;color:var(--ink);text-decoration:none;box-shadow:0 10px 26px #13253626}.result-type{font-size:11px;color:var(--blue);font-weight:700;text-transform:uppercase}.search-result small{color:var(--gray)}@keyframes card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.app-shell{width:100%;min-height:100vh;margin:0;padding-bottom:18px}.hero-scene{min-height:calc(100vh - 84px);border-radius:0}.floating-nav{gap:5px;padding:8px;border-radius:0 0 16px 16px}.floating-nav a,.floating-nav button{width:32px;height:32px}.content{padding:86px 17px 64px}.page-title,h1{font-size:27px}.global-search{margin-top:14px}}