.hero-section{background:linear-gradient(#f7f7f7 0%,#fff 40%,#e9e9e9 100%);justify-content:center;align-items:center;min-height:80vh;padding:0 1rem;display:flex;position:relative;overflow:hidden}html.dark .hero-section{background:radial-gradient(circle,#0d0d0d,#000 80%)}.marquee-wrapper{opacity:.15;pointer-events:none;position:absolute;inset:0;overflow:hidden}html.light .marquee-row{color:#00000073}html.dark .marquee-row{color:#ffffff73}.marquee-row{white-space:nowrap;margin:-1.2rem 0;font-size:7rem;font-weight:800;animation:25s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-content{z-index:10;text-align:center;max-width:900px;position:relative}html.light .hero-content h1{color:#111;text-shadow:0 2px 12px #0000000f}html.light .hero-content h2{color:#444}html.dark .hero-content h1{color:#fff;text-shadow:0 2px 16px #ffffff26}html.dark .hero-content h2{color:#ddd}.hero-content h1{margin-bottom:.6rem;font-size:3.5rem;font-weight:700}.hero-content h2{opacity:.9;font-size:1.3rem;font-weight:300}@media (max-width:768px){.marquee-row{font-size:3rem}.hero-content h1{font-size:2rem}.hero-content h2{font-size:1rem}}.hero-section:before{content:"";z-index:5;background:linear-gradient(#0000001a,#0000 40%);position:absolute;inset:0}html.dark .hero-section:before{background:linear-gradient(#0006,#0000 40%)}.hero-content{opacity:0;animation:.8s forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.tech-carousel-wrapper{justify-content:center;align-items:center;width:100%;padding:1.5rem 0;display:flex;position:relative;overflow:hidden}.fade-left,.fade-right{pointer-events:none;z-index:10;width:120px;height:100%;position:absolute;top:0}:root{--bg-main:#fff}.dark{--bg-main:#000}.fade-left{background:linear-gradient(to right, var(--bg-main) 0%, transparent 100%);left:0}.fade-right{background:linear-gradient(to left, var(--bg-main) 0%, transparent 100%);right:0}.tech-carousel{align-items:center;gap:3rem;width:max-content;animation:40s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-item{opacity:.85;transition:transform .3s,opacity .3s}.tech-item:hover{opacity:1;transform:scale(1.15)}
.contact-section{width:100%;padding:3rem 1.5rem}.contact-title{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.contact-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;display:grid}@media (max-width:800px){.contact-container{grid-template-columns:1fr}}.glass-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:1.5rem;animation:.4s both fadeIn;box-shadow:0 4px 24px #0000002e}html.light .glass-box{background:#fff9;border:1px solid #00000014}html.dark .glass-box{background:#ffffff0f;border:1px solid #ffffff14}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.social-panel{flex-direction:column;justify-content:center;align-items:center;display:flex}.social-title{text-align:center;margin-bottom:1.2rem;font-size:1.2rem}.icon-grid{grid-template-columns:repeat(2,70px);gap:1.5rem;display:grid}.icon-wrapper{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .25s;display:flex}html.light .icon-wrapper{background:#fff6;border:1px solid #00000014}html.dark .icon-wrapper{background:#ffffff0d;border:1px solid #ffffff1f}.icon-wrapper:hover{color:#f44;border-color:#ff000073;transform:scale(1.08);box-shadow:0 0 12px #f006}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.4rem;display:flex}html.light input,html.light textarea{background:#ffffff73;border:1px solid #0000001f}html.dark input,html.dark textarea{background:#ffffff0f;border:1px solid #ffffff26}input,textarea{resize:none;color:inherit;border-radius:10px;padding:.8rem 1rem}input:focus,textarea:focus{border-color:#ff00008c;outline:none}.submit-btn{cursor:pointer;background:#f33;border:none;border-radius:12px;padding:1rem;font-weight:600;transition:all .25s}.submit-btn:hover{background:#f44;transform:translateY(-2px);box-shadow:0 0 12px #ff323273}.hero-section:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--fade-color));height:120px;position:absolute;bottom:0;left:0;right:0}html.dark{--fade-color:#000}html.light{--fade-color:#fff}