@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{--color-background: #111;--color-text: rgba(255, 255, 255, .87);--color-accent: #646cff;--color-accent-hover: #535bf2;--color-dark: #0F1724;--color-light: #ffffff;--color-block: #1a1a1a;--color-block-hover: #252525;--font-family-main: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-heading: "Poppins", sans-serif;--spacing-sm: .25rem;--spacing-md: 1rem;--spacing-lg: 2rem;--social-size-default: 80px;--social-size-small: 56px;--icon-size-default: 35px;--icon-size-small: 20px;--border-thickness: .06;--transition-speed: .3s}[data-theme=light]{--color-background: #f9f9f9;--color-text: #333333;--color-accent: #535bf2;--color-accent-hover: #4248d3;--color-dark: #e5e7eb;--color-light: #0F1724;--color-block: #e8e8e8;--color-block-hover: #d0d0d0}body,html{margin:0;padding:0;overflow-x:hidden;height:100%;width:100%;background:var(--color-background);color:var(--color-text);font-family:var(--font-family-main),sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100vw;height:100vh}h1{font-size:3.2em;line-height:1.1}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}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}html{scroll-behavior:smooth}body{justify-content:center;margin:0;overflow-x:hidden;color:var(--color-text);background-color:var(--color-background)}.app-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:transparent;color:var(--color-text)}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.fade-in-section.is-hidden{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.home-container{width:100%;display:flex;flex-direction:column;align-items:center}.fade-in-section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.first-section{margin-top:0;min-height:100vh}.header-nav{position:fixed;top:0;left:0;width:100%;display:flex;gap:var(--spacing-lg);justify-content:center;align-items:center;padding:1.5rem 0;background:transparent;z-index:3;pointer-events:auto;transition:opacity 1s ease-out,transform 1s ease-out;opacity:1;transform:translateY(0)}.header-nav.fade-out{opacity:0;transform:translateY(-20px)}.header-nav a{display:inline-block;font-family:var(--font-family-heading),sans-serif;font-size:27px;font-weight:700;text-decoration:none;color:var(--color-light);padding:0 var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));background-image:linear-gradient(var(--color-light),var(--color-light));background-size:0 100%;background-position:left center;background-repeat:no-repeat;transition:color .3s,background-size .3s}.header-nav a:hover,.header-nav a.active{color:var(--color-dark);background-size:100% 100%}.theme-toggle-container{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.theme-toggle-container button{background-color:var(--color-light);border:2px solid var(--color-light);color:var(--color-dark);transition:all var(--transition-speed) ease;outline:none;-webkit-tap-highlight-color:transparent}.theme-toggle-container button:hover{background-color:var(--color-block);color:var(--color-light);border-color:var(--color-light)}.theme-toggle-container svg{fill:currentColor;transition:fill var(--transition-speed) ease}.theme-toggle-container button:focus{outline:none}@media (max-width: 768px){.header-nav{padding:1.5rem 2rem}.theme-toggle-container{right:2rem}}.home-container{position:relative;min-height:100vh;z-index:1;padding:20px;box-sizing:border-box;background-color:transparent}.fade-in-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;margin-bottom:20px;color:var(--color-text)}.first-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.no-scroll{overflow:hidden;height:100vh;margin-bottom:0}.no-scroll .fade-in-section{margin-bottom:0}a{display:inline-block;font-family:var(--font-family-heading),sans-serif;font-size:27px;font-weight:700;line-height:1.5;text-decoration:none;color:var(--color-light);padding:0 var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--color-light),var(--color-light));background-size:0 100%;background-position:left center;background-repeat:no-repeat;transition:color .3s ease-in-out,background-size .3s ease-in-out}a:hover{color:var(--color-dark);background-size:100% 100%}.social{--current-social-size: var(--social-size-default);--current-icon-size: var(--icon-size-default);--current-border: calc(var(--current-social-size) * var(--border-thickness));display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);gap:10px;margin:0;padding:0;z-index:10}.social.small{--current-social-size: var(--social-size-small);--current-icon-size: var(--icon-size-small)}.social li{list-style:none}.social li a{font-family:inherit;font-weight:400;text-decoration:none;background-image:none;background-size:initial;background-position:initial;background-repeat:initial;transition:.5s;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--current-social-size);height:var(--current-social-size);padding:0;margin:0;border-radius:50%;border:var(--current-border) solid var(--color-light);background-color:var(--color-light);color:var(--color-dark);position:relative;overflow:hidden;z-index:1;font-size:var(--current-icon-size);line-height:normal}.social li a .icon{position:relative;color:var(--color-dark);transition:.5s;z-index:3;font-size:var(--current-icon-size);line-height:1}.social li a:hover .icon{color:var(--color-light);transform:rotateY(360deg)}.social li a:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;background:red;transition:.5s;z-index:2}.social li a:hover:before{top:0}.social li:nth-child(1) a:before{background:var(--color-dark)}