@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}code{font-family:Poppins,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f60,#ff7f00);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff4500,#f60)}::selection{background:#ff66004d;color:#fff}::-moz-selection{background:#ff66004d;color:#fff}@layer base{:root{--background:0 0% 0%;--foreground:0 0% 100%;--card:0 0% 5%;--card-foreground:0 0% 100%;--popover:0 0% 5%;--popover-foreground:0 0% 100%;--primary:0 0% 100%;--primary-foreground:0 0% 0%;--secondary:0 0% 10%;--secondary-foreground:0 0% 100%;--muted:0 0% 10%;--muted-foreground:0 0% 60%;--accent:14 100% 60%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:0 0% 15%;--input:0 0% 15%;--ring:14 100% 60%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.75rem}*,body{@apply bg-background text-foreground}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ff6b351a,#0000);background-size:468px 100%}*{transition:all .2s ease-in-out}:focus{outline:2px solid #f60;outline-offset:2px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-background:#000;--color-background-secondary:#0a0a0a;--color-background-tertiary:#1a1a1a;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff1a;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--border-glass:#ffffff1a;--border-glass-bright:#fff3;--accent-primary:#f60;--accent-secondary:#ff7f00;--accent-hover:#ff4500;--accent-gradient:linear-gradient(135deg,#f60,#ff7f00);--accent-glow:0 0 30px #f606;--glass-backdrop:backdrop-filter:blur(20px);--glass-border:1px solid #ffffff1a;--glass-shadow:0 8px 32px #0000004d;--grid-unit:32px;--section-padding:120px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,12vw,180px);font-weight:800;letter-spacing:-.02em;line-height:.9;padding-right:.08em;text-transform:uppercase;will-change:transform}.header-logo,.hero-title{color:#fff;color:var(--text-primary);display:inline-block;font-family:Poppins,sans-serif}.header-logo{font-size:28px;letter-spacing:.1em;line-height:1;padding-right:4px}.header-logo,.title-big{font-weight:700;text-transform:uppercase}.title-big{color:#fff;color:var(--text-primary);font-size:clamp(40px,8vw,100px);letter-spacing:-.01em;line-height:1.1}.text-big,.title-big{font-family:Poppins,sans-serif}.text-big{color:#fffc;color:var(--text-secondary);font-size:clamp(24px,5vw,48px);font-weight:400;line-height:1.3}.text-regular{color:#fff;color:var(--text-primary);font-size:clamp(18px,2.5vw,24px);font-weight:600;line-height:1.4}.text-body,.text-regular{font-family:Poppins,sans-serif}.text-body{color:#fffc;color:var(--text-secondary);font-size:clamp(14px,1.8vw,16px);font-weight:400;line-height:1.6}.label{color:#f60;color:var(--accent-primary);font-size:clamp(12px,1.5vw,14px);font-weight:600;letter-spacing:.15em;line-height:1}.label,.label-small{font-family:Poppins,sans-serif;text-transform:uppercase}.label-small{color:#fff9;color:var(--text-muted);font-size:clamp(10px,1.2vw,12px);font-weight:500;letter-spacing:.1em;line-height:1.25}.portfolio-container{background:#000;background:var(--color-background);background-image:radial-gradient(circle at 20% 50%,#ff6b351a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff8a651a 0,#0000 50%),radial-gradient(circle at 40% 80%,#ff6b350d 0,#0000 50%);min-height:100vh;overflow-x:hidden;position:relative}.animated-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.floating-shape{animation:float 20s linear infinite;background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);border-radius:50%;opacity:.1;position:absolute}.floating-shape:first-child{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.floating-shape:nth-child(2){animation-delay:-5s;height:120px;right:15%;top:60%;width:120px}.floating-shape:nth-child(3){animation-delay:-10s;bottom:30%;height:60px;left:20%;width:60px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}.container{margin:0 auto;max-width:1200px;padding:0 32px;padding:0 var(--grid-unit);width:100%}.section{padding:96px 0;padding:calc(var(--section-padding)*.8) 0}.section-large{padding:120px 0;padding:var(--section-padding) 0}.nav-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;border-bottom:1px solid #ffffff1a;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between}.nav-links{display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-link{background:#0000;border:1px solid #0000;border-radius:25px;color:#fffc;color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;letter-spacing:.05em;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);border-radius:25px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:-1}.nav-link:hover{box-shadow:0 4px 15px #ff66004d;color:#fff;color:var(--text-primary);transform:translateY(-2px)}.nav-link:hover:before{transform:scaleX(1)}.nav-link.active{background:#ff66001a;border:1px solid #ff66004d;color:#fff;color:var(--text-primary)}.nav-link.active:before{transform:scaleX(1)}.btn-primary{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.05em;min-height:56px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary:before{background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);border-radius:50px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .4s ease;width:100%;z-index:-1}.btn-primary:hover{border-color:#f60;border-color:var(--accent-primary);box-shadow:0 0 30px #f606;box-shadow:var(--accent-glow);transform:translateY(-3px)}.btn-primary:hover:before{left:0}.btn-accent{align-items:center;background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);border:none;border-radius:50px;box-shadow:0 0 30px #f606;box-shadow:var(--accent-glow);color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.05em;min-height:56px;padding:16px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-accent:hover{box-shadow:0 0 40px #f609;transform:translateY(-3px) scale(1.05)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);overflow:hidden;padding:32px;position:relative;transition:all .4s ease}.card:before{background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.card:hover{background:#ffffff1a;background:var(--bg-glass-hover);border-color:#fff3;border-color:var(--border-glass-bright);box-shadow:0 20px 40px #0006,0 0 30px #f606;box-shadow:0 20px 40px #0006,var(--accent-glow);transform:translateY(-8px)}.card:hover:before{opacity:1}.card-title{color:#f60;color:var(--accent-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.hero-section{align-items:center;background:radial-gradient(ellipse at center,#ff6b351a 0,#0000 70%);display:flex;height:100vh;justify-content:center;position:relative;text-align:center}.hero-content{max-width:1000px;z-index:2}.hero-subtitle{margin-top:32px;opacity:.9}.hero-cta{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:48px}.grid-2{grid-gap:32px;grid-gap:var(--grid-unit);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-2,.grid-3{display:grid;gap:32px;gap:var(--grid-unit)}.grid-3{grid-gap:32px;grid-gap:var(--grid-unit);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-gap:25.6px;grid-gap:calc(var(--grid-unit)*.8);display:grid;gap:25.6px;gap:calc(var(--grid-unit)*.8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skills-category{margin-bottom:48px;margin-bottom:calc(var(--grid-unit)*1.5)}.skills-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.skill-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:20px;color:#fffc;color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.skill-tag:hover{background:#ffffff1a;background:var(--bg-glass-hover);border-color:#f60;border-color:var(--accent-primary);box-shadow:0 5px 15px #ff66004d;color:#f60;color:var(--accent-primary);transform:translateY(-2px)}.project-status{background:linear-gradient(135deg,#f60,#ff7f00);background:var(--accent-gradient);border-radius:15px;box-shadow:0 0 30px #f606;box-shadow:var(--accent-glow);color:#fff;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:.05em;padding:6px 12px;position:absolute;right:20px;text-transform:uppercase;top:20px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:12px;color:#fff9;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:10px;font-weight:500;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.tech-tag:hover{border-color:#f60;border-color:var(--accent-primary);color:#f60;color:var(--accent-primary)}.contact-info{grid-gap:32px;grid-gap:var(--grid-unit);display:grid;gap:32px;gap:var(--grid-unit);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:64px;margin-top:calc(var(--grid-unit)*2)}.contact-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:20px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.contact-item:hover{background:#ffffff1a;background:var(--bg-glass-hover);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);transform:translateY(-4px)}.contact-icon{color:#f60;color:var(--accent-primary);flex-shrink:0;height:28px;width:28px}@media (max-width:768px){:root{--section-padding:80px}.nav-links{display:none}.hero-cta{flex-direction:column;gap:16px}.btn-accent,.btn-primary{min-height:60px;width:100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 20px}.contact-info{grid-template-columns:1fr}}.fade-in{animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.glow-text{text-shadow:0 0 20px #ff6b3580}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 20px #f606}to{box-shadow:0 0 35px #ff6600b3}}.ai-drawer{font-family:Poppins,sans-serif;z-index:1500}.ai-drawer,.ai-toggle{bottom:18px;position:fixed;right:18px}.ai-toggle{align-items:center;background:#f60;background:var(--accent-primary);border-radius:50%;box-shadow:0 8px 30px #ff660040;color:#fff;cursor:pointer;display:flex;font-weight:700;height:56px;justify-content:center;width:56px;z-index:1600}.ai-panel{display:none}.ai-drawer.open .ai-panel{background:#0a0a0af2;border-radius:12px;bottom:88px;box-shadow:0 20px 60px #0009,0 8px 30px #ff66000f;display:flex;flex-direction:row;height:72vh;margin-bottom:12px;max-width:calc(100vw - 40px);min-height:480px;overflow:hidden;position:fixed;right:18px;width:520px;z-index:1550}.ai-tools{background:linear-gradient(180deg,#ffffff05,#0000);border-right:1px solid #ffffff0a;padding:12px;width:140px}.ai-tools-header{color:#fffc;color:var(--text-secondary);font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.ai-tools ul{list-style:none;margin:0;padding:0}.ai-tools li{border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 6px}.ai-tools li.active,.ai-tools li:hover{background:#ff660014;color:#f60;color:var(--accent-primary)}.ai-chat{display:flex;flex:1 1;flex-direction:column}.ai-chat-header{border-bottom:1px solid #ffffff08;color:#fff;color:var(--text-primary);font-size:15px;font-weight:700;padding:14px 16px}.ai-messages{background:linear-gradient(180deg,#0000,#00000005);flex:1 1;overflow-y:auto;padding:14px}.ai-msg{margin-bottom:14px;max-width:92%}.ai-msg.user{align-self:flex-end}.ai-msg.bot{align-self:flex-start}.ai-msg-text{background:#ffffff08;border-radius:12px;color:#fffc;color:var(--text-secondary);font-size:15px;padding:14px 16px;white-space:pre-wrap}.ai-msg.user .ai-msg-text{background:linear-gradient(90deg,#f60,#ff7f00);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));color:#111;font-weight:600}.ai-input{align-items:center;border-top:1px solid #ffffff08;display:flex;gap:8px;padding:14px}.ai-input textarea{background:#ffffff08;border:1px solid #ffffff08;border-radius:10px;box-sizing:border-box;color:#fff;color:var(--text-primary);flex:1 1;font-size:15px;max-height:220px;min-height:80px;padding:14px;resize:vertical;width:100%}.ai-input .btn-primary{min-height:44px;padding:10px 16px}@media (max-width:768px){.ai-drawer.open .ai-panel{height:56vh;margin:0 8px 8px;right:0;width:100%}.ai-tools{display:none}}@media (max-width:480px){.ai-drawer{bottom:8px;right:8px}.ai-drawer.open .ai-panel{background:#0a0a0afa;border-radius:0;bottom:0;height:100vh;left:0;margin:0;max-width:100%;padding-bottom:220px;position:fixed;right:0;top:0;width:100%;z-index:1800}.ai-drawer.open .ai-panel .ai-messages{margin-bottom:0;padding:12px}.ai-drawer.open .ai-panel .ai-input{align-items:flex-end;background:linear-gradient(180deg,#0a0a0a05,#0a0a0a0f);border-top:1px solid #ffffff08;bottom:env(safe-area-inset-bottom,0);display:flex;gap:6px;left:0;padding:10px;position:fixed;right:0;z-index:2000}.ai-drawer.open .ai-panel .ai-input textarea{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;box-sizing:border-box;color:#fff;color:var(--text-primary);flex:1 1;font-size:16px;height:48px;max-height:160px;min-height:48px;padding:10px 12px;resize:none;width:auto}.ai-drawer.open .ai-panel .ai-input .btn-primary{flex-shrink:0;height:48px;min-height:48px;min-width:56px;padding:10px 12px}.ai-tools{display:none}.ai-chat-header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:12px 12px 8px}.ai-chat-header .close-btn{align-items:center;background:#0000;border:none;color:#fffc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:0;width:28px}.ai-chat-header .close-btn:hover{color:#fff;color:var(--text-primary)}.ai-toggle{bottom:12px;height:48px;right:12px;width:48px}.ai-toggle.hidden{display:none!important}.ai-msg-text{font-size:16px;padding:12px}}
/*# sourceMappingURL=main.a98012f2.css.map*/