@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff9999;--primary-dark: #e07a7a;--secondary-color: #ffb8b8;--accent-color: #ff7a7a;--text-color: #333333;--light-text: #666666;--background: #fef4f5;--section-bg: #fff1f2;--card-bg: #ffffff;--section-alt-bg: #ffebec;--section-dark-bg: #ffe0e2;--gradient-start: #ff9999;--gradient-end: #ffc2c2;--nav-bg: rgba(255, 244, 245, .8);--card-border: rgba(255, 153, 153, .2);--shadow-color: rgba(255, 153, 153, .15);--divider-color: var(--background)}body{line-height:1.6;color:var(--text-color);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%;min-height:100vh;position:relative}.app.loaded{opacity:1;transform:translateY(0)}.static-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff5f5,#ffe8e8);z-index:-2}.decorative-dots{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.decorative-dots:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(#ff9999 1px,transparent 1px);background-size:40px 40px;opacity:.3}.decorative-dots:after{content:"";position:absolute;top:20px;left:20px;right:0;bottom:0;background-image:radial-gradient(#ff7a7a 1px,transparent 1px);background-size:40px 40px;opacity:.2;animation:float 10s infinite alternate ease-in-out}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,var(--background) 70%);z-index:-1;pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 30px var(--shadow-color);border-bottom:1px solid var(--card-border)}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px rgba(255,122,122,.3)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:all .3s ease;position:relative;cursor:pointer}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.nav-links a:hover{color:var(--accent-color)}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;padding:7rem 5% 9rem;position:relative;background:linear-gradient(135deg,var(--background),var(--section-bg))}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(255, 153, 153, 0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}.hero-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;gap:2rem}.hero-content{flex:1;max-width:600px;z-index:1}.hero-badge{display:inline-block;background:#ff99991a;padding:.5rem 1rem;border-radius:50px;margin-bottom:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,153,153,.2);font-weight:500;color:var(--accent-color)}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-color);line-height:1.2}.hero h2{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;font-weight:600}.hero p{font-size:1.1rem;color:var(--light-text);margin-bottom:2rem;line-height:1.6}.buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image-container{flex:1;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px var(--shadow-color);border:1px solid rgba(255,153,153,.2)}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff99991a;color:var(--accent-color);font-size:1.2rem;transition:all .3s ease;border:1px solid rgba(255,153,153,.2);text-decoration:none}.social-links a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.code-display{width:100%;height:100%;border-radius:20px;overflow:hidden}.primary-button,.secondary-button{padding:.8rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;text-decoration:none}.primary-button{background:var(--primary-color);color:#fff;border:none}.primary-button:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow-color)}.secondary-button{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.secondary-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow-color)}section{position:relative;z-index:1;padding:6rem 5%;box-shadow:0 10px 30px var(--shadow-color)}.projects{padding:9rem 5% 6rem;background-color:var(--section-alt-bg);position:relative;box-shadow:0 -10px 30px var(--shadow-color),0 10px 30px var(--shadow-color);z-index:2}.projects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='rgba(255, 153, 153, 0.05)' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:-1}.contact{padding:9rem 5% 6rem;position:relative;background:var(--section-dark-bg);box-shadow:0 -10px 30px var(--shadow-color);z-index:3}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='rgba(255, 153, 153, 0.05)' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;opacity:.5;z-index:-1}.section-header{text-align:center;margin-bottom:4rem;position:relative;padding:2rem;border-radius:20px;background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 30px var(--shadow-color)}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px}.section-divider{width:100%;height:150px;position:relative;z-index:10;margin:-1px 0}.projects{padding:5rem 5%;background-color:var(--section-bg);position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-color);position:relative;display:inline-block;margin-bottom:1rem}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--primary-color);border-radius:2px}.section-header p{color:var(--light-text);font-size:1.1rem;max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px var(--shadow-color);border:1px solid var(--card-border);height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ff99994d}.project-img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--card-border)}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-content h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.project-content p{color:var(--light-text);margin-bottom:1rem;flex:1}.tech-stack{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tech{background:var(--section-bg);color:var(--primary-color);padding:.3rem .8rem;border-radius:50px;font-size:.8rem;font-weight:500}.contact{padding:5rem 5%;position:relative;background:var(--background)}.contact-container{max-width:1200px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:flex-start;gap:1rem}.contact-icon{font-size:1.5rem;color:var(--primary-color);background:var(--section-bg);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 5px 15px var(--shadow-color)}.contact-details h4{font-size:1.2rem;margin-bottom:.3rem;color:var(--text-color)}.contact-details p{color:var(--light-text)}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:var(--card-bg);padding:2rem;border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);border:1px solid var(--card-border)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-color)}.form-group input,.form-group textarea{padding:.8rem;border-radius:10px;border:1px solid var(--card-border);background:var(--section-bg);color:var(--text-color);font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-color)}.form-group textarea{min-height:150px;resize:vertical}.contact-form button{background:var(--primary-color);color:#fff;padding:1rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.contact-form button:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow-color)}.footer{background:var(--card-bg);color:var(--text-color);text-align:center;padding:2rem 0;border-top:1px solid var(--card-border)}@media (max-width: 992px){.hero-container{flex-direction:column}.hero-content{max-width:100%;text-align:center}.hero h1{font-size:2.8rem}.buttons,.social-links{justify-content:center}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.contact-grid{grid-template-columns:1fr}}.glowing-effect{position:relative}.glowing-effect:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(255,153,153,.2) 0%,transparent 70%);opacity:.3;filter:blur(20px);z-index:-1;animation:pulse 8s infinite alternate}@keyframes pulse{0%{opacity:.2;transform:scale(.95)}to{opacity:.3;transform:scale(1.05)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #ff99991a}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(to bottom right,#fff0,#ffffff1a,#fff0);transform:rotate(30deg);animation:shimmer 6s infinite linear;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;width:100%}body{margin:0;min-width:100%;min-height:100vh;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:var(--primary-color);color:#fff}