:root{--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--text-light: rgba(0, 0, 0, .5);--text-dark: rgba(255, 255, 255, .7);--primary-red: #FF2D20;--ring-light: rgba(0, 0, 0, .2);--ring-dark: rgba(255, 255, 255, .2);--shadow-light: 0px 14px 34px 0px rgba(0, 0, 0, .08);--card-bg-light: var(--white);--card-bg-dark: #18181b;--zinc-700: #3f3f46;--zinc-800: #27272a;--icon-bg: rgba(255, 45, 32, .1)}html{color-scheme:light dark}body{font-family:sans-serif;margin:0;padding:0}.app-background{background-color:var(--gray-50);color:var(--text-light);min-height:100vh;position:relative;overflow-x:hidden}@media (prefers-color-scheme: dark){.app-background{background-color:var(--black);color:var(--text-dark)}}.welcome-background-svg{position:absolute;left:-20px;top:0;max-width:877px;height:auto;z-index:0}.main-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:0 1.5rem;z-index:10}.content-container{width:100%;max-width:42rem}@media (min-width: 1024px){.content-container{max-width:80rem}}.header-container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:.5rem;padding:2.5rem 0}@media (min-width: 1024px){.header-container{grid-template-columns:repeat(3,1fr)}}.logo-wrapper{display:flex}@media (min-width: 1024px){.logo-wrapper{grid-column-start:2;justify-content:center}}.laravel-logo{height:3rem;width:auto;color:var(--white)}@media (min-width: 1024px){.laravel-logo{height:4rem;color:var(--primary-red)}}.nav-links{display:flex;justify-content:flex-end;gap:.75rem}.nav-link{padding:.5rem .75rem;border-radius:.375rem;color:var(--black);text-decoration:none;transition:color .3s,box-shadow .3s;outline:none}.nav-link:hover{color:#000000b3}.nav-link:focus-visible{box-shadow:0 0 0 1px var(--primary-red)}@media (prefers-color-scheme: dark){.nav-link{color:var(--white)}.nav-link:hover{color:#fffc}.nav-link:focus-visible{box-shadow:0 0 0 1px var(--white)}}.main-content{margin-top:1.5rem}.cards-grid{display:grid;gap:1.5rem}@media (min-width: 1024px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.info-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:.5rem;background-color:var(--card-bg-light);box-shadow:var(--shadow-light);border:1px solid rgba(255,255,255,.05);text-decoration:none;color:var(--text-light);transition:color .3s,box-shadow .3s,border-color .3s;outline:none}.info-card:hover{color:#000000b3;border-color:var(--ring-light)}.info-card:focus-visible{box-shadow:0 0 0 2px var(--primary-red)}@media (prefers-color-scheme: dark){.info-card{background-color:var(--card-bg-dark);border-color:var(--zinc-800);color:var(--text-dark)}.info-card:hover{color:#ffffffb3;border-color:var(--zinc-700)}.info-card:focus-visible{box-shadow:0 0 0 2px var(--primary-red)}}.documentation-card{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-bottom:2.5rem}@media (min-width: 768px){.documentation-card{grid-row:span 3 / span 3}}@media (min-width: 1024px){.documentation-card{padding:2.5rem}}.screenshot-container{position:relative;width:100%;display:flex;flex-grow:1;align-items:stretch}.screenshot-light,.screenshot-dark{aspect-ratio:16 / 9;height:100%;width:100%;flex-grow:1;border-radius:10px;object-fit:cover;object-position:top;box-shadow:0 4px 34px #0000000f}.screenshot-dark{display:none;box-shadow:0 4px 34px #00000040}@media (prefers-color-scheme: dark){.screenshot-light{display:none}.screenshot-dark{display:block}}.screenshot-fade{position:absolute;bottom:-4rem;left:-4rem;height:10rem;width:calc(100% + 8rem);background:linear-gradient(to bottom,transparent,var(--white) 50%,var(--white) 100%)}@media (prefers-color-scheme: dark){.screenshot-fade{background:linear-gradient(to bottom,transparent,var(--card-bg-dark) 50%,var(--card-bg-dark) 100%)}}.card-footer-wrapper{position:relative;display:flex;align-items:center;gap:1.5rem;width:100%}@media (min-width: 1024px){.card-footer-wrapper{align-items:flex-end}}.card-content-wrapper{display:flex;align-items:flex-start;gap:1.5rem}@media (min-width: 1024px){.card-content-wrapper{flex-direction:column}}.icon-circle{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:var(--icon-bg)}@media (min-width: 640px){.icon-circle{width:4rem;height:4rem}}.icon-svg{width:1.25rem;height:1.25rem}@media (min-width: 640px){.icon-svg{width:1.5rem;height:1.5rem}}.card-title{font-size:1.25rem;font-weight:600;color:var(--black);margin:0}@media (prefers-color-scheme: dark){.card-title{color:var(--white)}}.card-description{margin-top:1rem;font-size:.875rem;line-height:1.6;margin-bottom:0}.card-description a{text-decoration:underline;color:var(--primary-red)}.card-arrow-icon{width:1.5rem;height:1.5rem;flex-shrink:0;stroke:var(--primary-red);align-self:center;margin-left:auto}.hidden-on-error,.hidden-background{display:none!important}.card-no-screenshot{grid-row:auto!important}.content-no-screenshot{flex-direction:row!important}.app-footer{padding-top:4rem;padding-bottom:4rem;text-align:center;font-size:.875rem;color:var(--black);opacity:.7}@media (prefers-color-scheme: dark){.app-footer{color:var(--white);opacity:.7}}