@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-secondary:#8b5cf6;--color-secondary-dark:#7c3aed;--color-accent:#ec4899;--color-accent-dark:#db2777;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text-primary:#fff;--color-text-secondary:#fffc;--color-text-muted:#fff9;--color-text-accent:#60a5fa;--color-border-primary:#ffffff1a;--color-border-secondary:#fff3;--color-border-accent:#3b82f64d;--color-glass-primary:#ffffff0d;--color-glass-secondary:#ffffff1a;--color-glass-accent:#3b82f61a;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);--gradient-text:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-accent) 100%);--color-shadow-primary:#3b82f640;--color-shadow-secondary:#8b5cf640;--color-shadow-accent:#ec489940;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:3rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--gradient-blue:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-purple:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);--gradient-pink:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%)}body{background-color:#0f172a;background-color:var(--color-bg-primary);color:#fff;color:var(--color-text-primary);font-family:Inter,sans-serif;overflow-x:hidden;position:relative}@layer base{html{font-size:1rem;scroll-behavior:smooth}@media (min-width:640px){html{font-size:1.125rem}}@media (min-width:1024px){html{font-size:1.25rem}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fillBar{0%{width:0}to{width:var(--skill-width)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes particleMove{0%{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(var(--move-x),var(--move-y)) scale(1.2)}to{opacity:.3;transform:translate(var(--end-x),var(--end-y)) scale(1)}}.pattern-bg{background-image:radial-gradient(circle,#2e3b55 1px,#0000 0);background-size:20px 20px;inset:0;pointer-events:none;position:fixed;z-index:0}@media (prefers-reduced-motion:reduce){.animate-bounce,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in-up,.animate-float,.animate-glow,.particle{animation:none!important}}.particle{animation:particleMove var(--duration) infinite ease-in-out;background:#ac09ec;border-radius:50%;opacity:.7;position:absolute;z-index:5}a:focus:not(.scroll-indicator),button:focus:not(.scroll-indicator){outline:2px solid #ff8787;outline-offset:2px;transform:scale(1.05)}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.animate-fadeIn{animation:fadeIn .8s ease-out}.hover\:animate-rotate:hover{animation:rotate 1s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#818cf8}@layer utilities{.backdrop-blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shadow-glow{box-shadow:0 0 15px #6366f180}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}.particle{height:3px;width:3px}}@media (min-width:640px){.particle{height:5px;width:5px}}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f640;box-shadow:0 0 20px var(--color-shadow-primary)}50%{box-shadow:0 0 40px #8b5cf640;box-shadow:0 0 40px var(--color-shadow-secondary)}}@keyframes particle-float{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(var(--move-x),var(--move-y)) rotate(1turn)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.animate-fade-in-left{animation:fade-in-left .8s ease-out forwards}.animate-fade-in-right{animation:fade-in-right .8s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}.particle{animation:particle-float var(--duration) ease-in-out infinite;animation-delay:var(--animation-delay)}.glass{background:#ffffff0d;background:var(--color-glass-primary)}.glass,.glass-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;border:1px solid var(--color-border-primary)}.glass-dark{background:#0003}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:1rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-primary);cursor:pointer;font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:0 10px 25px #3b82f640;box-shadow:0 10px 25px var(--color-shadow-primary);transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff3;border:2px solid var(--color-border-secondary);border-radius:1rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-primary);cursor:pointer;font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.btn-secondary:hover{background:#ffffff1a;background:var(--color-glass-secondary);border-color:#ffffff1a;border-color:var(--color-border-primary);transform:translateY(-2px)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--color-glass-primary);border:1px solid #ffffff1a;border:1px solid var(--color-border-primary);border-radius:2rem;border-radius:var(--radius-xl);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{background:#ffffff1a;background:var(--color-glass-secondary);border-color:#fff3;border-color:var(--color-border-secondary);transform:translateY(-5px)}@media (max-width:768px){.container{padding-left:1rem;padding-left:var(--spacing-sm);padding-right:1rem;padding-right:var(--spacing-sm)}.card{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}}.loading{opacity:.7;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-top:2px solid #fff;border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-text-primary);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.focus-ring:focus{ring:2px;ring-color:#3b82f6;ring-color:var(--color-primary);ring-offset:2px;outline:none}::selection{background:#3b82f61a;background:var(--color-glass-accent);color:#fff;color:var(--color-text-primary)}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotation{to{--gradient-angle:360deg}}.rotating-gradient{animation:rotation 4s linear infinite;background:conic-gradient(from var(--gradient-angle),#3b82f6,#8b5cf6,#ec4899,#3b82f6);background:conic-gradient(from var(--gradient-angle),var(--color-primary),var(--color-secondary),var(--color-accent),var(--color-primary))}.bg-primary{background-color:#0f172a;background-color:var(--color-bg-primary)}.bg-secondary{background-color:#1e293b;background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:#334155;background-color:var(--color-bg-tertiary)}.text-primary{color:#fff;color:var(--color-text-primary)}.text-secondary{color:#fffc;color:var(--color-text-secondary)}.text-muted{color:#fff9;color:var(--color-text-muted)}.text-accent{color:#60a5fa;color:var(--color-text-accent)}.border-primary{border-color:#ffffff1a;border-color:var(--color-border-primary)}.border-secondary{border-color:#fff3;border-color:var(--color-border-secondary)}.border-accent{border-color:#3b82f64d;border-color:var(--color-border-accent)}.glass-primary{background:#ffffff0d;background:var(--color-glass-primary)}.glass-secondary{background:#ffffff1a;background:var(--color-glass-secondary)}.glass-accent{background:#3b82f61a;background:var(--color-glass-accent)}.scroll-indicator{align-items:center;bottom:max(1.25rem,env(safe-area-inset-bottom) + 1rem);display:flex;flex-direction:column;gap:.4rem;left:50%;position:absolute;touch-action:manipulation;transform:translateX(-50%);z-index:20}.scroll-indicator__shell{align-items:flex-start;border:2px solid #ffffff1a;border:2px solid var(--color-border-primary);border-radius:9999px;display:flex;height:clamp(56px,4vw + 24px,72px);justify-content:center;min-height:44px;min-width:44px;transition:transform .3s ease,border-color .3s ease;transition:transform var(--transition-normal),border-color var(--transition-normal);width:clamp(36px,2.5vw + 20px,56px)}.scroll-indicator:active .scroll-indicator__shell{border:none}.scroll-indicator{-webkit-tap-highlight-color:transparent}.scroll-indicator:active,.scroll-indicator:focus,.scroll-indicator:focus-visible{box-shadow:none;outline:none!important}.scroll-indicator:focus .scroll-indicator__shell,.scroll-indicator:focus-visible .scroll-indicator__shell{border:none}@keyframes indicator-pulse{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}to{opacity:.4;transform:translateY(0)}}.scroll-indicator__dot{animation:indicator-pulse 1.5s ease-in-out infinite;background-color:#fff9;background-color:var(--color-text-muted);border-radius:9999px;height:clamp(12px,1vw + 8px,20px);margin-top:clamp(8px,.8vw + 4px,16px);width:clamp(6px,.3vw + 4px,10px)}.scroll-indicator__label{color:#fff9;color:var(--color-text-muted);font-size:clamp(10px,.6vw + 8px,16px);opacity:0;transition:opacity .3s ease;transition:opacity var(--transition-normal)}.scroll-indicator:focus-visible .scroll-indicator__label,.scroll-indicator:hover .scroll-indicator__label{opacity:1}.project-card__image-wrapper{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.project-card__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}@supports not (aspect-ratio:1/1){.project-card__image-wrapper{height:14rem}@media (min-width:640px){.project-card__image-wrapper{height:16rem}}@media (min-width:1024px){.project-card__image-wrapper{height:18rem}}}
/*# sourceMappingURL=main.9e1a43c1.css.map*/