#hero{display:flex;width:100%;max-width:600px;align-items:center;flex-direction:column;justify-content:center;padding:48px 32px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff80;margin:32px}#hero img{margin-bottom:8px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}#hero h1{font-size:32px;font-weight:700;margin:16px 0 8px;text-align:center;background:linear-gradient(135deg,#3245ff,#bc52ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#links{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:24px}#links a{display:flex;align-items:center;padding:10px 12px;color:#111827;text-decoration:none;transition:color .2s}#links a:hover{color:#4e5056}#links a svg{height:1em;margin-left:8px}#links a.button{color:#fff;background:linear-gradient(83.21deg,#3245ff,#bc52ee);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -2px #0000003d;border-radius:10px}#links a.button:hover{color:#e6e6e6;box-shadow:none}#hero pre{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-weight:400;background:linear-gradient(14deg,#d83333,#f041ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}#hero h2{text-align:center}.server-environment{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:100%;margin:12px 0 0;padding:0}.server-environment>div{background:#fff9;border:1px solid rgba(0,0,0,.05);border-radius:10px;padding:10px 12px;text-align:center}.server-environment dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:2px}.server-environment dd{font-size:14px;font-weight:500;color:#374151;margin:0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace}#hero p{color:#6b7280;font-size:16px;line-height:28px;letter-spacing:-.006em;margin:16px 0 0;text-align:center;max-width:520px}#hero ul{list-style:none;padding:0;margin:0;width:100%}#hero li{color:#374151;font-size:15px;line-height:24px;padding:12px 16px;background:#fff9;border-radius:12px;margin-bottom:8px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}#hero li:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}#hero li:before{content:"✓";color:#3245ff;font-weight:700;margin-right:12px;font-size:16px}#hero code{display:inline-block;background:linear-gradient(66.77deg,#f3cddd,#f5cee7) padding-box,linear-gradient(155deg,#d83333,#f041ff 18%,#f5cee7 45%) border-box;border-radius:8px;border:1px solid transparent;padding:6px 8px}.box{padding:16px;background:#fff;border-radius:16px;border:1px solid white}#sentry-testing{width:100%;margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}#sentry-testing h2{font-size:18px;color:#374151;margin-bottom:12px}.sentry-buttons{display:flex;gap:12px;width:100%}.sentry-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.sentry-btn--client{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -2px #0000003d}.sentry-btn--client:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.sentry-btn--server{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -2px #0000003d}.sentry-btn--server:hover{background:linear-gradient(135deg,#d35400,#b94600);transform:translateY(-1px);box-shadow:0 4px 12px #e67e224d}.sentry-btn:active{transform:translateY(0);box-shadow:none}.sentry-status{margin-top:8px;font-size:13px;color:#6b7280;text-align:center;min-height:20px}@media screen and (max-width:768px){#container{display:flex;flex-direction:column}#hero{padding:32px 24px;margin:16px;max-width:100%}#hero h1{font-size:24px;line-height:1.4}#hero p{font-size:15px;line-height:24px}#links{flex-wrap:wrap}#links a.button{padding:14px 18px}.sentry-buttons{flex-direction:column}}