body{background:linear-gradient(300deg, var(--color-Y300), var(--color-P300), var(--color-V300), var(--color-B300));background-size:240% 240%;animation:gradient-animation 10s ease infinite}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.bg-mask{position:fixed;height:110dvh;top:-5dvh;left:60%;opacity:.85;pointer-events:none}@media(max-width: 1024px){.bg-mask{display:none;visibility:hidden}}.navbar{position:absolute}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem}.navbar .container .lettermark{width:180px}.navbar .container .lettermark img{width:100%;height:auto}@media(max-width: 768px){.navbar .container .lettermark{width:auto;max-width:140px}}.navbar .container .lettermark a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}@media(max-width: 320px){.navbar .container .lettermark{width:140px}}.navbar .container .nav-links{display:flex;align-items:center;gap:.5rem}.navbar .container .nav-links a{display:inline-flex;align-items:center;padding:12px 16px;min-height:44px;border-radius:var(--radius-md);transition:background-color .2s ease}.navbar .container .nav-links a:hover{background-color:hsla(0,0%,100%,.1);opacity:1}@media(max-width: 768px){.navbar .container .nav-links{display:none}}@media(max-width: 768px){.navbar .container .btn-nav-button{display:none}}@media(max-width: 480px){.btn-nav-button{display:none}}.content{height:100dvh;display:flex;align-items:center;width:100%}.content .content-inner{max-width:65%}@media(max-width: 1024px){.content .content-inner{max-width:80%}}@media(max-width: 768px){.content .content-inner{max-width:100%;padding:0 .5rem}}.content .content-inner .logo{width:48px}.content .content-inner h1{font-size:var(--font-size-display-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-display-xl);letter-spacing:var(--letter-spacing-tight);margin-bottom:1rem}.content .content-inner p{line-height:1.5rem;margin-bottom:2.5rem}@media(max-width: 768px){.content .content-inner p{font-size:1rem;line-height:1.6rem;margin-bottom:2rem}}.content .content-inner .btn-group{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width: 576px){.content .content-inner .btn-group{flex-direction:column;gap:.75rem}}.content .content-inner .btn-primary,.content .content-inner .btn-secondary{position:relative;border-radius:50px;padding:1.1rem 2.5rem;font-size:1.05rem;font-weight:600;letter-spacing:.5px;cursor:pointer;overflow:hidden;transition:all .3s ease;border:none;min-height:48px}@media(max-width: 768px){.content .content-inner .btn-primary,.content .content-inner .btn-secondary{padding:1rem 2rem;font-size:1rem;width:100%;text-align:center}}.content .content-inner .btn-primary::before,.content .content-inner .btn-secondary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.content .content-inner .btn-primary:hover::before,.content .content-inner .btn-secondary:hover::before{left:100%}.content .content-inner .btn-primary:active,.content .content-inner .btn-secondary:active{transform:translateY(0)}.content .content-inner .btn-primary{background:linear-gradient(135deg, #ffffff, #f5f5f5);color:#000;font-weight:600;border:none;box-shadow:0 8px 24px rgba(0,0,0,.15),inset 0 1px 0 #fff}.content .content-inner .btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg, #ffffff, #ffffff);box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 1px 0 #fff}.content .content-inner .btn-primary:active{box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 #fff}.content .content-inner .btn-secondary{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4)}.content .content-inner .btn-secondary:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.5);box-shadow:0 12px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.5)}.content .content-inner .btn-secondary:active{box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4)}