.portfolio-page{min-height:100vh;background:linear-gradient(to bottom,#f0f4ff,#e6f0ff)}.portfolio-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8rem 0 6rem;text-align:center}.portfolio-header h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:300;margin-bottom:1.5rem;letter-spacing:-.02em}.portfolio-header p{font-size:1.3rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.7}.portfolio-main{padding:6rem 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:4rem;margin-top:3rem}.project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #667eea26;transition:all .3s ease;border:1px solid #e0e7ff}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #667eea40}.project-image{width:100%;height:250px;background:#f8f6f2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.image-placeholder{color:#fff;font-size:1.4rem;font-weight:700;text-align:center;padding:2rem}.project-header{padding:3rem 3rem 2rem;border-bottom:1px solid #f1f5f9}.project-content{padding:2rem 3rem 3rem}.project-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem}.project-year{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:15px;font-size:.9rem;font-weight:700}.project-category{background:#f0f4ff;color:#4c51bf;padding:.5rem 1rem;border-radius:15px;font-size:.9rem;font-weight:600;border:2px solid #818cf8}.project-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;line-height:1.3}.project-client{color:#475569;font-weight:600;font-size:1.1rem}.project-description{line-height:1.8;color:#374151;margin-bottom:2.5rem;font-size:1.1rem}.project-details{display:grid;gap:2.5rem}.project-details h4{color:#4c51bf;font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.project-features ul{list-style:none;padding:0}.project-features li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:#374151;font-weight:500}.project-features li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:#f0f4ff;color:#4c51bf;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;border:2px solid #818cf8;transition:all .3s ease}.tech-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);border-color:#667eea}.project-duration span{color:#374151;font-weight:600;font-size:1.1rem}.project-link{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e7ff;text-align:center}.project-link-button{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.project-link-button:hover{background:linear-gradient(135deg,#5568d3,#6a3f91);transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}@media (max-width: 768px){.portfolio-header{padding:6rem 0 4rem}.portfolio-main{padding:4rem 0}.portfolio-grid{grid-template-columns:1fr;gap:3rem}.project-card{margin:0 1rem}.project-header,.project-content{padding:2rem 1.5rem}.project-title{font-size:1.75rem}.tech-tags{gap:.5rem}.tech-tag{font-size:.85rem;padding:.4rem .8rem}.project-meta{gap:1rem}}.profile-page{--profile-primary: #10b981;--profile-primary-dark: #059669;--profile-primary-light: #34d399;--profile-accent: #6ee7b7;--profile-bg: #f0fdf4;--profile-shadow: rgba(16, 185, 129, .15);min-height:100vh;background:var(--profile-bg)}.profile-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8rem 0 6rem}.profile-intro{display:flex;align-items:center;gap:4rem;max-width:1000px;margin:0 auto}.profile-image{flex:0 0 200px;width:200px;height:200px;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-placeholder{color:#ffffffb3;font-size:1.2rem;font-weight:500}.profile-content{flex:1}.profile-content h1{font-size:1.2rem;opacity:.8;margin-bottom:.5rem;font-weight:500}.profile-content h2{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.profile-title{font-size:1.3rem;opacity:.9;margin-bottom:2rem;font-weight:500}.profile-summary{font-size:1.1rem;line-height:1.7;opacity:.9}.profile-main{padding:6rem 0}.profile-main h3{font-size:2.5rem;font-weight:600;color:var(--profile-primary-dark);margin-bottom:3rem;text-align:center}.experience-section,.community-section,.skills-section,.philosophy-section,.other-activities-section,.contact-cta{margin-bottom:8rem}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:3rem;margin-bottom:3rem;align-items:flex-start}.timeline-year{flex:0 0 120px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1rem;border-radius:8px;text-align:center;font-weight:600;font-size:.95rem}.timeline-content{flex:1;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px var(--profile-shadow);border:1px solid #d1fae5}.timeline-content h4{font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.timeline-content p{color:var(--text-light);line-height:1.6}.timeline-link{color:inherit;text-decoration:none;transition:color .3s ease}.timeline-link:hover{color:var(--profile-primary)}.timeline-links{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e7ff}.timeline-links a{display:inline-block;color:var(--profile-primary);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#f0fdf4}.timeline-links a:hover{background:var(--profile-primary);color:#fff;transform:translate(5px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;max-width:1400px;margin:0 auto}.skill-category{background:#fff;padding:3.5rem 3rem;border-radius:20px;box-shadow:0 12px 35px var(--profile-shadow);border:1px solid #d1fae5;transition:transform .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 20px 50px #10b98133}.skill-category h4{font-size:1.6rem;font-weight:700;color:var(--profile-primary-dark);margin-bottom:2rem;text-align:center;padding-bottom:1rem;border-bottom:2px solid var(--profile-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-tag{padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;border:2px solid #e2e8f0;transition:all .3s ease;text-align:center;min-width:120px}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--profile-shadow)}.skill-tag.expert{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:var(--profile-primary)}.skill-tag.advanced{background:#d1fae5;color:#047857;border-color:var(--profile-primary-light)}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3.5rem;max-width:1400px;margin:0 auto}.philosophy-item{background:#fff;padding:4rem 3rem;border-radius:20px;text-align:center;box-shadow:0 12px 35px var(--profile-shadow);border:1px solid #d1fae5;transition:transform .3s ease}.philosophy-item:hover{transform:translateY(-8px);box-shadow:0 20px 50px #10b98133}.philosophy-icon{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.philosophy-svg{width:48px;height:48px;color:var(--profile-primary);transition:all .3s ease}.philosophy-item:hover .philosophy-svg{color:var(--profile-primary-light);transform:scale(1.1)}.philosophy-item h4{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.philosophy-item p{color:var(--text-light);line-height:1.6}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.activity-card{background:#fff;padding:4rem 3rem;border-radius:20px;box-shadow:0 12px 35px var(--profile-shadow);border:1px solid #d1fae5;transition:all .3s ease;text-align:center}.activity-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #10b98133}.activity-icon{font-size:4rem;margin-bottom:2rem}.activity-card h4{font-size:1.5rem;font-weight:700;color:var(--profile-primary-dark);margin-bottom:1.5rem}.activity-card p{color:var(--text-light);line-height:1.7;margin-bottom:2rem}.activity-link{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease}.activity-link:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.contact-cta{text-align:center;background:#fff;padding:4rem 3rem;border-radius:20px;box-shadow:0 10px 30px var(--profile-shadow);border:1px solid #d1fae5;max-width:800px;margin:0 auto}.contact-cta p{font-size:1.1rem;color:var(--text-light);margin-bottom:3rem;line-height:1.7}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-button{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-button:not(.secondary){background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cta-button:not(.secondary):hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.cta-button.secondary{background:transparent;color:var(--profile-primary);border:2px solid var(--profile-primary)}.cta-button.secondary:hover{background:var(--profile-primary);color:#fff;transform:translateY(-2px)}@media (max-width: 1024px){.profile-main{padding:4rem 2rem}.skills-grid,.philosophy-grid,.activities-grid{gap:2.5rem}.skill-category,.philosophy-item,.activity-card{padding:3rem 2rem}}@media (max-width: 768px){.profile-header{padding:5rem 1.5rem 3rem}.profile-intro{flex-direction:column;text-align:center;gap:2rem;padding:0 1rem}.profile-image{margin:0 auto;flex:0 0 150px;width:150px;height:150px}.profile-content h1{font-size:1rem}.profile-content h2{font-size:2rem}.profile-title{font-size:1.1rem}.profile-summary{font-size:1rem}.profile-main{padding:3rem 1rem}.profile-main h3{font-size:2rem;margin-bottom:2rem}.timeline-item{flex-direction:column;gap:1rem}.timeline-year{align-self:flex-start;font-size:.9rem;padding:.6rem .8rem}.timeline-content{padding:1.5rem}.timeline-content h4{font-size:1.1rem}.skills-grid,.philosophy-grid,.activities-grid{grid-template-columns:1fr;gap:2rem}.skill-category{padding:2rem 1.5rem}.skill-category h4{font-size:1.3rem}.skill-tag{padding:.6rem 1.2rem;font-size:.9rem;min-width:100px}.philosophy-item{padding:2.5rem 1.5rem}.philosophy-item h4{font-size:1.3rem}.philosophy-svg{width:40px;height:40px}.activity-card{padding:2.5rem 1.5rem}.activity-card h4{font-size:1.3rem}.activity-icon{font-size:3rem}.contact-cta{padding:3rem 1.5rem}.contact-cta p{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center;gap:1rem}.cta-button{width:100%;max-width:250px}}@media (max-width: 480px){.profile-header{padding:4rem 1rem 2rem}.profile-intro{gap:1.5rem}.profile-image{flex:0 0 120px;width:120px;height:120px}.profile-content h2{font-size:1.75rem}.profile-main{padding:2rem 1rem}.profile-main h3{font-size:1.5rem}.timeline-content{padding:1.25rem}.skill-category,.philosophy-item,.activity-card{padding:2rem 1.25rem}.skills-grid,.philosophy-grid,.activities-grid{gap:1.5rem}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#8b4513,#654321,#1a1410);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;animation:fadeOut .5s ease-out 1.5s forwards}.loading-content{text-align:center;color:#fff}.loading-logo{position:relative;width:120px;height:120px;margin:0 auto 2rem}.loading-ring{position:absolute;border:3px solid rgba(212,184,150,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-ring-outer{width:100px;height:100px;border-top-color:#d4b896;animation:loadingRotate 2s linear infinite}.loading-ring-middle{width:70px;height:70px;border-top-color:#e8d5b7;animation:loadingRotate 1.5s linear infinite reverse}.loading-ring-inner{width:40px;height:40px;border-top-color:#c4a373;animation:loadingRotate 1s linear infinite}.loading-center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#d4b896;border-radius:50%;animation:loadingPulse 1.5s ease-in-out infinite}.loading-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff;opacity:0;animation:fadeInUp .8s ease-out .3s forwards}.loading-subtitle{font-size:1.1rem;opacity:0;margin-bottom:3rem;color:#fffc;animation:fadeInUp .8s ease-out .6s forwards}.loading-progress{width:200px;height:3px;background:#fff3;border-radius:2px;margin:0 auto;overflow:hidden;opacity:0;animation:fadeInUp .8s ease-out .9s forwards}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#d4b896,#e8d5b7);border-radius:2px;animation:loadingProgress 1.5s ease-out forwards}@keyframes loadingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes loadingPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingProgress{0%{width:0%}to{width:100%}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media (max-width: 768px){.loading-logo{width:100px;height:100px}.loading-ring-outer{width:80px;height:80px}.loading-ring-middle{width:60px;height:60px}.loading-ring-inner{width:35px;height:35px}.loading-title{font-size:2rem}.loading-subtitle{font-size:1rem}.loading-progress{width:150px}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 15px #6b442340;z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}.scroll-to-top svg{transition:transform .3s ease}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-3px);box-shadow:0 8px 25px #6b442366;border-color:#fff3}.scroll-to-top:hover svg{transform:translateY(-2px)}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:48px;height:48px}.scroll-to-top svg{width:20px;height:20px}}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.App{min-height:100vh;width:100%}.header{position:fixed;top:0;width:100%;background:#fffffff2;backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid rgba(107,68,35,.1);box-shadow:0 2px 20px #6b44230d}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}.nav-brand{font-size:1.8rem;font-weight:700;color:var(--primary);cursor:pointer;transition:all .3s ease;position:relative}.nav-brand:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease}.nav-links{display:flex;gap:3rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:1.1rem;position:relative;padding:.75rem 1.5rem;border-radius:25px;transition:all .3s ease;overflow:hidden}.nav-links a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hover-bg);opacity:0;transition:opacity .3s ease;z-index:-1}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:all .3s ease;transform:translate(-50%)}.nav-links a:hover{color:var(--hover);transform:translateY(-2px)}.nav-links a:hover:before{opacity:1}.nav-links a:hover:after{width:80%}.nav-links a[style*="color: #6B4423"]{background:linear-gradient(135deg,#6b442326,#a0845c26);color:#6b4423!important;box-shadow:0 4px 15px #6b442333}.nav-links a[style*="color: #6B4423"]:after{width:80%}.nav-github{display:flex!important;align-items:center;gap:.5rem;background:#6b44231a!important;border:1px solid rgba(107,68,35,.2);color:var(--primary)!important;padding:.75rem 1.25rem!important;border-radius:25px!important;transition:all .3s ease!important}.nav-github:hover{background:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #6b44234d!important}.nav-github svg{transition:transform .3s ease}.nav-github:hover svg{transform:scale(1.1)}.hero{height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,var(--bg-dark) 100%)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 70%);z-index:1}.hero-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;width:100%;margin:0 auto;padding:0 3rem;z-index:2;position:relative;gap:6rem}.hero-content{flex:1;color:#fff;max-width:700px}.hero h1{font-size:clamp(3.5rem,8vw,6rem);font-weight:200;line-height:1.1;margin-bottom:2.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#ffffff 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1.2rem,2.5vw,1.6rem);opacity:.85;font-weight:300;line-height:1.8;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-visual{flex:0 0 400px;display:flex;align-items:center;justify-content:center;height:400px}.logo-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.ring-logo{position:relative;width:200px;height:200px}.ring{position:absolute;border:2px solid rgba(212,184,150,.6);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-outer{width:180px;height:180px;animation:rotate 20s linear infinite}.ring-middle{width:120px;height:120px;animation:rotate 15s linear infinite reverse;border-color:#d4b896cc}.ring-inner{width:60px;height:60px;animation:rotate 10s linear infinite;border-color:var(--accent-light)}.center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.connecting-lines{position:absolute;width:100%;height:100%;top:0;left:0}.line{position:absolute;background:#d4b89666;height:2px;transform-origin:center}.line-1{width:80px;top:30%;left:-40px;transform:rotate(45deg);animation:fadeInOut 3s ease-in-out infinite}.line-2{width:60px;top:60%;right:-30px;transform:rotate(-30deg);animation:fadeInOut 3s ease-in-out infinite 1s}.line-3{width:70px;bottom:20%;left:50%;transform:translate(-50%) rotate(15deg);animation:fadeInOut 3s ease-in-out infinite 2s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.section{padding:8rem 0;position:relative;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.section h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:300;text-align:center;margin-bottom:4rem;color:#1e293b;letter-spacing:-.02em}.about-section{background:var(--bg-alt)}.section-content{width:100%}.vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4rem;margin-top:4rem;justify-items:center}.vision-item{text-align:center;padding:2rem;max-width:300px;width:100%}.vision-item h3{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.vision-item p{color:var(--text-light);line-height:1.8}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem;justify-items:center;align-items:start}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #00000005;width:100%;max-width:350px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-start}.service-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px var(--shadow-medium);border-color:var(--primary)}.service-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;margin:0 auto 2rem}.service-card h3{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:1rem}.service-card p{color:var(--text-light);line-height:1.8}.contact-section{background:linear-gradient(135deg,var(--bg-dark) 0%,#0d0a08 100%);color:#fff;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(212,184,150,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,184,150,.08) 0%,transparent 50%);z-index:1}.contact-content{text-align:center;width:100%;position:relative;z-index:2}.contact-content h2{color:#fff;margin-bottom:2rem;font-weight:200;text-shadow:0 2px 10px rgba(0,0,0,.3)}.contact-content p{font-size:clamp(1.2rem,2.5vw,1.6rem);opacity:.9;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:4rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.contact-form-link{max-width:600px;margin:0 auto}.form-link-button{display:inline-block;background:linear-gradient(135deg,#d4b89640,#d4b8961a);color:#fff;border:2px solid rgba(212,184,150,.5);padding:2rem 4rem;font-size:1.3rem;font-weight:600;border-radius:20px;text-decoration:none;transition:all .4s ease;backdrop-filter:blur(20px);margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.form-link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.form-link-button:hover:before{left:100%}.form-link-button:hover{background:linear-gradient(135deg,#d4b89666,#d4b89640);border-color:#d4b896b3;color:var(--hover);transform:translateY(-5px);box-shadow:0 20px 50px #d4b8964d}.form-description{font-size:1.1rem;opacity:.7;margin-top:1.5rem;font-style:italic}.shop-section{background:linear-gradient(135deg,#f8f6f2,#fff);padding:8rem 0}.shop-section h2{text-align:center;margin-bottom:1.5rem;color:var(--primary)}.shop-intro{text-align:center;font-size:1.2rem;color:var(--text-light);margin-bottom:4rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:900px;margin:0 auto}.shop-card{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 10px 30px #6b44231a;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.shop-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,184,150,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.shop-card:hover:before{opacity:1}.shop-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #6b442326;border-color:var(--accent)}.shop-icon{font-size:3.5rem;margin-bottom:1.5rem}.shop-card h3{font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.shop-card p{color:var(--text-light);font-size:1.1rem;margin-bottom:1.5rem}.shop-link-arrow{display:inline-block;color:var(--primary);font-size:1.5rem;font-weight:700;transition:transform .3s ease}.shop-card:hover .shop-link-arrow{transform:translate(10px)}.footer{background:linear-gradient(135deg,#0f0c0a,#000);color:var(--text-muted);text-align:center;padding:3rem 0;width:100%;border-top:1px solid rgba(212,184,150,.15)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.hamburger span{display:block;height:3px;width:100%;background-color:var(--primary);border-radius:3px;transition:all .3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.hamburger{display:flex!important}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(var(--bg-rgb),.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(212,184,150,.2);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:5rem 2rem 2rem;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:1000;gap:0;visibility:hidden;opacity:0}.nav-links.mobile-open{right:0;visibility:visible;opacity:1}.nav-links a{width:100%;max-width:none;padding:1rem 1.5rem;margin:.5rem 0;text-align:center;border-radius:12px;border:1px solid rgba(212,184,150,.2);background:#d4b8960d}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}}@media (min-width: 769px){.hamburger{display:none!important}.nav-links{position:static!important;top:auto!important;left:auto!important;width:auto!important;background:transparent!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;padding:0!important;box-shadow:none!important;gap:3rem!important}.nav-links a{width:auto!important;max-width:none!important;padding:.75rem 1.5rem!important;text-align:left!important;border-radius:25px!important}.nav-overlay{display:none!important}}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.hero-container{gap:4rem;padding:0 2rem}.hero-visual{flex:0 0 300px;height:300px}.logo-container{width:250px;height:250px}.ring-logo{width:160px;height:160px}.ring-outer{width:140px;height:140px}.ring-middle{width:100px;height:100px}.ring-inner{width:60px;height:60px}}@media (max-width: 768px){.hamburger{display:flex!important}.nav{padding:1rem 2rem;flex-direction:row;gap:0}.nav-brand{font-size:1.6rem}.nav-links{position:fixed;top:-100%;left:0;width:100%;background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding:6rem 2rem 3rem;transition:top .3s ease;box-shadow:0 5px 15px #0000001a;z-index:1000;gap:1rem}.nav-links.mobile-open{top:0}.nav-links a{width:100%;max-width:300px;padding:1rem 2rem;text-align:center;border-radius:8px;transition:all .3s ease;color:var(--text);font-weight:600;font-size:1.1rem}.nav-links a:hover{background:var(--hover-bg);color:var(--hover);transform:none}.nav-links a:before,.nav-links a:after{display:none}.nav-github{background:var(--primary)!important;color:#fff!important;margin-top:1rem!important;justify-content:center!important}.nav-github:hover{background:var(--primary-dark)!important;color:#fff!important;transform:none!important}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}.hero{height:auto;min-height:100vh;padding:8rem 0 4rem}.hero-container{flex-direction:column-reverse;gap:3rem;padding:0 1.5rem;text-align:center}.hero-content{max-width:100%}.hero h1{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:1.5rem}.hero p{font-size:clamp(1rem,4vw,1.3rem);margin-bottom:2rem}.hero-visual{flex:none;width:100%;height:250px;margin-bottom:2rem}.logo-container{width:200px;height:200px;margin:0 auto}.ring-logo{width:120px;height:120px}.ring-outer{width:100px;height:100px}.ring-middle{width:70px;height:70px}.ring-inner{width:40px;height:40px}.section{padding:4rem 0}.container{padding:0 1.5rem}.section h2{font-size:clamp(2rem,6vw,3rem);margin-bottom:2.5rem}.vision-grid{grid-template-columns:1fr;gap:2.5rem;margin-top:2.5rem}.vision-item{padding:1.5rem;max-width:100%}.services-grid{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.service-card{padding:2rem 1.5rem;margin:0}.service-card h3{font-size:1.3rem}.contact-section{padding:4rem 0}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-form{padding:2rem 1.5rem}.contact-info{padding:2rem 1.5rem;text-align:center}.nav-links a[style*=color]{background:var(--primary)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 15px var(--shadow-medium)}.github-link:before{margin-right:.5rem}}@media (max-width: 480px){.nav{padding:.75rem 1rem}.nav-brand{font-size:1.4rem}.hero{padding:6rem 0 3rem}.hero-container{padding:0 1rem;gap:2rem}.hero h1{font-size:clamp(2rem,8vw,3rem);margin-bottom:1rem}.hero p{font-size:clamp(.9rem,4vw,1.1rem)}.hero-visual{height:200px}.logo-container{width:150px;height:150px}.section{padding:3rem 0}.container{padding:0 1rem}.section h2{font-size:clamp(1.5rem,6vw,2.5rem);margin-bottom:2rem}.vision-item{padding:1rem}.service-card,.contact-form,.contact-info{padding:1.5rem 1rem}}:root{--primary: #8b4513;--primary-dark: #654321;--primary-light: #a0845c;--accent: #d4b896;--accent-light: #e8d5b7;--accent-dark: #c4a373;--text: #2c1810;--text-light: #5a4a3a;--text-muted: #8a7a6a;--bg: #fdfcf9;--bg-rgb: 253, 252, 249;--bg-alt: #f9f6f0;--bg-dark: #1a1410;--hover: #f4c2c2;--hover-bg: rgba(244, 194, 194, .1);--shadow-light: rgba(139, 69, 19, .1);--shadow-medium: rgba(139, 69, 19, .15);--shadow-heavy: rgba(139, 69, 19, .25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary);color:#fff}:focus{outline:2px solid var(--primary);outline-offset:2px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}