.social-links{position:absolute;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;gap:var(--spacing-md);z-index:10}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:var(--bg-overlay-hover);transform:translateY(-2px);box-shadow:0 4px 20px #4a90e233}.social-icon{width:18px;height:18px;fill:var(--color-secondary);transition:var(--transition-base)}.social-link:hover .social-icon{fill:var(--color-primary)}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.landing-page__background{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);z-index:-1}.landing-page__header{text-align:center;margin-bottom:var(--spacing-2xl)}.landing-page__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page__typewriter-cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.landing-page__subtitle{font-size:var(--font-size-xl);opacity:.7;margin-top:var(--spacing-md)}.landing-page__navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);width:100%;max-width:600px}.nav-link{background:var(--bg-overlay);padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-primary);border:1px solid var(--border-primary);font-size:var(--font-size-lg);transition:var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.nav-link:hover{background:var(--bg-overlay-hover);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-glow)}.nav-link__emoji{font-size:var(--spacing-xl)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-overlay);border:1px solid var(--border-primary);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;position:relative}.back-button:hover{background:var(--bg-overlay-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow)}.back-button:active{transform:translateY(-1px)}.service-card{background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-decoration:none;color:var(--color-primary);transition:var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;position:relative;overflow:hidden}.hosting-page{min-height:100vh;padding:var(--spacing-xl);position:relative;overflow:hidden;color:var(--color-primary)}.hosting-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);z-index:-1}.hosting-page__back-btn{margin-bottom:var(--spacing-xl)}.hosting-page__header{text-align:center;margin-bottom:var(--spacing-2xl)}.hosting-page__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hosting-page__subtitle{font-size:var(--font-size-xl);opacity:.7;margin-bottom:var(--spacing-xl)}.hosting-page__content{max-width:1200px;margin:0 auto}.hosting-page__section{margin-bottom:var(--spacing-2xl)}.hosting-page__section-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-primary);text-align:center}.hosting-page__services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);width:100%;max-width:600px;margin:0 auto}.service-card{background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-decoration:none;color:var(--color-primary);transition:var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4a90e21a,#7b68ee1a);opacity:0;transition:var(--transition-base);z-index:-1}.service-card:hover{background:var(--bg-overlay-hover);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-glow)}.service-card:hover:before{opacity:1}.service-card__name{font-size:var(--font-size-lg)}:root{--color-primary: #ffffff;--color-secondary: #b3b3b3;--color-tertiary: #666666;--bg-primary: #0f0f0f;--bg-overlay: rgba(255, 255, 255, .08);--bg-overlay-hover: rgba(255, 255, 255, .15);--border-primary: rgba(255, 255, 255, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-base: all .3s ease;--gradient-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-text: linear-gradient(135deg, #4a90e2 0%, #7b68ee 100%);--shadow-glow: 0 10px 30px rgba(102, 126, 234, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--color-primary)}#root{min-height:100vh}