:root{--ff-heading: "Graphik", sans-serif;--ff-text: Arial, Helvetica, sans-serif,"Wotfard", serif;--ff-code: "IBM Plex Mono", monospace;--kp-ff-primary: "Barlow Semi Condensed", sans-serif;--kp-fw-400: 500;--kp-fw-700: 600;--kp-fs-300: .6875rem;--kp-fs-400: .8125rem;--kp-fs-500: 1.25rem}:root{--header-height: 4.5rem;--color-base-white: #fff;--color-base-black: #000;--app-grey-100: #fafafa;--app-grey-200: #eee;--app-grey-300: #ddd;--app-grey-400: #ccc;--app-grey-700: #737373;--app-grey-800: #505050;--app-grey-900: #222;--kp-clr-primary-400: hsl(263 55% 52%);--kp-clr-secondary-400: hsl(217 19% 35%);--kp-clr-secondary-500: hsl(219 29% 14%);--kp-clr-neutral-100: hsl(0 0% 100%);--kp-clr-neutral-200: hsl(210 46% 95%);--kp-clr-neutral-300: hsl(0 0% 81%);--app-color-primary: light-dark(#000, #fff);--app-color-secondary: light-dark(#505050, #ddd);--app-color-tertiory: light-dark(#737373, #ccc);--app-color-contrast: light-dark(#fff, #000);--color-default: light-dark(var(--color-base-black, #000), var(--color-base-white, #fff));--color-contrast: light-dark(var(--color-base-white, #fff), var(--color-base-black, #000));--color-overlay: light-dark(rgba(0, 0, 0, .6), rgba(255, 255, 255, .6));--color-base-background: light-dark(var(--color-base-white, #fff), var(--color-base-black, #000));--color-base-text: light-dark(var(--color-base-black, #000), var(--color-base-white, #fff));--color-base-border: light-dark(var(--color-base-black, #000), var(--color-base-white, #fff));--app-color-body-bg: light-dark(#fff, #000);--app-color-body-bg-2: light-dark(var(--kp-clr-neutral-200), var(--kp-clr-secondary-500));--app-color-text-primary: light-dark(#000, #fff);--app-color-border-primary: light-dark(#ccc, #737373);--anchor-color-text-primary: light-dark(#000, #fff);--anchor-color-text-primary-active: light-dark(#000, #fff);--anchor-color-text-secondary: light-dark(#767676, #999);--anchor-color-text-secondary-active: light-dark(#0f73ee, #bb86fc);color-scheme:light dark}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html[data-theme=light]{color-scheme:only light}html[data-theme=dark]{color-scheme:only dark}:root{interpolate-size:allow-keywords}*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit;line-height:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty;max-width:65ch}ul{list-style-type:none;padding:0;margin:0}ol{list-style:none}html,body{width:auto;height:100%}html{font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);hanging-punctuation:first last}html:focus-within{scroll-behavior:smooth}body{font-family:var(--ff-text, Arial, Helvetica, sans-serif, "Wotfard", serif);line-height:1.5;font-weight:300;font-size:.875rem;border-color:var(--color-base-border, #000);color:var(--color-base-text, #000);background-color:var(--color-base-background, #fff);outline-color:var(--color-base-border, #000);position:relative;text-rendering:optimizeSpeed}body.-userSelectNone *{-webkit-user-select:none;user-select:none}img{width:100%;height:auto}button,[role=button]{cursor:pointer}button:disabled,button[aria-disabled=true],[role=button]:disabled,[role=button][aria-disabled=true]{filter:grayscale(1)}a{color:var(--anchor-color-text-primary, #000)}a:hover,a:focus-visible{color:var(--anchor-color-text-primary-active, #000)}a[aria-disabled=true]{pointer-events:none;filter:grayscale(1)}img,picture,svg,video{display:block;max-width:100%}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}}.app-container{padding-left:4.75rem;padding-right:4.75rem;width:100%;max-width:80rem;margin-left:auto;margin-right:auto}@media (max-width: 700px){.app-container{padding-left:2rem;padding-right:2rem}}@media (max-width: 450px){.app-container{padding-left:1rem;padding-right:1rem}}.app-wrap{width:100%;margin:0 auto;display:flex;flex-direction:column;position:relative;flex:1}.app-wrapper{display:flex;flex-direction:column}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{padding:.25rem .75rem;font-size:.875rem;position:absolute;top:0;left:50%;text-align:center;background-color:#f4f4f4;transform:translate(-50%);z-index:1100}.-stretched-link:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;display:inline-block;z-index:1}.-stretched-link:after:focus-visible:after{outline:.0625rem solid #000}:root{--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);--ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);--ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);--ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);--ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);--ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);--ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);--ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1)}a{display:inline-block;text-decoration:none;color:var(--anchor-color-text-secondary)}a:hover,a:focus-visible{text-decoration:none;color:var(--anchor-color-text-secondary-active);outline:0}.app-logo__img{width:100%;height:100%;scale:1.75;transform-origin:center center}.app-logo__wrap{--primary-color: var(--app-color-primary, #000);--secondary-color: var(--app-color-contrast, #fff);color:light-dark(#000,#fff);display:block;overflow:hidden;cursor:pointer;font-size:1.25rem}.app-logo__wrap svg{height:3.75rem;width:3.5rem}.app-logo__wrap *{pointer-events:none}@media (max-width: 1280px){.app-logo__wrap{left:48px}}.app-themeswitch__toggle{background:transparent;border:0;padding:0;height:1.5rem;width:1.5rem;color:inherit}.app-themeswitch__toggle .sun-and-moon{height:100%;width:100%;pointer-events:none}.app-themeswitch__toggle .sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.app-themeswitch__toggle .sun-and-moon>:is(.moon,.sun){fill:var(--themeswitch-icon-color)}.app-themeswitch__toggle .sun-and-moon>.sun-beams{stroke:var(--themeswitch-icon-color);stroke-width:2px}@media (prefers-reduced-motion: no-preference){.app-themeswitch__toggle .sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.app-themeswitch__toggle .sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.app-themeswitch__toggle .sun-and-moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.app-themeswitch__toggle .sun-and-moon>.moon>circle{transition:cx .25s var(--ease-out-5)}}}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}.app-themeswitch__toggle[data-theme=dark] .sun-and-moon .moon>circle{transform:translate(-7px)}@supports (cx: 1){.app-themeswitch__toggle[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}.app-themeswitch__toggle[data-theme=dark] svg.sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.app-themeswitch__toggle:is(:hover,:focus-visible) .sun-and-moon>:is(.moon,.sun){fill:var(--themeswitch-icon-color-active)}.app-themeswitch__toggle:is(:hover,:focus-visible) .sun-and-moon .sun-beams{stroke:var(--themeswitch-icon-color-active)}.app-themeswitch__wrap{line-height:1;--themeswitch-icon-color: light-dark( rgba(0, 0, 0, .8), rgba(255, 255, 255, .8) );--themeswitch-icon-color-active: light-dark( rgba(0, 0, 0, 1), rgba(255, 255, 255, 1) )}.app-header__right{margin-left:auto;display:flex;align-items:center;gap:1rem}@media (max-width: 600px){.app-header__right{flex-direction:row-reverse}}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.app-header__wrap{--color-header-background: light-dark(#fff, #000);position:sticky;background-color:var(--color-header-background);inset:0 0 auto 0;z-index:99;padding:1.25rem 0;max-height:var(--header-height)}.nav-links{display:inline-flex;gap:.75rem}.nav-links>li{max-width:none}.nav-links>li>a{--childtranslateY: 125%;position:relative;display:inline-block;padding:.25rem .625rem;border:1.5px solid light-dark(#737373,#ccc);color:light-dark(#000,#fff);border-radius:10vw;text-decoration:none;text-align:center;width:fit-content;overflow:hidden}.nav-links>li>a p{transition:transform .2s ease-out;transform-style:preserve-3d;pointer-events:none}.nav-links>li>a p:nth-child(1){transform:translate(0)}.nav-links>li>a p:nth-child(2){position:absolute;top:50%;transform:translateY(-50%) translateY(var(--childtranslateY));overflow:visible}.nav-links>li>a:hover,.nav-links>li>a:focus-visible{border-color:light-dark(#000,#fff)}.nav-links>li>a:hover p:nth-child(1),.nav-links>li>a:focus-visible p:nth-child(1){transform:translateY(calc(var(--childtranslateY) * -1))}.nav-links>li>a:hover p:nth-child(2),.nav-links>li>a:focus-visible p:nth-child(2){transform:translateY(-50%) translate(0)}@media (max-width: 600px){.nav-links{position:absolute;transition:height .3s ease-in;overflow-y:hidden;flex-direction:column;align-items:center;height:0;top:4.25rem;left:0;right:0;width:100%;background-color:light-dark(#fff,#000);gap:0}.nav-links>li{height:2rem;width:100%}.nav-links>li>a{height:2rem;border-radius:0;border-left:none;border-right:none;width:100%;padding:.25rem 1rem;border-color:light-dark(#ccc,rgba(200,200,200,.5))}.nav-links>li>a p{transform:none!important}.nav-links>li>a p:not(:first-of-type){display:none}.nav-links>li>a:hover,.nav-links>li>a:focus-visible{border-color:light-dark(#ccc,rgba(200,200,200,.5))}.nav-links>li:not(:first-child)>a{border-top:none}}.nav-label{display:inline-block;border-radius:.25rem;padding:.25rem .375rem;height:1.5625rem;cursor:pointer}.nav-label span{display:block;width:1.5625rem;height:2px;background-color:light-dark(#000,#fff)}.nav-label span:not(:first-child){margin-top:.375rem}.nav-label span:nth-child(1){transform-origin:top left}.nav-label span:nth-child(3){transform-origin:bottom left}.nav-label span:not(:nth-child(2)){transition:translate .3s ease,rotate .3s ease;transition-delay:0,.3s}.nav-label:hover>span,.nav-label:focus-visible>span{background-color:light-dark(#a100ff,#bb86fc)}.nav-label:hover>span:nth-child(1),.nav-label:hover>span:nth-child(3),.nav-label:focus-visible>span:nth-child(1),.nav-label:focus-visible>span:nth-child(3){translate:5px 0}.nav-btn{display:none;line-height:1}@media (max-width: 600px){.nav-btn{display:inline-block}}.nav-check{display:none}@media (max-width: 600px){.nav-check:not(:checked)~.nav-links{height:0px}.nav-check:checked~.nav-btn .nav-label>span{background-color:light-dark(#a100ff,#bb86fc)}.nav-check:checked~.nav-btn .nav-label>span:nth-child(1){translate:0 0;rotate:45deg}.nav-check:checked~.nav-btn .nav-label>span:nth-child(2){visibility:hidden}.nav-check:checked~.nav-btn .nav-label>span:nth-child(3){rotate:-45deg;translate:0 0}.nav-check:checked~.nav-links{overflow-y:auto;max-height:calc(100vh - 6.25rem);height:6.25rem}}.nav{color:light-dark(#000,#fff)}.app-footer__sign{font-size:1.25rem;line-height:1;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.app-footer__sign:first-letter{font-size:3rem;font-weight:300}.app-footer__copyright{margin:1.875rem 0;font-size:.75rem}.app-footer__copyright p:not(:first-child){margin-top:.5rem}.app-footer__col{display:flex;flex-direction:column;gap:1.5rem;height:100%}.app-footer__col-link{position:relative}.app-footer__col-link:before{content:"";position:absolute;display:block;height:2px;width:0;top:50%;left:0;transform:translate3d(-1%,0,0) scaleX(1);background:var(--app-color-text-primary);opacity:.75;transition:width .2s ease,transform .2s ease-out .2s;transform-origin:right center}.app-footer__col-link:hover:before,.app-footer__col-link:focus-visible:before{width:102%;transform:translate3d(-1%,0,0) scaleX(0)}.app-footer__col-list{display:grid;gap:.375rem;font-size:.875rem}.app-footer__col-title{font-size:1rem;font-weight:500}.app-footer__row{display:grid;grid-template-columns:4fr 2fr 2fr 2fr;gap:1.875rem 1rem}@media (max-width: 1000px){.app-footer__row{grid-template-columns:1fr 1fr 1fr}.app-footer__row .app-footer__col:first-child{grid-column:1/-1}}@media (max-width: 400px){.app-footer__row{grid-template-columns:1fr 1fr}}.app-footer__wrap{padding:3rem 0;border-top:1px solid var(--app-color-border-primary)}.app-footer__wrap p{color:light-dark(#737373,#999)}.c-hxro__video{height:100%;width:100%;scale:1.45;pointer-events:none}.c-hxro__video.-dark{display:none}.c-hxro__wrap{width:min(25rem,100%);aspect-ratio:1/1;overflow:hidden}@supports (overflow: clip){.c-hxro__wrap{overflow:clip}}html[data-theme=dark] .c-hxro__video.-light{display:none}html[data-theme=dark] .c-hxro__video.-dark{display:block}.app-welcome__hero{display:flex;justify-content:center}.app-welcome__description{font-size:min(1.25rem,2.5vmax);margin-top:.5rem;max-width:70%;color:light-dark(#222,#f2f2f2)}@media (max-width: 720px){.app-welcome__description{font-size:3.5vw;max-width:80%}}.app-welcome__title{font-size:min(5.5rem,4.5vmax);line-height:1.25;font-weight:500}@media (max-width: 720px){.app-welcome__title{font-size:6.5vw}.app-welcome__title:after{content:"hiyagarajan"}}.app-welcome__content{display:grid;justify-items:center;color:light-dark(#000,#fff);text-align:center;padding-top:2rem}.app-welcome__inner{position:relative;padding-bottom:2rem;min-height:min(100vh - var(--header-height),50rem)}@media (max-width: 720px){.app-welcome__inner{min-height:max(100dvh - var(--header-height),25rem)}}.app-welcome__outer{position:static}.app-welcome__wrapper{position:relative;display:grid;overflow:clip}.app-loader__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--app-color-body-bg);opacity:.95;filter:blur(10px)}.app-loader__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.app-about__experience>ul{display:flex;flex-direction:column;gap:1rem}.app-about__experience>ul>li>h4{font-weight:500}.app-about__experience>ul>li>ul{display:flex;flex-direction:column;gap:1rem}.app-about__experience>ul>li>ul>li p:nth-of-type(1){color:light-dark(#0c111d,inherit)}.app-about__experience>ul>li>ul>li p:nth-of-type(2){color:light-dark(#757575,#98a2b3)}.app-about__list>li{padding:.875rem 0 2.625rem;border-top:1px solid light-dark(#bdcbae,#bdcbae);display:grid;grid-template-columns:120px 1fr;column-gap:10px;width:100%}.app-about__list>li:last-child{padding-bottom:0}.app-about__list>li>h3{font-size:1.125rem}.app-about__list>li>div{display:flex;flex-direction:column;gap:.625rem;margin-left:auto}@media (max-width: 600px){.app-about__list>li{grid-template-columns:150px 1fr}.app-about__list>li>div{margin-left:0}}.app-about__intro{padding-bottom:2.625rem}.app-about__link{--underline-size: .125rem;position:relative;display:inline-flex;align-items:center;gap:.5rem;color:light-dark(#667777,#aaa)}.app-about__link>svg{height:1.25rem;width:1.25rem}.app-about__link{background:linear-gradient(to right,#64c8c880,#64c8c880),linear-gradient(to right,red,#ff00b4,#0064c8);background-size:100% var(--underline-size),0 var(--underline-size);padding-bottom:.125rem;background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .4s}.app-about__link .arrows{position:relative;overflow:hidden;line-height:1;height:1rem;width:1rem;display:grid}.app-about__link .arrows>div{grid-area:1/-1;transition:translate .3s linear;rotate:-45deg;height:fit-content;width:fit-content}.app-about__link .arrows>div svg{height:1rem;width:1rem}.app-about__link .arrows>div:first-child{translate:0 0}.app-about__link .arrows>div:nth-child(2){translate:-1rem 1rem}.app-about__link:hover,.app-about__link:focus-visible{color:light-dark(#000,#fff);background-size:0 var(--underline-size),100% var(--underline-size)}.app-about__link:hover .arrows>div:first-child,.app-about__link:focus-visible .arrows>div:first-child{translate:1rem -1rem}.app-about__link:hover .arrows>div:nth-child(2),.app-about__link:focus-visible .arrows>div:nth-child(2){translate:0 0}.app-about__links{display:grid;gap:.625rem;font-size:1rem}.app-about__image{width:208px;max-height:240px;border-radius:50%;border:2px solid light-dark(#000,#fff);overflow:hidden}.app-about__image img{width:100%;height:auto;max-height:100%;object-position:center}@media (max-width: 600px){.app-about__image{border-radius:0;border:none}}.app-about__content{grid-area:2/1/3/3;align-self:auto;display:flex;flex-flow:column;justify-content:flex-start;align-items:stretch;grid-gap:0}@media (max-width: 900px){.app-about__content{grid-column-end:4}}.app-about__profile{grid-area:2/5/3/7;justify-self:end;display:flex;position:sticky;flex-direction:column;justify-content:center;align-items:center;top:5rem;row-gap:1.625rem}@media (max-width: 600px){.app-about__profile{align-items:flex-start}}.app-about__grid{position:relative;gap:1rem;display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;place-content:start space-between;align-items:flex-start;width:100%;padding-bottom:2rem;border-bottom:1px solid light-dark(#ccc,#fff)}@media (max-width: 600px){.app-about__grid{display:flex;flex-direction:column}.app-about__grid .app-about__profile{position:static;padding-bottom:1rem}}.app-about__title{font-size:1.25rem;padding-top:2rem;padding-bottom:.5rem;border-top:1px solid light-dark(#ccc,#fff)}.app-about__container{position:relative}.app-about__wrap{font-family:Inter Tight,sans-serif}.app-portfolio__card{position:relative;padding:1rem;border-radius:2px;border:1px solid #737373;min-height:100px}.app-portfolio__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));grid-template-columns:repeat(12,1fr);gap:1rem;padding-bottom:2rem;border-bottom:1px solid light-dark(#ccc,#fff)}.app-portfolio__grid>li{position:relative;max-width:100%}.app-portfolio__grid>li:nth-child(n){grid-column:span 8}.app-portfolio__grid>li:nth-child(2n){grid-column:span 4}.app-portfolio__title{font-size:1.25rem;padding:2rem 0 1.5rem}.app-portfolio__wrap{padding:0;display:none}.app-services__desc{color:var(--color-service-text-desc);font-size:.875rem;transform:translateY(20px);transition:transform .2s ease-in-out;visibility:hidden}.app-services__name{font-size:1rem;padding-bottom:1.25rem;transform:translateY(20px);transition:transform .2s ease-in-out}.app-services__icon{color:var(--color-service-icon);padding:0 0 1.875rem}.app-services__icon svg{height:3.125rem;width:3.125rem;transform:translateY(20px);transition:transform .2s ease-in-out}.app-services__listitem{min-height:12.5rem;width:100%;background-color:var(--color-service-background);color:var(--color-service-text-main);display:flex;flex-direction:column;align-items:center;text-align:center;white-space:break-word;overflow:hidden;padding:2.25rem 1rem .25rem;border-bottom:1px solid var(--color-service-border);border-right:1px solid var(--color-service-border)}.app-services__listitem:hover{background-color:var(--color-service-background-hover)}.app-services__listitem:hover .app-services__name{color:var(--color-service-text-main-hover);transform:translateY(-20px)}.app-services__listitem:hover .app-services__desc{color:var(--color-service-text-desc-hover);transform:translateY(-20px);visibility:visible}.app-services__listitem:hover .app-services__icon{color:var(--color-service-icon-hover);transform:translateY(-20px)}.app-services__list{display:grid;justify-content:center;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--color-service-border);border-left:1px solid var(--color-service-border);max-width:1170px;margin:0 auto}@media (max-width: 1200px){.app-services__list{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1000px){.app-services__list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.app-services__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 450px){.app-services__list{grid-template-columns:repeat(1,1fr)}}.app-services__title{font-size:1.25rem;text-align:center;padding-bottom:1.5rem}.app-services__wrap{position:relative;padding:2rem 0;--color-service-background: light-dark(transparent, transparent);--color-service-border: light-dark(#ebe9e8, #ebe9e8);--color-service-text-main: light-dark(inherit, inherit);--color-service-text-desc: light-dark(#989ba5, #989ba5);--color-service-icon: light-dark(#989ba5, #989ba5);--color-service-background-hover: light-dark(#1d1e21, #016e4e);--color-service-text-main-hover: light-dark(#fff, #fff);--color-service-text-desc-hover: light-dark(#989ba5, #ddd);--color-service-icon-hover: light-dark(#fff, #fff)}.app-services__wrap:after{content:"";position:absolute;display:inline-block;inset:100% auto auto 50%;translate:-50% -1rem;height:4.125rem;width:1px;background:#ccc}.app-writetome__submit{min-height:48px;background-color:light-dark(#fff,#000);color:light-dark(#000,#fff);border:1px solid light-dark(#000,#fff);border-radius:0;min-width:7.5rem;margin-top:1rem}.app-writetome__submit:hover,.app-writetome__submit:focus-visible{background-color:light-dark()}.app-writetome__iconwrap{color:light-dark(#444,inherit);display:flex;justify-content:center}.app-writetome__forminput,.app-writetome__formtextarea{width:100%;border:0;background-color:var(--color-writetomecard-formelement-bg);outline:none!important;padding:1rem 1rem 1rem 1.875rem}.app-writetome__forminput::placeholder,.app-writetome__formtextarea::placeholder{display:none;visibility:hidden;color:transparent}.app-writetome__forminput:disabled,.app-writetome__formtextarea:disabled{background-color:light-dark(#ddd,#ddd)}.app-writetome__forminput:disabled+span,.app-writetome__formtextarea:disabled+span{color:light-dark(rgba(0,0,0,.7),#505050)}.app-writetome__formtextarea{height:8.125rem;padding-top:2.25rem;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-writetome__forminput{height:5.5rem}.app-writetome__formspan{position:absolute;inset:33px auto auto 1.875rem;display:block;translate:0 0;transform-origin:left;scale:1;transition:all .4s}.app-writetome__formlabel{width:100%;gap:1rem;position:relative}.app-writetome__formlabel:focus-within .app-writetome__formspan,.app-writetome__formlabel:has(input:not(:placeholder-shown)) .app-writetome__formspan,.app-writetome__formlabel:has(textarea:not(:placeholder-shown)) .app-writetome__formspan{scale:.8;translate:0 -1rem}.app-writetome__formlabel:has(input:required):before,.app-writetome__formlabel:has(textarea:required):before{content:"";position:absolute;inset:1rem 1rem auto auto;height:.875rem;aspect-ratio:1/1;background-color:var(--color-writetomecard-error);border-radius:50%;transition:all .2s ease}.app-writetome__formlabel:has(input:user-invalid):after,.app-writetome__formlabel:has(textarea:user-invalid):after{content:"Error: Enter valid value";position:absolute;top:1rem;right:2.25rem;line-height:1;color:var(--color-writetomecard-error)}.app-writetome__formlabel:has(textarea:user-invalid):after{content:"Enter atleast 20 characters"}.app-writetome__formlabel:has(input:user-valid):before,.app-writetome__formlabel:has(textarea:user-valid):before{background-color:light-dark(#008000,#fff);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm7 7.457l-9.005 9.565-4.995-5.865.761-.649 4.271 5.016 8.24-8.752.728.685z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm7 7.457l-9.005 9.565-4.995-5.865.761-.649 4.271 5.016 8.24-8.752.728.685z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.app-writetome__formlabel:has(input:user-valid):after,.app-writetome__formlabel:has(textarea:user-valid):after{content:none}.app-writetome__formlabel:has(input:focus-visible):before,.app-writetome__formlabel:has(input:focus-visible):after,.app-writetome__formlabel:has(textarea:focus-visible):before,.app-writetome__formlabel:has(textarea:focus-visible):after{content:none}.app-writetome__form{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:2.75rem var(--padding-h) 4.75rem}.app-writetome__formouter{overflow-y:hidden}.app-writetome__formwrap{display:grid;transition:grid-template-rows .2s cubic-bezier(.39,.58,.57,1);grid-template-rows:0fr;background-color:light-dark(#f1f6fa,#016e4e)}.app-writetome__formwrap.-show{grid-template-rows:1fr}.app-writetome__card{position:relative;padding:5.625rem var(--padding-h) 5rem;background-color:var(--color-writetomecard-background);text-align:center;display:grid;gap:1.25rem}.app-writetome__card h3{font-size:1.625rem;font-weight:500;color:light-dark(#1d1e21,inherit);margin-bottom:1.25rem}.app-writetome__card p{line-height:1.8;color:light-dark(#999,inherit)}.app-writetome__card p.disabletext{display:none}.app-writetome__card button{height:1px;width:1px;cursor:pointer;padding:0;border:0;background-color:transparent;outline:none!important}.app-writetome__card:hover,.app-writetome__card:has(button:focus-visible){color:light-dark(#0f73dd,#bb86fc)}.app-writetome__card:has(button[aria-expanded=true]){color:inherit!important;background-color:var(--color-writetomecard-background-active)!important}.app-writetome__card:has(button[aria-expanded=true]) p.disabletext{display:block}.app-writetome__grid{--padding-h: 50px;display:grid;width:1020px;max-width:100%;min-height:4rem;grid-template-areas:"grid-one grid-two" "grid-three grid-three" "grid-four grid-four";gap:0;border:1px solid light-dark(transparent,#fff);grid-template-columns:repeat(2,1fr);box-shadow:0 2px 11px light-dark(rgba(0,0,0,.15),transparent);color:light-dark(inherit,#d1cdc2)}.app-writetome__grid .-gridone{grid-area:grid-one}.app-writetome__grid .-gridtwo{grid-area:grid-two}.app-writetome__grid .-gridthree{grid-area:grid-three}.app-writetome__grid .-gridfour{grid-area:grid-four}@media (max-width: 800px){.app-writetome__grid{grid-template-columns:1fr;grid-template-areas:"grid-one" "grid-three" "grid-two" "grid-four"}.app-writetome__grid .-gridtwo{border-top:1px solid light-dark(#000,#fff)}}.app-writetome__container{display:flex;justify-content:center}.app-writetome__wrap{padding:4rem 0;--color-writetomecard-formelement-bg: light-dark(#fff, #000);--color-writetomecard-background: light-dark(#fff, #000);--color-writetomecard-background-active: light-dark(#f1f6fa, #016e4e);--color-writetomecard-error: light-dark(red, red)}.app-legal__groupitem{text-align:center;display:flex;flex-direction:column;align-items:center}.app-legal__groupitem h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.app-legal__groupitem p{font-size:1rem;text-wrap-style:balance}.app-legal__groupitem p:first-letter{text-transform:capitalize}.app-legal__group{margin-top:2.5rem;display:flex;flex-direction:column;gap:2rem}.app-legal__title{font-size:3rem;text-align:center}.app-legal__wrap{padding:3rem 0 4rem;font-family:Roboto,Open Sans,Montserrat}.app-releasenotes__group h3{font-size:1.25rem;font-weight:500}.app-releasenotes__group>ul{padding-top:.5rem;padding-left:1rem}.app-releasenotes__group>ul>li{list-style-type:disc;font-size:.875rem}.app-releasenotes__list{padding-left:1.25rem;list-style-type:disclosure-closed;display:flex;flex-direction:column}.app-releasenotes__list>li{padding:1rem 0}.app-releasenotes__list>li:not(:first-child){border-top:1px solid light-dark(#ccc,#fff)}.app-releasenotes__title{font-size:2rem;text-align:center}.app-releasenotes__back{color:light-dark(#000,#fff)}.app-releasenotes__back svg{width:1.5rem;height:1.5rem}.app-releasenotes__head{display:flex;align-items:center;gap:1rem}.app-releasenotes__wrap{padding:2rem 0}
