:root{--bg-dark: #050505;--bg-surface: #0a0a0a;--bg-surface-elevated: #111111;--accent-blue: #00f0ff;--accent-blue-hover: #33f3ff;--accent-glow: rgba(0, 240, 255, .15);--text-primary: #ffffff;--text-secondary: #a1a1aa;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--stripe-a: rgba(5, 5, 5, .6);--stripe-b: rgba(13, 13, 15, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(255,255,255,.015) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(0,240,255,.03) 0%,transparent 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}.glass-panel{background:#1119;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:var(--transition-smooth)}.glass-panel:hover{border-color:#ffffff1a;transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg,#ffffff 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.stripe-a{background-color:var(--stripe-a)}.stripe-b{background-color:var(--stripe-b);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px #00f0ff08}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.text-xl{font-size:1.25rem}.text-secondary{color:var(--text-secondary)}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mt-20{margin-top:5rem}.border-t{border-top:1px solid rgba(255,255,255,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1rem;font-weight:500;border-radius:8px;transition:var(--transition-smooth)}.btn-primary{background:var(--text-primary);color:var(--bg-dark)}.btn-primary:hover{background:var(--text-secondary);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}.slider-overlay{opacity:0;transition:opacity .3s ease}.slider-container:hover .slider-overlay{opacity:1}.project-card{display:flex;flex-direction:row;overflow:hidden}.project-card.reverse{flex-direction:row-reverse}.project-card>.project-visual,.project-card>.project-content{flex:1 1 50%}@media (max-width: 768px){.project-card,.project-card.reverse{flex-direction:column}.project-card>.project-visual{min-height:300px!important;border-right:none!important;border-left:none!important;border-bottom:1px solid rgba(255,255,255,.05)}.project-card>.project-content{padding:2rem!important}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 32s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.marquee-item{display:flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;flex-shrink:0}@media (max-width: 768px){.section-padding{padding:64px 0}.container{padding:0 18px}.about-card{padding:2rem 1.5rem!important}.about-watermark{display:none}.about-badges{gap:1rem!important}.text-gradient,.text-gradient-accent{word-break:break-word}.glass-panel{word-break:break-word;overflow-wrap:break-word}nav .container{padding:0 16px}}.chat-widget-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}.chat-toggle-btn{width:60px;height:60px;border-radius:50%;background:var(--bg-surface-elevated);border:1px solid rgba(0,240,255,.4);box-shadow:0 0 15px #00f0ff33,inset 0 0 15px #00f0ff1a;display:flex;justify-content:center;align-items:center;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.chat-toggle-btn.hidden{transform:scale(0);opacity:0;pointer-events:none}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 25px #00f0ff66,inset 0 0 20px #00f0ff33}.btn-glow-effect{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:0 0 20px #00f0ffcc;animation:pulse-3d 2s infinite cubic-bezier(.4,0,.6,1);z-index:-1}@keyframes pulse-3d{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:0}to{transform:scale(.95);opacity:0}}.toggle-icon-svg{width:32px;height:auto;filter:drop-shadow(0 0 4px var(--accent-blue))}.chat-window{width:380px;height:500px;max-height:calc(100vh - 100px);margin-bottom:20px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.95);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom right;background:#0a0a0ad9;box-shadow:0 10px 40px #00000080,0 0 20px #00f0ff1a}@media (max-width: 480px){.chat-window{width:calc(100vw - 48px)}}.chat-window.open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}.chat-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(135deg,rgba(0,240,255,.05),transparent)}.chat-logo-bg{width:36px;height:36px;border-radius:50%;background:var(--bg-surface-elevated);display:flex;justify-content:center;align-items:center;border:1px solid rgba(0,240,255,.3)}.chat-logo{width:20px;height:auto}.online-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;display:block;box-shadow:0 0 8px #2ecc71;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.close-btn{color:var(--text-secondary);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chat-bubble-wrapper{display:flex;width:100%}.chat-bubble-wrapper.user{justify-content:flex-end}.chat-bubble-wrapper.assistant{justify-content:flex-start}.chat-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:.9rem;line-height:1.4;word-wrap:break-word}.chat-bubble.user{background:#00f0ff26;border:1px solid rgba(0,240,255,.3);color:var(--text-primary);border-bottom-right-radius:4px}.chat-bubble.assistant{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-bottom-left-radius:4px}.typing-indicator{display:flex;gap:4px;align-items:center;padding:12px 16px}.typing-indicator .dot{width:6px;height:6px;background-color:var(--text-secondary);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator .dot:nth-child(1){animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-area{padding:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:12px;align-items:center;background:transparent}.chat-input-area input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:12px 16px;border-radius:20px;font-family:var(--font-body);font-size:.9rem;outline:none;transition:var(--transition-smooth)}.chat-input-area input:focus{border-color:#00f0ff66;background:#ffffff0d}.chat-input-area input::placeholder{color:#ffffff4d}.send-btn{width:42px;height:42px;border-radius:50%;background:#00f0ff26;display:flex;justify-content:center;align-items:center;color:var(--accent-blue);transition:all .2s}.send-btn:not(:disabled):hover{background:#00f0ff4d;color:#fff;transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:#fff3}
