@tailwind base;@tailwind components;@tailwind utilities;#root{max-width:none;margin:0;padding:0;text-align:left}@layer components{.main-bg{min-height:100vh;background:linear-gradient(135deg,#1f2937,#000,#1f2937)}.animated-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.bg-blob{width:320px;height:320px;border-radius:50%;mix-blend-mode:multiply;filter:blur(40px);opacity:.2;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bg-blob-purple{background-color:#8b5cf6;position:absolute;top:-160px;right:-160px}.bg-blob-pink{background-color:#ec4899;position:absolute;bottom:-160px;left:-160px}.pfp-container{position:relative;display:inline-block;margin-bottom:2rem}.pfp-outer-ring{width:160px;height:160px;border-radius:50%;background:linear-gradient(45deg,#8b5cf6,#ec4899);padding:4px;margin:0 auto}.pfp-inner{width:100%;height:100%;border-radius:50%;background-color:#1f2937;display:flex;align-items:center;justify-content:center;overflow:hidden}.pfp-upload-overlay{position:absolute;inset:0;opacity:0;cursor:pointer}.pfp-status-dot{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background-color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center}.pfp-status-inner{width:12px;height:12px;background-color:#fff;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.brand-container{margin-bottom:1.5rem}.brand-badge{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(45deg,#7c3aed,#db2777);padding:.75rem 1.5rem;border-radius:9999px}.brand-text{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.1em}.main-title{font-size:3.75rem;font-weight:900;color:#fff;margin-bottom:1rem}.gradient-text{background:linear-gradient(45deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:2rem;max-width:896px;margin-left:auto;margin-right:auto;line-height:1.625}.section-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.subsection-title{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.social-links{@apply flex justify-center space-x-6 mb-8;}.social-link{@apply group flex items-center space-x-2 bg-gray-800 px-6 py-3 rounded-lg transition-all duration-300;}.social-link-github{@apply social-link hover:bg-purple-600;}.social-link-discord{@apply social-link hover:bg-indigo-600;}.social-icon{@apply text-white group-hover:scale-110 transition-transform;}.social-text{@apply text-white font-medium;}.nav-container{@apply relative z-10 bg-black/50 backdrop-blur-sm border-y border-gray-800;}.nav-wrapper{@apply max-w-6xl mx-auto px-4;}.nav-menu{@apply flex space-x-8;}.nav-item{@apply flex items-center space-x-2 py-4 px-2 font-medium transition-all duration-300;}.nav-item-active{@apply nav-item text-purple-400 border-b-2 border-purple-400;}.nav-item-inactive{@apply nav-item text-gray-300 hover:text-white;}.card-base{@apply bg-gradient-to-r from-gray-800 to-gray-900 p-6 rounded-lg border border-gray-700;}.card-hover{@apply card-base hover:border-purple-500 transition-all duration-300;}.card-hover-scale{@apply card-hover hover:scale-105;}.project-card{@apply card-hover p-8;}.tech-grid{@apply grid md:grid-cols-2 lg:grid-cols-3 gap-6;}.tech-header{@apply flex items-center space-x-3 mb-4;}.tech-icon{@apply text-2xl;}.tech-name{@apply text-white font-semibold text-lg;}.progress-bar-bg{@apply w-full bg-gray-700 rounded-full h-2;}.progress-bar-fill{@apply bg-gradient-to-r from-purple-400 to-pink-400 h-2 rounded-full transition-all duration-1000;}.progress-bar-fill-thick{@apply bg-gradient-to-r from-purple-400 to-pink-400 h-3 rounded-full transition-all duration-1000;}.progress-text{@apply text-gray-400 text-sm mt-2;}.language-grid{@apply grid md:grid-cols-2 lg:grid-cols-3 gap-6;}.language-card{@apply group card-hover-scale p-8;}.language-header{@apply flex items-center space-x-4;}.language-dot{@apply w-4 h-4 rounded-full group-hover:scale-110 transition-transform;}.language-name{@apply text-white font-semibold text-xl;}.project-header{@apply flex justify-between items-start mb-4;}.project-title{@apply text-2xl font-bold text-white;}.project-description{@apply text-gray-300 mb-4 text-lg;}.project-tech{@apply flex flex-wrap gap-2 mb-4;}.tech-badge{@apply bg-purple-600 text-white px-3 py-1 rounded-full text-sm;}.status-badge{@apply px-3 py-1 rounded-full text-sm font-medium;}.status-development{@apply status-badge bg-yellow-600 text-yellow-100;}.status-beta{@apply status-badge bg-green-600 text-green-100;}.about-grid{@apply grid md:grid-cols-2 gap-12;}.about-text{@apply space-y-6 text-gray-300 text-lg leading-relaxed;}.vibe-section{@apply space-y-6;}.vibe-card{@apply card-base;}.vibe-header{@apply flex items-center space-x-3 mb-3;}.vibe-title{@apply text-white font-semibold;}.vibe-content{@apply text-gray-300;}.content-container{@apply relative z-10 max-w-6xl mx-auto px-4 py-16;}.header-container{@apply relative z-10;}.header-content{@apply max-w-6xl mx-auto px-4 py-20;}.header-center{@apply text-center;}.text-highlight-purple{@apply text-purple-400 font-semibold;}.text-highlight-pink{@apply text-pink-400 font-semibold;}.text-highlight-blue{@apply text-blue-400 font-semibold;}.text-highlight-red{@apply text-red-400 font-semibold;}.text-highlight-yellow{@apply text-yellow-400 font-semibold;}.text-highlight-green{@apply text-green-400 font-semibold;}.code-text{@apply text-blue-400 font-mono;}.progress-bg-thick{@apply w-full bg-gray-700 rounded-full h-3;}}