body,html{height:100vh;width:100vw;overflow:hidden}body{margin:0;background:linear-gradient(180deg,#7551c2,#fff);font-family:var(--body-font)}body,main{display:flex;flex-direction:column;height:100vh;width:100vw;justify-content:center;align-items:center}main{min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid #000;gap:1px;background-color:#000;border-radius:8px;overflow:auto}li{background-color:#fff;padding:8px}li:hover{background:#dadbf9}a{font-weight:800;text-decoration:none}.background-gif{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;background:url(/kottampally.gif) 50%/cover no-repeat;pointer-events:none}.hero-section{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.hero-text{text-align:center;color:#fff;text-shadow:0 4px 32px rgba(0,0,0,.5);max-width:90vw;margin:0 auto;position:relative;padding:2.5rem;font-family:var(--hero-font);letter-spacing:.03em}.hero-text:before{content:"";position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%);width:120%;height:130%;background:rgba(20,20,30,.65);border-radius:32px;filter:blur(4px);z-index:-1;box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.animated-line{opacity:0;font-size:3.2rem;font-weight:700;background:var(--hero-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;animation:fadeInLineScale 1.2s forwards;text-shadow:0 6px 32px rgba(0,0,0,.6);letter-spacing:.04em}.animated-line.line1{animation-delay:.2s}.hero-subheading{font-size:1.7rem;font-weight:400;margin-top:2.2rem;color:#f3f3f3;animation:fadeInSub 1.2s 1.2s forwards;text-shadow:0 2px 16px rgba(0,0,0,.4)}.hero-subheading,.kottampally-text{opacity:0;font-family:var(--hero-font);letter-spacing:.01em}.kottampally-text{color:#fff;background:rgba(24,90,157,.65);border-radius:24px;padding:2rem 3rem;max-width:700px;font-size:1.25rem;text-align:center;box-shadow:0 4px 32px rgba(0,0,0,.18);margin:1.5rem auto 0;line-height:1.7;transform:translateY(40px) scale(.98);animation:fadeInKottampally 1.4s 2.2s forwards;background-image:var(--kottampally-gradient);background-clip:padding-box}.kottampally-text strong{color:var(--accent);font-weight:700;font-size:1.15em;letter-spacing:.04em}.footer{width:100vw;text-align:center;padding:.7rem .5rem;color:#e0e0e0;font-size:1rem;background:rgba(30,30,30,.65);position:relative;z-index:2;margin-top:0;flex-shrink:0;font-family:var(--body-font);letter-spacing:.01em}.footer a{color:var(--accent);text-decoration:underline;margin:0 .2em;font-weight:700}.kottampally-section{width:100vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;margin-top:.5rem}@media (max-width:700px){.hero-text{padding:1.2rem .7rem}.hero-text:before{width:130%;height:150%;border-radius:16px}.animated-line{font-size:2rem}.hero-subheading{font-size:1.1rem;margin-top:1.2rem}.kottampally-text{padding:1rem .7rem;font-size:1.02rem;border-radius:12px;max-width:95vw}}@keyframes fadeInLineScale{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInSub{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInKottampally{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}