:root{--color-primary: #FFCC00;--color-primary-dark: #cc9900;--color-secondary: #F8F9FA;--color-surface: #FFFFFF;--color-text-main: #1A1A1A;--color-text-muted: #555555;--color-border: #E5E7EB;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--font-family-sans: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: .95rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.2rem;--container-width: 1200px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition-speed: .4s;--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 8px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .06)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-sans);background-color:var(--color-secondary);color:var(--color-text-main);line-height:1.6;scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#root{display:flex;flex-direction:column;flex:1;width:100%}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--spacing-sm)}.section{padding-block:var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding-block:.75rem;padding-inline:1.5rem;font-weight:600;border-radius:var(--radius-sm);transition:opacity var(--transition-speed)}.btn-primary{background-color:var(--color-primary);color:#000}.btn-primary:hover{opacity:.9}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#000}h1{font-size:var(--font-size-h1);line-height:1.2;margin-block-end:var(--spacing-sm)}h2{font-size:var(--font-size-h2);line-height:1.3;margin-block-end:var(--spacing-sm)}h3{font-size:var(--font-size-h3);margin-block-end:var(--spacing-xs)}p{margin-block-end:var(--spacing-sm);color:var(--color-text-muted)}@media(min-width:650px){:root{--font-size-h1: 3.5rem;--font-size-h2: 2.5rem;--font-size-h3: 1.75rem;--spacing-md: 2rem;--spacing-lg: 5rem;--spacing-xl: 8rem}}.header{background-color:var(--color-surface);opacity:.98;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:9999;padding-block:var(--spacing-sm)}main{padding-top:73px;min-height:100vh}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--spacing-sm)}.logo img{height:40px;width:auto;object-fit:contain}.nav-desktop{display:none}.nav-links{display:flex;gap:var(--spacing-md)}.nav-link{color:var(--color-text-main);font-weight:500;transition:color var(--transition-speed);font-size:.95rem;letter-spacing:.02em}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-mobile-toggle{display:block;font-size:1.5rem;color:var(--color-text-main);z-index:10001;position:relative}.mobile-menu{position:fixed;top:0;right:0;width:70vw;background-color:#fff;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding-top:80px;padding-left:2rem;padding-right:1rem;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:10000;box-shadow:-4px 0 20px #00000026;overflow-y:auto}[dir=rtl] .mobile-menu{transform:translate(-100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu .nav-link{font-size:1.1rem;font-weight:500;color:var(--color-text-main);text-align:left;width:100%;padding:.5rem 0;position:relative}.mobile-menu .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--color-primary);transition:width .3s ease}.mobile-menu .nav-link:hover:after,.mobile-menu .nav-link.active:after{width:100%}@media(min-width:650px){.nav-desktop{display:block}.nav-mobile-toggle,.mobile-menu{display:none}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding-block:var(--spacing-lg) var(--spacing-md);margin-top:auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-col h4{color:var(--color-text-main);margin-bottom:var(--spacing-sm);font-size:1.1rem}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--color-text-muted);transition:color .2s}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);text-align:center;font-size:.875rem;color:var(--color-text-muted)}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-speed) var(--transition-bounce);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;text-align:center}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--color-primary);opacity:0;transition:opacity var(--transition-speed)}.card:hover:after{opacity:1}.card-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.card-title{color:var(--color-text-main);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(min-width:768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.form-group{margin-bottom:var(--spacing-sm)}.form-label{display:block;margin-bottom:.5rem;color:var(--color-text-main);font-weight:500}.form-input,.form-textarea{width:100%;padding:.75rem;background-color:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 3px #fc03}.form-textarea{min-height:120px;resize:vertical}.btn{box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:650px){.mobile-only{display:none}.desktop-only{display:block}}.hero-section{background:linear-gradient(135deg,#fff,#fafafa);height:100vh;display:flex;align-items:center;justify-content:center;padding-bottom:2rem}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:center}.hero-content{max-width:600px;animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) forwards}.hero-title{font-size:2.75rem;font-weight:800;line-height:1.1;color:var(--color-text-main);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.hero-subtitle{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.6}.hero-image{position:relative;display:flex;justify-content:center;align-items:center;animation:scaleIn 1s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;animation-delay:.2s}.hero-image img{width:100%;max-width:500px;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg);transition:transform .5s ease}.hero-image:hover img{transform:perspective(1000px) rotateY(0)}@media(min-width:650px){.hero-section{min-height:85vh;padding-block:var(--spacing-xl)}.hero-grid{grid-template-columns:1.2fr .8fr}}