.App{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.content-wrapper{position:relative;z-index:10;background:#fffffff2;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.nav{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;margin:0}.nav-list{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-button{background:none;border:none;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-button:hover{background-color:#f5f5f5cc}.nav-button.active{background-color:#007bffe6;color:#fff}.section{background:#ffffffe6;margin:2rem;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000001a}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.about-image img{width:75%;border-radius:8px}.skills{margin-top:2rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background:#e3f2fd;padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .2s}.project-card:hover{transform:translateY(-4px)}.project-image img{width:100%;height:200px;object-fit:scale-down}.project-content{padding:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.project-links{display:flex;gap:1rem}.project-links a{color:#007bff;text-decoration:none}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem;margin-bottom:2rem}.contact-info{display:grid;grid-template-columns:1fr 1fr}.contact-methods{display:flex;flex-direction:column;gap:2rem}.social-links{display:flex;gap:1rem}.social-links a{color:#007bff;text-decoration:none}.contact-form{background:#f9f9f9;padding:2rem;border-radius:8px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group button{background:#007bff;color:#fff;padding:.75rem 2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.complex-container{position:relative;height:calc(100vh - 80px);width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow:hidden}.complex-controls{position:absolute;top:2rem;left:2rem;z-index:1000;background:#fffffff2;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px;max-width:350px}.complex-controls h2{margin:0 0 1rem;font-size:1.25rem;color:#333;font-weight:600}.control-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.control-button{padding:.75rem 1rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #007bff33}.control-button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.control-button:active{transform:translateY(0)}.control-button.generating{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.control-button.generating:hover{background:#6c757d;transform:none}.slider-group{display:flex;flex-direction:column;gap:1rem}.slider-group label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#555;font-weight:500}.slider-group input[type=range]{width:100%;height:6px;background:#e0e0e0;border-radius:3px;outline:none;appearance:none;transition:background .2s}.slider-group input[type=range]:hover{background:#d0d0d0}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#007bff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #007bff4d;transition:all .2s ease}.slider-group input[type=range]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1);box-shadow:0 3px 10px #007bff66}.slider-group input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#007bff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #007bff4d}.complex-visualization{position:relative;height:100%;width:100%}.loading-overlay{position:absolute;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-spinner{color:#fff;font-size:1.125rem;padding:2rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.about-content,.contact-content{grid-template-columns:1fr}.complex-controls{top:1rem;left:1rem;right:1rem;min-width:auto;max-width:none;padding:1rem}.complex-controls h2{font-size:1.125rem}.control-group{flex-direction:row;flex-wrap:wrap;gap:.5rem}.control-button{flex:1;min-width:140px;padding:.625rem .75rem;font-size:.8125rem}.slider-group{gap:.75rem}}@media (max-width: 480px){.complex-container{height:calc(100vh - 70px)}.complex-controls{position:static;margin:1rem;border-radius:8px}.control-group{flex-direction:column}.control-button{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}