:root{--bg-color: #f2f2f7;--card-width: 380px;--card-height: 240px;--text-primary: #1d1d1f;--text-secondary: #86868b;--accent-color: #0071e3;--card-radius: 16px;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--anim-timing: cubic-bezier(.16, 1, .3, 1);--anim-enter-duration: 1s;--anim-exit-duration: .5s;--anim-transform-dist: 20px;--anim-initial-scale: .95}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);display:grid;place-items:center;min-height:100vh;-webkit-font-smoothing:antialiased}@media(max-width:400px){:root{--card-width: 320px;--card-height: 200px}}#root,.app-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:linear-gradient(135deg,#f5f5f7,#e0e0e5);position:relative;box-shadow:0 10px 30px #0000001a,0 1px 3px #0000000d,inset 0 0 0 1px #ffffff80;cursor:pointer;z-index:10;transform-style:preserve-3d;transition:transform .1s ease-out,box-shadow .3s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.card:hover{box-shadow:0 20px 40px #00000026,0 10px 20px #0000000d,inset 0 0 0 1px #fffc}.card-face{width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.chip{width:45px;height:35px;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);border-radius:6px;position:absolute;inset:50% 24px auto auto;transform:translateY(-50%);border:1px solid #c0c0c0;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 1px 2px #fffc,0 1px 1px #0000001a}.chip-line{width:40%;height:1px;background:#b0b0b0;margin:2px}.card-logo{position:absolute;inset:24px auto auto 24px;color:#a1a1a6;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}.card-name{font-size:1.2rem;font-weight:600;color:#515154;text-shadow:0 1px 0 rgba(255,255,255,.8);margin:auto 0 4px;letter-spacing:-.5px}.card-number{font-family:Courier New,Courier,monospace;font-size:.9rem;color:#8e8e93;margin-bottom:24px}.card-details{position:absolute;inset:auto 24px 24px auto;text-align:right;font-size:.7rem;color:#8e8e93;display:flex;flex-direction:column}.info-panel{width:var(--card-width);background:#fff;border-radius:var(--card-radius);margin-top:-20px;opacity:0;transform:translateY(-50px) scale(.95);transition:var(--transition-smooth);box-shadow:0 10px 40px #0000001a;overflow:hidden;max-height:0;z-index:5}.info-panel.visible{margin-top:20px;opacity:1;transform:translateY(0) scale(1);max-height:500px;padding-bottom:20px}.panel-content{padding:24px}.panel-section{margin-bottom:24px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease .1s}.info-panel.visible .panel-section{opacity:1;transform:translateY(0)}.info-panel.visible .panel-section:nth-child(2){transition-delay:.2s}.info-panel.visible .panel-section:nth-child(3){transition-delay:.3s}.panel-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:12px}.panel-section p{font-size:.95rem;line-height:1.5;color:var(--text-primary)}.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.link-item{display:flex;justify-content:center;align-items:center;padding:10px;background:#f5f5f7;border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:.9rem;font-weight:500;transition:background .2s}.link-item:hover{background:#e5e5ea}.project-list{list-style:none}.project-item{border-bottom:1px solid #f5f5f7}.project-item:last-child{border-bottom:none}.project-link{display:flex;justify-content:space-between;align-items:center;padding:12px 0;text-decoration:none;color:var(--text-primary);transition:opacity .2s}.project-link:hover{opacity:.6}.project-title{font-weight:600}.project-desc{color:var(--text-secondary);font-size:.85rem}@media(max-width:400px){.info-panel{width:320px}}@media(min-width:850px){.app-container{flex-direction:row;align-items:flex-start}.info-panel{margin-top:0;max-height:600px;margin-left:calc(var(--card-width) * -1);transform:translate(-50px) scale(.95)}.info-panel.visible{margin-top:0;margin-left:20px;transform:translate(0) scale(1);max-height:600px}}.intro-container{min-height:100vh;width:100%;padding:40px 20px;max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:transparent;opacity:0;transform:translateY(var(--anim-transform-dist)) scale(var(--anim-initial-scale));transition:all var(--anim-exit-duration) var(--anim-timing)}.intro-container.visible{opacity:1;transform:translateY(0) scale(1);transition-duration:var(--anim-enter-duration)}.intro-back-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;margin-bottom:32px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;color:#1d1d1f;text-decoration:none;font-weight:500;font-size:.95rem;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;border:1px solid rgba(255,255,255,.4);cursor:pointer}.intro-back-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000001a}.intro-section-card{background:#fff;border-radius:24px;padding:36px;margin-bottom:24px;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.02);transition:transform .3s ease,box-shadow .3s ease}.intro-section-title{font-size:1.4rem;font-weight:600;color:#1d1d1f;margin-bottom:24px;letter-spacing:-.01em;display:flex;align-items:center}.intro-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.intro-skill-category{padding:20px;background:#f5f5f7;border-radius:16px}.intro-skill-title{font-size:1rem;font-weight:600;color:#1d1d1f;margin-bottom:12px}.intro-skill-list{list-style:none;padding:0;margin:0}.intro-skill-item{margin-bottom:8px;color:#424245;font-size:.9rem;line-height:1.5;display:flex;align-items:baseline}.intro-skill-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#86868b;margin-right:10px;flex-shrink:0}.intro-projects-section{background:transparent;box-shadow:none;border:none;padding:0}.intro-projects-header{padding-left:10px;margin-bottom:8px}.intro-projects-subtitle{font-size:.9rem;color:#86868b;padding-left:10px;margin-top:0;margin-bottom:24px;display:flex;align-items:center}.intro-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.intro-project-card{background:transparent;border-radius:24px;padding:30px;transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:default;border:none;box-shadow:none;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.intro-project-card.with-popup{background:#fff;cursor:pointer;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px #00000008}@media(min-width:769px){.intro-project-card.with-popup:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a}}.intro-project-content{margin-bottom:auto}.intro-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.intro-project-name{font-size:1.4rem;font-weight:700;color:#1d1d1f;line-height:1.2;margin:0}.intro-project-description{font-size:.95rem;color:#86868b;margin-bottom:24px;font-weight:500}.intro-highlight-item{font-size:.9rem;color:#424245;margin-bottom:10px;display:flex;align-items:flex-start;line-height:1.5}.intro-highlight-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:12px;margin-top:7px;flex-shrink:0}.intro-project-card:nth-of-type(5n+1) .intro-highlight-dot{background:linear-gradient(135deg,#0071e3,#47aeff)}.intro-project-card:nth-of-type(5n+2) .intro-highlight-dot{background:linear-gradient(135deg,#34c759,#30d158)}.intro-project-card:nth-of-type(5n+3) .intro-highlight-dot{background:linear-gradient(135deg,#ff9500,#fc0)}.intro-project-card:nth-of-type(5n+4) .intro-highlight-dot{background:linear-gradient(135deg,#5856d6,#7a79e0)}.intro-project-card:nth-of-type(5n+5) .intro-highlight-dot{background:linear-gradient(135deg,#ff2d55,#ff375f)}.intro-footer{text-align:center;color:#86868b;font-size:.9rem;margin-top:40px;padding-bottom:20px}.intro-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s cubic-bezier(.32,.72,0,1)}.intro-modal-overlay.closing{opacity:0}.intro-modal-container{position:relative;max-width:90%;max-height:90%;opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.32,.72,0,1)}.intro-modal-container.closing{opacity:0;transform:scale(.95)}@keyframes spin{to{transform:rotate(360deg)}}.intro-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite;margin:20px}@keyframes imageEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.intro-modal-image{max-width:100%;max-height:90vh;border-radius:16px;box-shadow:0 40px 80px #0003;border:1px solid rgba(255,255,255,.5);display:none}.intro-modal-image.loaded{display:block;animation:imageEnter .4s cubic-bezier(.16,1,.3,1)}.intro-modal-image.loaded.closing{animation:none}.intro-modal-close-btn{position:absolute;bottom:20px;right:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1d1d1f;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;font-weight:700;font-size:1.1rem;z-index:10}.intro-modal-close-btn:hover{transform:scale(1.1);background:#fff}.intro-modal-close-btn:active{transform:scale(1);background:#ffffffe6}.links-container{min-height:100vh;width:100%;padding:40px 20px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:transparent;opacity:0;transform:translateY(var(--anim-transform-dist)) scale(var(--anim-initial-scale));transition:all var(--anim-exit-duration) var(--anim-timing)}.links-container.visible{opacity:1;transform:translateY(0) scale(1);transition-duration:var(--anim-enter-duration)}.links-back-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;margin-bottom:32px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;color:#1d1d1f;text-decoration:none;font-weight:500;font-size:.95rem;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;border:1px solid rgba(255,255,255,.4);cursor:pointer}.links-back-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000001a}.links-header{text-align:center;margin-bottom:48px}.links-title{font-size:2.5rem;font-weight:700;color:#1d1d1f;margin-bottom:12px;letter-spacing:-.02em}.links-subtitle{font-size:1.1rem;color:#86868b;font-weight:400}.links-content{display:flex;flex-direction:column;gap:48px}.links-category{background:#fff;border-radius:24px;padding:36px;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.02);transition:transform .3s ease,box-shadow .3s ease}.links-category-title{font-size:1.5rem;font-weight:600;color:#1d1d1f;margin-bottom:24px;letter-spacing:-.01em}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.links-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f5f5f7;border-radius:16px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.165,.84,.44,1);cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden}.links-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff80,#fff0);opacity:0;transition:opacity .3s ease}.links-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;background:#fff;border-color:#0000000a}.links-card:hover:before{opacity:1}.links-card-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.links-card:hover .links-card-avatar{transform:scale(1.1) rotate(5deg)}.links-card-content{flex:1;min-width:0}.links-card-name{font-size:1.05rem;font-weight:600;color:#1d1d1f;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links-card-description{font-size:.85rem;color:#86868b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.links-card-arrow{font-size:1.2rem;color:#86868b;transition:all .3s ease;flex-shrink:0}.links-card:hover .links-card-arrow{transform:translate(4px);color:#0071e3}.links-apply-section{background:#fff;border-radius:24px;padding:36px;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.02)}.links-section-title{font-size:1.5rem;font-weight:600;color:#1d1d1f;margin-bottom:16px;letter-spacing:-.01em}.links-apply-description{font-size:1rem;color:#424245;line-height:1.6;margin-bottom:24px}.links-requirements{margin-bottom:28px}.links-requirements-title{font-size:1.1rem;font-weight:600;color:#1d1d1f;margin-bottom:12px}.links-requirements-list{list-style:none;padding:0;margin:0}.links-requirement-item{display:flex;align-items:baseline;margin-bottom:10px;color:#424245;font-size:.95rem;line-height:1.5}.links-requirement-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0071e3;margin-right:12px;margin-top:8px;flex-shrink:0}.links-contact-box{background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:16px;padding:24px;border:1px solid rgba(0,0,0,.04)}.links-contact-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#86868b;margin-bottom:8px;font-weight:600}.links-contact-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.links-contact-method{font-size:1rem;color:#424245;font-weight:500}.links-contact-value{font-size:1rem;color:#0071e3;text-decoration:none;font-weight:600;transition:opacity .2s ease}.links-contact-value:hover{opacity:.7;text-decoration:underline}.links-contact-template{font-size:.9rem;color:#86868b;line-height:1.5;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.links-footer{text-align:center;color:#86868b;font-size:.9rem;margin-top:40px;padding-bottom:20px}@media(max-width:768px){.links-title{font-size:2rem}.links-subtitle{font-size:1rem}.links-category,.links-apply-section{padding:24px}.links-grid{grid-template-columns:1fr}.links-card{padding:16px}}@media(max-width:480px){.links-container{padding:24px 16px}.links-title{font-size:1.75rem}.links-category-title,.links-section-title{font-size:1.3rem}}