@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{--font-main: "Jua", sans-serif;--color-primary: #000000;--color-secondary: #0567FE;--color-bg: #FFFFFF;--color-text: #333333;--color-text-light: #666666;--color-light-bg: #f8f9fa;--border-radius: 16px;--spacing-container: 1280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:radial-gradient(circle at 50% 0%,#fff,#dbeafe);color:var(--color-text);line-height:1.6;font-size:18px;min-height:100vh}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 20px}.main-header{position:fixed;top:20px;left:50%;transform:translate(-50%);width:95%;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:15px 0;border-radius:50px;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0000000d}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo img{height:30px;vertical-align:middle}.logo{display:flex;align-items:center}.main-menu .navigation{display:flex;gap:30px;align-items:center;margin-bottom:0}.main-menu .navigation li{display:flex;align-items:center}.main-menu .navigation li a{font-size:1.1rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;height:100%}.main-menu .navigation li a:hover{color:var(--color-secondary)}.navbar-toggle{display:none;background:none;border:none;cursor:pointer}.icon-bar{display:block;width:25px;height:3px;background-color:var(--color-primary);margin:5px auto}.main-hero-area{padding-top:180px;padding-bottom:100px;text-align:center}.hero-content h1{font-size:4rem;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:1.3rem;color:var(--color-text-light);max-width:700px;margin:0 auto 40px}.job{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.job span{background:var(--color-light-bg);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700}.theme-btn{display:inline-block;background-color:var(--color-primary);color:#fff!important;padding:15px 40px;border-radius:50px;font-size:1.2rem;font-weight:700;box-shadow:0 10px 20px #0000001a;transition:transform .2s ease}.banner-input-container{display:flex;align-items:center;justify-content:center;max-width:800px;margin:60px auto;position:relative}.banner-input{width:100%;padding:20px 70px 20px 30px;border-radius:50px;border:2px solid #ddd;font-size:1.2rem;font-family:var(--font-main);box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.banner-input:focus{border-color:var(--color-primary);box-shadow:0 10px 25px #0000001a;outline:none}.banner-submit-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:var(--color-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.banner-submit-btn:hover{background-color:#333}.theme-btn:hover{transform:translateY(-2px);background-color:#333}.section-title{text-align:center;margin-bottom:60px}.section-title .sub-title{display:block;font-size:1.1rem;color:var(--color-secondary);margin-bottom:10px;font-weight:700}.section-title h2{font-size:3rem}.portfolio-area{padding:100px 0;background-color:transparent}.portfolio-card{height:100%;display:flex;flex-direction:column;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;background:#fff;border:none}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.portfolio-icon{height:140px;background-color:#0000000d;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--color-primary)}.main-footer{background-color:transparent;color:var(--color-text);padding:30px 0;text-align:center}.copyright-area p{opacity:.7}@media (max-width: 991px){.navbar-toggle{display:block}.navbar-collapse{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:20px;border-bottom:1px solid #eee}.main-menu .navigation{flex-direction:column;gap:15px;text-align:center}.hero-content h1{font-size:2.5rem}}.MuiTypography-root,#chat-area *{font-family:var(--font-main)!important}