:root{--font-body:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--color-bg:#0f1115;--color-surface:#1e2128;--color-surface-hover:#292d36;--color-text:#f0f2f5;--color-text-muted:#9aa0a6;--color-heading:#fff;--color-primary:#8b5cf6;--color-primary-glow:#8b5cf680;--color-secondary:#ec4899;--color-accent:#14b8a6;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition-fast:.2s var(--ease-smooth);--transition-normal:.4s var(--ease-smooth)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-heading);margin-bottom:.5em;font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{background:var(--color-bg-alpha-20);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-bg-alpha-5)}.glass-card{background:linear-gradient(145deg, var(--color-bg-alpha-20), var(--color-bg-alpha-10));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-bg-alpha-10);box-shadow:0 8px 32px #00000026}.builder-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-surface);z-index:10;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:420px;display:flex}.preview-area{background:var(--color-bg);flex:1;position:relative;overflow-y:auto}.control-group{flex-direction:column;gap:.75rem;display:flex}.control-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-family:var(--font-body);transition:all var(--transition-fast);background:#0003;border:1px solid #ffffff1a;padding:.75rem 1rem}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.select-field{appearance:none;cursor:pointer}.color-picker-grid{flex-wrap:wrap;gap:.5rem;display:flex}.color-btn{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#fff;transform:scale(1.15)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 4px 15px var(--color-primary-glow);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 25px var(--color-primary-glow);transform:translateY(-2px)}.portfolio-wrapper{min-height:100vh;position:relative;overflow:hidden}.portfolio-bg-blob{filter:blur(100px);z-index:0;opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.portfolio-nav{border-radius:var(--radius-full);z-index:100;gap:2rem;padding:1rem 2rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.portfolio-content{z-index:1;max-width:1200px;margin:0 auto;padding:6rem 2rem;position:relative}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.hero-title{background:linear-gradient(135deg, var(--color-heading) 0%, var(--color-text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem)}.hero-subtitle{color:var(--color-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:500}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.card{border-radius:var(--radius-md);transition:transform var(--transition-normal);padding:2rem}.card:hover{transform:translateY(-10px)}.card-icon{border-radius:var(--radius-sm);width:3rem;height:3rem;color:var(--color-primary);background:#ffffff0d;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:3rem;display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover img{transform:scale(1.1)}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,-50px)scale(1.2)}to{transform:translate(-20px,20px)scale(.9)}}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;display:grid}.bento-item{border-radius:var(--radius-md);background:var(--color-surface);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:2rem;display:flex;position:relative;overflow:hidden}.bento-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.bento-span-4,.bento-span-6,.bento-span-8,.bento-span-12{grid-column:span 12}@media (width>=768px){.bento-span-4,.bento-span-6{grid-column:span 6}.bento-span-8{grid-column:span 12}}@media (width>=1024px){.bento-span-4{grid-column:span 4}.bento-span-6{grid-column:span 6}.bento-span-8{grid-column:span 8}}.masonry-grid{column-count:3;column-gap:2rem;margin-top:3rem}.masonry-item{break-inside:avoid;background:var(--color-surface);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:2rem;padding:2rem}.masonry-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}@media (width<=1024px){.masonry-grid{column-count:2}}@media (width<=768px){.masonry-grid{column-count:1}}.minimal-list{flex-direction:column;margin-top:3rem;display:flex}.minimal-item{transition:padding-left var(--transition-fast);border-bottom:1px solid #ffffff1a;flex-direction:row;gap:2rem;padding:2.5rem 0;display:flex}.minimal-item:first-child{border-top:1px solid #ffffff1a}.minimal-item:hover{border-bottom-color:var(--color-primary);padding-left:1.5rem}@media (width<=768px){.minimal-item{flex-direction:column;gap:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.skill-tag{background:var(--color-bg-alpha-5);border:1px solid var(--color-bg-alpha-10);border-radius:var(--radius-full);color:var(--color-text);padding:.5rem 1rem;font-size:.9rem;display:inline-block}.cert-item{color:var(--color-text);font-size:.95rem;font-weight:500}.cert-label{color:var(--color-text);font-size:.95rem}.ai-field-wrapper{width:100%;position:relative}.ai-enhance-btn{cursor:pointer;z-index:5;opacity:.55;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:7px;right:7px}.ai-enhance-btn:hover{opacity:1;transform:scale(1.15)}.ai-enhance-btn:active{transform:scale(.92)}.ai-enhance-btn.loading{opacity:1;animation:.9s linear infinite gemini-spin}@keyframes gemini-spin{0%{transform:rotate(0)scale(1.1)}to{transform:rotate(360deg)scale(1.1)}}.ai-field-wrapper textarea.input-field,.ai-field-wrapper input.input-field{padding-right:2.2rem}.ai-field-wrapper .ai-enhance-btn.textarea-btn{top:7px;right:7px}.ai-enhance-btn:after{content:"Enhance with AI";color:#c4b5fd;white-space:nowrap;pointer-events:none;opacity:0;letter-spacing:.03em;background:#0f1115f2;border:1px solid #8b5cf64d;border-radius:6px;padding:.3rem .6rem;font-size:.7rem;font-weight:600;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.ai-enhance-btn:hover:after{opacity:1}.image-upload-container{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.image-preview-wrapper{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.image-preview-wrapper:hover{border-color:var(--color-primary);background:#ffffff0d}.image-preview-wrapper img{object-fit:contain;width:100%;height:100%}.image-upload-placeholder{color:var(--color-text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;font-size:.8rem;display:flex}.image-upload-placeholder span{color:var(--color-primary);font-weight:600}.image-upload-loading{z-index:10;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.upload-spinner{border:3px solid #ffffff4d;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;margin-bottom:.5rem;animation:1s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.image-upload-actions{gap:.5rem;display:flex}.image-upload-actions button{cursor:pointer;border-radius:4px;flex:1;padding:.4rem;font-size:.75rem}