.navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1117cc;display:flex;justify-content:space-between;padding:1.2rem max(5%,calc(50% - 600px));position:fixed;width:100%;z-index:100}.navbar.scrolled{background:#16161ae6;box-shadow:0 2px 10px #0000004d;padding:1rem 10%}.logo{margin-right:auto;text-decoration:none}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#a8edea,#fed6e3);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;transition:opacity .3s ease}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li,.nav-links li a{position:relative}.nav-links li a{color:#fff;display:inline-block;font-size:1.1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-links a:after{background:linear-gradient(45deg,#a8edea,#fed6e3);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-links a:hover{color:#a8edea}.nav-links a:hover:after{width:100%;width:calc(100% - 2rem)}@media (max-width:768px){.navbar{padding:1rem 4%}.menu-toggle{cursor:pointer;display:flex;flex-direction:column;gap:6px;margin-left:auto;margin-right:1rem}.menu-toggle span{background:#fff;display:block;height:3px;transition:all .3s ease;width:28px}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-links{align-items:stretch;background:#0e1117f2;border-radius:8px;box-shadow:0 4px 20px #0000004d;flex-direction:column;gap:0;min-width:200px;padding:.5rem;position:fixed;right:1rem;top:70px;transform:translateX(120%);transition:transform .3s ease-in-out;width:auto}.nav-links.active{transform:translateX(0)}.nav-links li{border-bottom:1px solid #ffffff1a;text-align:center;width:100%}.nav-links li:last-child{border-bottom:none}.nav-links li a{display:block;padding:1rem 2rem;white-space:nowrap}.nav-links a:after{bottom:-2px;width:0}.nav-links a:hover:after{width:80%}}.home{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2c3e50);display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.home:after,.home:before{content:"";height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw}.home:before{animation:backgroundShift 15s linear infinite;background:radial-gradient(circle at 15% 15%,#651fff1a 0,#0000 25%),radial-gradient(circle at 85% 85%,#00b7ff1a 0,#0000 25%),linear-gradient(45deg,#0000 48%,#ffffff08 49%,#ffffff08 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#ffffff08 49%,#ffffff08 51%,#0000 52%);background-size:100% 100%,100% 100%,60px 60px,60px 60px}.home:after{background:radial-gradient(circle at 50% 50%,#0000 0,#0000004d 100%);mix-blend-mode:multiply}.particles{inset:0;pointer-events:none;position:fixed;z-index:1}.particle{animation:float 20s linear infinite;background:#a8edea80;border-radius:50%;height:4px;position:absolute;width:4px}.particle:nth-child(3n){background:#fed6e380;height:6px;width:6px}.particle:nth-child(4n){background:#ffffff80;height:3px;width:3px}body{background:#1a1a1a;margin:0;overflow-x:hidden;padding:0}.content-wrapper{align-items:center;display:flex;gap:2rem;justify-content:space-between;max-width:1200px;width:100%;z-index:2}.content-wrapper,.hero-content{padding:0 2rem;position:relative}.hero-content{flex:1 1;margin-top:80px;max-width:600px;text-align:center;z-index:1}.hero-title{-webkit-text-fill-color:#0000;animation:revealText 1s ease .3s forwards;background:linear-gradient(45deg,#a8edea,#fed6e3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:2rem;opacity:0;position:relative}.hero-title:after{animation:titleShine 5s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);-webkit-background-clip:text;background-clip:text;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.hero-subtitle{animation:fadeIn 1s ease .8s forwards;color:#fffc;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.6;margin-bottom:3rem;opacity:0}.cta-button{animation:fadeInUp 1s ease 1.3s forwards;background:linear-gradient(45deg,#a8edea,#fed6e3);border:none;border-radius:30px;box-shadow:0 4px 15px #a8edea4d;color:#2c3e50;cursor:pointer;font-size:1.2rem;font-weight:700;opacity:0;padding:1.2rem 2.5rem;transition:all .4s ease}.cta-button:hover{box-shadow:0 6px 20px #a8edea66;transform:translateY(-5px) scale(1.05)}.hero-image{cursor:pointer;flex:1 1;max-width:500px;perspective:1000px;position:relative;transform-style:preserve-3d;z-index:2}.hero-image img{border-radius:20px;box-shadow:0 10px 30px #0000004d;height:auto;pointer-events:none;transform:perspective(1000px) rotateX(5deg) rotateY(-15deg);transform:perspective(1000px) rotateX(var(--rotateX,5deg)) rotateY(var(--rotateY,-15deg));transition:transform .3s ease;width:100%}.cursor{background:#a8edea80;border-radius:50%;display:none;height:20px;mix-blend-mode:difference;pointer-events:none;position:fixed;transition:transform .2s ease;width:20px;z-index:1000}@media (hover:hover){.cursor{display:block}.hero-image:hover .cursor{transform:scale(2)}}@media (hover:none){.hero-image{cursor:pointer}.hero-image:active img{transition:transform .1s ease}}@keyframes revealText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home:before{background:radial-gradient(circle at 20% 30%,#2980b91a 0,#0000 50%),radial-gradient(circle at 80% 70%,#8e44ad1a 0,#0000 50%);content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-image:hover img{transform:perspective(1000px) rotateX(var(--rotateX)) rotateY(var(--rotateY)) scale(1.02)}.hero-image:hover:after{opacity:.8}@keyframes backgroundShift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:100% 100%,-100% -100%,60px 60px,60px 60px}}@keyframes float{0%{opacity:0;transform:translate(0)}20%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:translate(var(--moveX),var(--moveY))}}.gradient-orb{border-radius:50%;filter:blur(60px);opacity:.2;pointer-events:none;position:absolute}.orb-1{animation:orbFloat 20s infinite alternate;background:radial-gradient(circle,#a8edea 0,#0000 70%);height:400px;left:-100px;top:-100px;width:400px}.orb-2{animation:orbFloat 15s infinite alternate-reverse;background:radial-gradient(circle,#fed6e3 0,#0000 70%);bottom:-50px;height:300px;right:-50px;width:300px}.decorative-lines{height:100%;opacity:.1;overflow:hidden;pointer-events:none}.decorative-lines,.line{position:absolute;width:100%}.line{animation:lineScan 15s linear infinite;background:linear-gradient(90deg,#0000,#fff,#0000);height:1px}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}to{transform:translate(-30px,-30px) scale(.9)}}@keyframes lineScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes titleShine{0%{transform:translateX(-200%)}to{transform:translateX(200%)}}@media (max-width:768px){.content-wrapper{flex-direction:column;padding:2rem 1rem}.hero-image{height:200px;margin:0 auto;touch-action:none;transform:perspective(1000px) rotateX(15deg) rotateY(0deg) translateZ(20px);transform-origin:center bottom;transition:transform .3s ease-out;-webkit-user-select:none;user-select:none;width:200px;will-change:transform}.hero-image.touching{cursor:grabbing;transition:none}.hero-image img{backface-visibility:hidden;border-radius:20px;height:100%;object-fit:cover;pointer-events:none;transform:translateZ(0);width:100%}.hero-image:hover{transform:perspective(1000px) rotateX(20deg) rotateY(0deg) translateZ(30px)!important}.hero-content{margin-bottom:2rem}.content-wrapper{flex-direction:column-reverse;padding:6rem 1rem 2rem;text-align:center}.hero-content{order:2;padding:2rem 0}.hero-title{font-size:clamp(2rem,6vw,3rem)}.hero-subtitle{font-size:clamp(1rem,4vw,1.4rem);padding:0 1rem}.cta-button{font-size:1rem;padding:1rem 2rem}.hero-image img{position:relative;z-index:1}.hero-image img:after{background:radial-gradient(circle,#ffffff1a,#0000);border-radius:50%;content:"";height:140%;left:-20%;opacity:0;pointer-events:none;position:absolute;top:-20%;transition:opacity .3s ease;width:140%}.hero-image:hover img:after{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0e1117;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-container{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:linear-gradient(to bottom right,#0e1117,#1f2733);display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100%;z-index:9999}.loading-text{animation:textFade 2s ease-in-out infinite;bottom:20%;color:#6bb2cd;font-size:2rem;font-weight:700;left:50%;opacity:0;position:absolute;text-shadow:2px 2px 4px #0003;transform:translateX(-50%)}@keyframes textFade{0%,to{opacity:1;transform:translateX(-50%) translateY(10px)}50%{opacity:1;transform:translateX(-50%) translateY(0)}}.container{height:200px;position:relative;width:200px}.device{animation:dot1_ 2s cubic-bezier(.55,.3,.24,.99) infinite;background:#1e3f57;border-radius:5px;height:100px;left:50%;margin-left:-80px;margin-top:-50px;position:absolute;top:50%;width:160px;z-index:10}.device:nth-child(2){animation-name:dot2_;background:#3c517d;border-radius:3px;height:90px;margin-left:-75px;margin-top:-45px;width:150px;z-index:11}.device:nth-child(3){animation-name:dot3_;background:#6bb2cd;border-radius:0 0 5px 5px;height:20px;margin-left:-20px;margin-top:50px;width:40px;z-index:12}@keyframes dot1_{3%,97%{height:100px;margin-left:-80px;margin-top:-50px;width:160px}30%,36%{height:120px;margin-left:-40px;margin-top:-60px;width:80px}63%,69%{height:80px;margin-left:-20px;margin-top:-40px;width:40px}}@keyframes dot2_{3%,97%{height:90px;margin-left:-75px;margin-top:-45px;width:150px}30%,36%{height:96px;margin-left:-35px;margin-top:-48px;width:70px}63%,69%{height:60px;margin-left:-16px;margin-top:-30px;width:32px}}@keyframes dot3_{3%,97%{height:20px;margin-left:-20px;margin-top:50px;width:40px}30%,36%{border-radius:8px;height:8px;margin-left:-5px;margin-top:49px;width:8px}63%,69%{border-radius:10px;height:4px;margin-left:-8px;margin-top:-37px;width:16px}}.chat-container{background:#343541;display:flex;flex-direction:column;min-height:100vh;padding-top:70px;position:relative;width:100%}.chat-messages{-webkit-overflow-scrolling:touch;height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;padding:0;pointer-events:auto!important;scroll-behavior:smooth;scrollbar-color:#565869 #40414f;scrollbar-width:thin;-webkit-user-select:text!important;user-select:text!important}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#40414f}.chat-messages::-webkit-scrollbar-thumb{background-color:#565869;border-radius:20px}.message{opacity:1;padding:1rem 0;pointer-events:auto!important;transform:translateZ(0);transition:none;-webkit-user-select:text!important;user-select:text!important;width:100%;will-change:transform}.message.user{align-items:flex-end;display:flex;flex-direction:column;padding:1rem 2rem;pointer-events:none}.message.user .message-content{background:#444654;border-radius:15px 15px 0 15px;color:#fff;max-width:80%;padding:1rem 1.5rem;pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.message.user .message-header{margin:0 0 .3rem;padding:0;text-align:right;width:80%}.message.user .uploaded-image{align-self:flex-end;margin-right:0}.message.assistant{align-items:flex-start;display:flex;flex-direction:column;opacity:1;padding:1.5rem 2rem;pointer-events:none;width:100%}.message.assistant .message-header{margin:0 0 .3rem;padding:0;text-align:left;width:80%}.message.assistant .message-content{background:#0000;border-radius:0;color:#d1d5db;line-height:1.6;margin:0;max-width:80%;opacity:1;padding:0;pointer-events:auto!important;position:relative;-webkit-user-select:text!important;user-select:text!important}.message.assistant .message-content p{background:#2d2d2d;border-radius:8px;margin:.5rem 0;padding:1rem}.message.assistant .message-content p:first-of-type{margin-top:0}.message.assistant .message-content p:last-of-type{margin-bottom:0}.message.assistant .uploaded-image{align-self:flex-start;margin-left:0}.message.assistant pre{background:#1e1e1e;border-radius:8px;font-family:Fira Code,monospace;margin:.5rem 0;position:relative}.message.assistant pre code{color:#e6e6e6;display:block;font-size:.9rem;line-height:1.5;overflow-x:auto;padding:1rem}.copy-btn{align-items:center;background:#40414f;border:none;border-radius:4px;bottom:-30px;color:#8e8ea0;cursor:pointer;display:flex;font-size:.8rem;gap:4px;left:0;opacity:0;padding:.4rem;position:absolute;transition:all .2s}.code-block:hover .copy-btn{opacity:1;transform:translateY(-5px)}.copy-btn:hover{background:#565869;color:#fff}.copy-btn svg{height:14px;width:14px}.copy-tooltip{background:#40414f;border-radius:4px;font-size:.75rem;left:100%;margin-left:8px;opacity:0;padding:.2rem .5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s;white-space:nowrap}.copy-btn:hover .copy-tooltip{opacity:1}.message.assistant.typing{background:none;padding:.5rem 2rem}.message.assistant.typing .message-content{align-items:center;color:#a8edea;display:flex;font-weight:500;text-shadow:0 0 10px #a8edea4d}.message-header{color:#ececf1;font-size:.85rem;margin:0 auto;max-width:85%;opacity:.7;padding-bottom:.5rem}.chat-container.is-typing .message{animation:none!important;transform:none!important;transition:none!important}.chat-input-container{align-items:center;background:linear-gradient(180deg,#0000,#343541 50%);bottom:0;display:flex;gap:.5rem;justify-content:center;padding:1.5rem;position:sticky}.chat-controls{align-items:center;background:#40414f;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 0 15px #0000001a;display:flex;gap:.75rem;max-width:48rem;padding:.8rem 1.2rem;width:100%}.image-input-wrapper{height:24px;position:relative;width:24px}.image-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.image-input-icon{color:#8e8ea0;height:24px;transition:color .2s;width:24px}.image-input-wrapper:hover .image-input-icon{color:#fff}.image-preview-container{background:#40414f;border:1px solid #ffffff1a;border-radius:8px;bottom:100%;left:50%;margin-bottom:1rem;padding:.5rem;position:absolute;transform:translateX(-50%)}.image-preview{border-radius:8px;margin-top:.5rem;max-height:100px;max-width:100px}.cancel-image{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:-8px;top:-8px;width:20px}.cancel-image:hover{background:#dc2626}.uploaded-image{border-radius:8px;display:block;margin:0 0 .5rem;max-height:200px;max-width:300px}.chat-submit{align-items:center;background:#10a37f;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;margin-left:.5rem;padding:.8rem;transition:all .2s;width:42px}.chat-submit svg{height:20px;width:20px}.chat-submit.cancel{background:#ef4444}.chat-submit.cancel:hover{background:#dc2626}.chat-submit:disabled{background:#565869;cursor:not-allowed}.chat-input{background:#0000;border:none;color:#fff;font-size:1rem;outline:none;resize:none;width:100%}.thinking{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:20px;display:inline-flex;gap:6px;margin-left:12px;padding:8px 16px}.thinking-dot{animation:pulseAndBounce 1.5s infinite;background:linear-gradient(45deg,#a8edea,#fed6e3);border-radius:50%;height:6px;opacity:.7;width:6px}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes pulseAndBounce{0%,to{opacity:.7;transform:translateY(0) scale(1)}50%{box-shadow:0 5px 15px #a8edea66;opacity:1;transform:translateY(-10px) scale(1.2)}}.welcome-message{align-items:center;animation:fadeIn 1s ease-in forwards;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;opacity:0;text-align:center}.welcome-message h1{-webkit-text-fill-color:#0000;animation:slideDown .8s ease-out;background:linear-gradient(90deg,#10a37f,#34d399);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.welcome-message p{animation:slideUp .8s ease-out .3s both;color:#8e8ea0;font-size:1.2rem}.scroll-bottom-btn{align-items:center;background:#40414f;border:1px solid #ffffff1a;border-radius:50%;bottom:100px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:fixed;right:20px;transform:translateY(20px);transition:all .3s ease;width:40px}.scroll-bottom-btn.visible{opacity:1;transform:translateY(0)}.scroll-bottom-btn:hover{background:#565869}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-block-wrapper{background:#1e1e1e;border-radius:8px;margin:1rem 0;overflow:hidden}.code-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;padding:.5rem 1rem}.code-lang{color:#888;font-family:monospace;font-size:.85rem}.copy-button{align-items:center;background:#363636;border:1px solid #4d4d4d;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem .75rem;transition:all .2s}.copy-button:hover{background:#404040;border-color:#5d5d5d}.copy-button svg{height:14px;width:14px}pre{background:#1e1e1e;margin:0;overflow-x:auto;padding:1rem}code{font-size:.9rem;line-height:1.5}.inline-code,code{font-family:Fira Code,monospace}.inline-code{background:#2d2d2d;border-radius:3px;color:#e6e6e6;padding:.2em .4em}.keyword{color:#569cd6}.string{color:#ce9178}.comment{color:#6a9955}@media (max-width:768px){.chat-container{background:#343541;bottom:0;display:flex;flex-direction:column;height:100%;left:0;position:fixed;right:0;top:0}.chat-messages{flex:1 1;height:auto;overflow-y:auto;padding-bottom:100px}.message.assistant.typing{bottom:70px;padding:1rem 2rem;position:relative}.chat-input-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#343541f2;bottom:0;left:0;padding:8px;position:fixed;right:0;transition:transform .15s ease-out,bottom .15s ease-out;will-change:transform,bottom;z-index:999}@supports (-webkit-touch-callout:none){.chat-container{height:-webkit-fill-available}.chat-messages{padding-bottom:calc(70px + env(safe-area-inset-bottom, 20px));transition:padding-bottom .15s ease-out}.chat-input-container{bottom:env(safe-area-inset-bottom,0);padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}body.keyboard-visible .chat-input-container{bottom:30vh;position:fixed;transform:translateY(0)}body.keyboard-visible .chat-input-container,body:not(.keyboard-visible) .chat-input-container{transition:transform .15s ease-out,bottom .15s ease-out}}@supports not (-webkit-touch-callout:none){.chat-input-container{background:#343541}.chat-input-container,body.keyboard-visible .chat-input-container{bottom:0;position:fixed;transition:transform .15s ease-out,bottom .15s ease-out}}}.projects{background:linear-gradient(135deg,#1a1a1a,#2c3e50);color:#fff;min-height:100vh;padding:70px 2rem 4rem}.projects-header{margin-bottom:4rem;text-align:center}.projects-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#a8edea,#fed6e3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.projects-header p{color:#8e8ea0;font-size:1.2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.project-card.featured{background:linear-gradient(135deg,#a8edea1a,#fed6e31a);grid-column:1/-1}.project-content{padding:2rem}.project-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#a8edea,#fed6e3);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:1rem}.project-stats{display:flex;gap:2rem;margin:2rem 0}.stat{text-align:center}.stat-number{color:#a8edea;display:block;font-size:2rem;font-weight:700}.stat-label{color:#8e8ea0;font-size:.9rem}.project-tags{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.tag{background:#ffffff1a;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.visit-btn{align-items:center;background:linear-gradient(45deg,#a8edea,#fed6e3);border-radius:25px;color:#2c3e50;display:inline-flex;font-weight:700;gap:.5rem;margin-top:1.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:transform .2s ease}.visit-btn:hover{transform:translateX(5px)}.arrow-icon{stroke:currentColor;stroke-width:2;fill:none;height:20px;width:20px}.project-links{display:flex;gap:1rem;margin-top:1rem}.demo-link,.github-link{border-radius:20px;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:opacity .2s ease}.demo-link{background:#a8edea33;color:#a8edea}.github-link{background:#fed6e333;color:#fed6e3}.demo-link:hover,.github-link:hover{opacity:.8}.social-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;overflow:hidden;position:relative}.social-card:before{background:radial-gradient(circle at top right,#ffffff1a,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.social-card:hover:before{opacity:1}.social-icon{height:48px;margin-bottom:1rem;transition:transform .3s ease;width:48px}.social-card:hover .social-icon{transform:scale(1.1)}.social-icon svg{height:100%;width:100%}.github .social-icon{color:#6e5494}.instagram .social-icon{color:#e4405f}.whatsapp .social-icon{color:#25d366}.social-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:25px;cursor:pointer;font-weight:700;margin-top:1.5rem;outline:none;position:relative;transition:all .2s ease;z-index:10}.social-btn:active{transform:scale(.98)}.github-btn{background:linear-gradient(45deg,#6e5494,#7e64a4);color:#fff}.instagram-btn{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.whatsapp-btn{background:linear-gradient(45deg,#25d366,#128c7e);color:#fff}social-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}social-btn .arrow{transition:transform .2s ease}social-btn:hover .arrow{transform:translateX(5px)}.music-website{background:linear-gradient(135deg,#a8edea1a,#8000ff1a);border:1px solid #ffffff1a}.music-preview{margin-bottom:1.5rem}.music-icon{animation:pulse 2s ease-in-out infinite;color:#a8edea;height:64px;width:64px}.primary-btn{background:linear-gradient(45deg,#a8edea,#8000ff);color:#fff;font-weight:700}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}@media (max-width:768px){.projects{padding:70px 1rem 2rem}.projects-grid{gap:1.5rem}.project-card.featured{border-radius:0;margin:-1rem;padding:1rem}.project-stats{gap:1rem}.stat-number{font-size:1.5rem}}.contact{background:linear-gradient(135deg,#1a1a1a,#2c3e50);color:#fff;min-height:100vh;padding:80px 2rem}.contact-content{margin:0 auto;max-width:800px}.contact-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#a8edea,#fed6e3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);margin-bottom:2rem;text-align:center}.comments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.comment-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.comment-form input,.comment-form textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease}.comment-form textarea{min-height:100px;resize:vertical}.comments-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.comment-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem;transition:transform .2s ease}.comment-card:hover{transform:translateY(-2px)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-header strong{color:#a8edea;font-size:1.1rem}.comment-date{color:#8e8ea0;font-size:.9rem}.like-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-top:.5rem;opacity:.8;padding:.5rem 1rem;transition:all .2s ease}.like-button:hover{opacity:1;transform:scale(1.1)}.input-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-group input{padding:.8rem 1rem}.comment-body textarea,.input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.comment-body textarea{min-height:150px;padding:1rem;resize:vertical;width:100%}input:focus,textarea:focus{border-color:#a8edea;box-shadow:0 0 0 2px #a8edea33;outline:none}.submit-btn{align-items:center;background:linear-gradient(45deg,#a8edea,#fed6e3);border:none;border-radius:10px;color:#2c3e50;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 5px 15px #a8edea4d;transform:translateY(-2px)}.btn-icon{transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translateX(5px)}.social-links{margin-top:3rem;text-align:center}.social-links h3{color:#8e8ea0;margin-bottom:1.5rem}.social-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.social-btn{align-items:center;border-radius:10px;display:inline-flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-btn svg{height:20px;width:20px}.social-btn.github{background:linear-gradient(45deg,#6e5494,#7e64a4);color:#fff}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.social-btn.whatsapp{background:linear-gradient(45deg,#25d366,#128c7e);color:#fff}.social-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:768px){.contact{padding:60px 1rem}.comments-section{padding:1.5rem}.social-buttons{flex-direction:column}.social-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.39d47b67.css.map*/